/* Interaction-led workspace: controls float above a stable email canvas. */
body[data-theme="liquid"]{--glass-opacity:.58;--ink:#233343;--soft-ink:#758393;--studio-line:#ffffffa8;background:#e8edf5;color:var(--ink);height:100dvh;overflow:hidden;isolation:isolate}
body[data-theme="liquid"] [hidden]{display:none!important}
.liquid-scene{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(145deg,#e6edf4 0%,#eae8f1 45%,#edf1ea 100%)}
.scene-orb{position:absolute;display:block;border-radius:50%;filter:blur(32px);opacity:.7;pointer-events:none;animation:studio-drift 22s ease-in-out infinite alternate}
.orb-one{width:630px;height:630px;background:radial-gradient(circle,#a4c3f8,#c0d4f060 64%,transparent 70%);left:-280px;top:-130px}
.orb-two{width:650px;height:650px;background:radial-gradient(circle,#c6b7e1,#d7cfeb60 64%,transparent 70%);right:-200px;top:140px;animation-delay:-8s}
.orb-three{width:570px;height:570px;background:radial-gradient(circle,#d6e7b2,#e3ebc96b 60%,transparent 70%);left:25%;bottom:-370px;animation-delay:-13s}
@keyframes studio-drift{from{transform:translate(-12px,-8px) scale(1)}to{transform:translate(45px,30px) scale(1.08)}}
body[data-theme="liquid"] .glass-surface{--pointer-x:30%;--pointer-y:0%;position:relative;background:rgba(255,255,255,var(--glass-opacity));border:1px solid #ffffffd4;box-shadow:0 12px 36px #48576b12,0 1px 1px #ffffffd4 inset,0 -1px 1px #b3bdce24 inset;backdrop-filter:blur(24px) saturate(1.55);-webkit-backdrop-filter:blur(24px) saturate(1.55)}
body[data-theme="liquid"] .glass-surface::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#ffffffbd 0%,#ffffff14 35%,transparent 62%);opacity:.7}
body[data-theme="liquid"] .glass-surface::after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;background:linear-gradient(125deg,#fff 0%,#ffffff08 35%,#ffffff30 65%,#fff9 100%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:2}
body[data-theme="liquid"] .glass-surface>*{position:relative;z-index:1}
.liquid-filter-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
body[data-theme="liquid"] .app-header{height:66px;padding:0 24px;background:#ffffff48;border:0;border-bottom:1px solid #ffffff70;position:relative;top:0;backdrop-filter:blur(24px);box-shadow:none;margin:0;border-radius:0;z-index:35}
body[data-theme="liquid"] .brand img{width:115px;height:auto}body[data-theme="liquid"] .brand{font-size:13px;gap:16px;color:#536477}body[data-theme="liquid"] .brand-divider{height:18px;background:#bcc9d640}
body[data-theme="liquid"] .header-actions{gap:10px;align-items:center}
body[data-theme="liquid"] .appearance-select{background:#ffffff50;border:1px solid #ffffffb0;color:#65778c;font-size:11px;max-width:166px;border-radius:12px;height:36px}
body[data-theme="liquid"] .app-layout{display:grid;grid-template-columns:344px minmax(0,1fr);height:calc(100dvh - 66px);max-width:none;padding:20px 16px 18px;gap:8px;transition:grid-template-columns .45s cubic-bezier(.22,.75,.2,1);margin:0}
body[data-theme="liquid"] .settings{border-radius:24px;padding:0;width:344px;height:100%;min-height:0;overflow:hidden;border-right:1px solid #ffffffd4;display:flex;flex-direction:column;align-self:stretch;transition:opacity .25s,transform .4s cubic-bezier(.22,.75,.2,1)}
.liquid-inspector-heading{padding:25px 24px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-shrink:0}
.liquid-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#63768e}
.liquid-inspector-heading h1{font-size:24px;line-height:30px;letter-spacing:-.9px;font-weight:500;margin:8px 0 0;color:#273b51}
.liquid-inspector-heading p{font-size:11px;line-height:18px;color:#586e88;margin-top:7px}
.inspector-mark{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff75;border:1px solid #ffffffbd;border-radius:11px;color:#627b9b}
body[data-theme="liquid"] .liquid-tabs{display:flex;position:relative;margin:0 17px 4px;padding:5px;border-radius:19px;flex-shrink:0;background:#c9d4e42b;border:1px solid #ffffff8c;box-shadow:0 2px 3px #b4bfd20d inset;backdrop-filter:blur(12px)}
body[data-theme="liquid"] .liquid-tabs .liquid-tab-indicator{position:absolute;z-index:0;left:5px;top:5px;bottom:5px;width:calc((100% - 10px)/4);border-radius:14px;background:linear-gradient(145deg,#fffffff5,#ffffffe0);border:1px solid #fff;box-shadow:0 3px 12px #5a739019,0 -1px 0 #c6d1df26 inset;transition:transform .45s cubic-bezier(.22,1.12,.34,1)}
.liquid-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;padding:11px 4px 10px;border:0;background:transparent;border-radius:14px;color:#516884;cursor:pointer;transition:color .2s,transform .2s;font-family:Onest,Arial,sans-serif}
.liquid-tab>svg{width:18px;height:18px}.liquid-tab>span{font-size:11px;font-weight:500;letter-spacing:.1px}
.liquid-tab[aria-selected="true"]{color:#334c6b}.liquid-tab:hover{color:#405d7a;transform:translateY(-1px)}.liquid-tab:active{transform:scale(.94)}
.liquid-panel-content{min-height:0;flex:1;overflow:auto;padding:0 23px 26px;scrollbar-width:thin;scrollbar-color:#b7c8dc5e transparent;overscroll-behavior:contain}
body[data-theme="liquid"] .panel{border:0;padding:24px 0 0;background:transparent;box-shadow:none;border-radius:0}
body[data-theme="liquid"] .panel h2{font-size:18px;line-height:25px;font-weight:500;letter-spacing:-.4px;margin-bottom:4px;color:#263d59}
body[data-theme="liquid"] .section-title{margin-bottom:18px;align-items:center}
body[data-theme="liquid"] .discount-pill{background:#e5efce;color:#426021;font-size:10px;padding:4px 8px;font-weight:500;border:1px solid #f6ffe8}
body[data-theme="liquid"] .field-label{font-size:12px;line-height:18px;font-weight:500;color:#526983;margin-top:16px;margin-bottom:7px}
body[data-theme="liquid"] .input{background:#ffffff6e;border:1px solid #ffffffbc;border-radius:12px;height:43px;font-size:14px;color:#273f5f;box-shadow:0 1px 3px #8c9fb908 inset;transition:box-shadow .25s,border-color .25s,background .25s}
body[data-theme="liquid"] .input:focus{background:#ffffffe3;box-shadow:0 0 0 4px #7e9dc410;border-color:#acbdd9}
body[data-theme="liquid"] .input::placeholder{color:#677b94}
body[data-theme="liquid"] #name{height:57px;font-size:18px;letter-spacing:-.4px;padding:15px 14px;font-weight:400;border-radius:15px}
body[data-theme="liquid"] .recipient-panel>.field-note{font-size:11px;line-height:18px;color:#5e728c;margin-top:13px}
body[data-theme="liquid"] .liquid-field-hint{font-size:12px;line-height:19px;color:#5c728e;margin-top:28px;padding:16px 14px;background:#ffffff38;border:1px solid #ffffff70;border-radius:13px}
body[data-theme="liquid"] .field-note{font-size:11px;line-height:18px;color:#5e728c}
body[data-theme="liquid"] .text-button{font-size:12px;color:#47678e}
body[data-theme="liquid"] .button-save{background:#e8edf5c9;border:1px solid #ffffffe0;color:#345779;border-radius:12px;min-height:42px;font-size:12px;box-shadow:0 3px 10px #708eaf09}
body[data-theme="liquid"] .button-save:hover{background:#dce7f5}
body[data-theme="liquid"] .preview-area{height:100%;overflow:auto;position:relative;padding:8px 64px 120px;min-width:0;scrollbar-width:thin;scrollbar-color:#a2b1c249 transparent;overscroll-behavior:contain;background:#ffffff32;border:1px solid #ffffff9e;border-radius:28px;box-shadow:0 10px 35px #687d9c08,0 1px 0 #ffffff85 inset}
body[data-theme="liquid"] .preview-heading{margin-bottom:6px;max-width:760px;gap:10px;padding:0 7px}
body[data-theme="liquid"] .preview-heading>.eyebrow{display:none}
body[data-theme="liquid"] .preview-meta{font-size:11px;color:#61758e}
.liquid-live{font-size:11px;display:flex;align-items:center;gap:7px;color:#5f738c;white-space:nowrap}
.liquid-live i{width:5px;height:5px;border-radius:50%;background:#92af8e;box-shadow:0 0 0 3px #92af8e13}
.liquid-live.updated i{animation:live-pulse .8s ease-out}
@keyframes live-pulse{0%{box-shadow:0 0 0 0 #8aac8a55}100%{box-shadow:0 0 0 8px #8aac8a00}}
.liquid-preview-tip{font-size:11px;color:#5f738c;display:flex;align-items:center;justify-content:center;gap:6px;margin:12px auto 12px;white-space:normal;text-align:center;line-height:18px;}
.liquid-preview-tip svg{width:11px;height:11px}
body[data-theme="liquid"] .preview-viewport{overflow:visible;min-height:0}
body[data-theme="liquid"] .preview-holder{border-radius:24px;overflow:hidden;box-shadow:0 16px 50px #73839e0c;background:#f4f6fb}
body[data-theme="liquid"] .preview-caption{font-size:11px;margin-top:19px;color:#61758e}
body[data-theme="liquid"] #letter [data-editor-target]{cursor:pointer;outline:1px solid transparent;outline-offset:4px;border-radius:3px;transition:outline-color .18s}
body[data-theme="liquid"] #letter [data-editor-target]:hover{outline-color:#7696c2}
body[data-theme="liquid"] .liquid-dock{position:fixed;left:calc(50% + 168px);bottom:23px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border-radius:24px;padding:9px;z-index:60;background:rgba(255,255,255,calc(var(--glass-opacity) + .12));box-shadow:0 16px 45px #4f62812b,0 1px 1px #fff inset;transition:left .4s cubic-bezier(.22,.75,.2,1)}
body[data-theme="liquid"] .liquid-dock::before{backdrop-filter:url(#studio-refraction);background:radial-gradient(ellipse at var(--pointer-x) var(--pointer-y),#ffffffba,transparent 65%);border-radius:inherit}
.liquid-zoom{display:flex;align-items:center;gap:1px;padding:0 2px}
.dock-icon,.liquid-zoom-readout{height:38px;min-width:34px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#445f80;border-radius:12px;cursor:pointer;font-size:10px;transition:transform .3s cubic-bezier(.22,1.2,.35,1),background .2s}
.dock-icon:hover,.liquid-zoom-readout:hover{background:#ffffffb0;transform:translateY(-3px) scale(1.06)}
.dock-icon:active,.liquid-zoom-readout:active{transform:scale(.92)}
.dock-icon[aria-pressed="true"]{background:#dfe7f0;color:#3d5879}
.liquid-zoom-readout{font-family:Onest,Arial,sans-serif;font-weight:500;min-width:40px;font-variant-numeric:tabular-nums;color:#445f80}
.dock-divider{width:1px;height:23px;background:#acbcd03d;margin:0 3px}
body[data-theme="liquid"] .liquid-dock #download{background:transparent;border:0;padding:0;width:38px;min-height:38px;height:38px;color:#445f80;border-radius:12px}
body[data-theme="liquid"] .liquid-dock #download:hover{background:#ffffffbf;transform:translateY(-3px)}
body[data-theme="liquid"] .liquid-dock #copy{display:flex;gap:8px;align-items:center;justify-content:center;min-width:191px;min-height:40px;height:40px;padding:10px 15px;background:linear-gradient(155deg,#547299,#35577f);border:1px solid #ffffff57;color:#fff;font-size:11px;line-height:18px;border-radius:15px;font-weight:500;letter-spacing:0;box-shadow:0 4px 10px #536e9520,0 1px 0 #ffffff35 inset;transition:transform .2s,background .3s,box-shadow .3s}
body[data-theme="liquid"] .liquid-dock #copy:hover{transform:translateY(-2px);box-shadow:0 6px 18px #536e9535}
body[data-theme="liquid"] .liquid-dock #copy:active{transform:scale(.97)}
body[data-theme="liquid"] .liquid-dock #copy.copy-complete{background:linear-gradient(155deg,#8aa589,#678965)}
body[data-theme="liquid"] .liquid-dock #copy>svg{width:17px;height:17px;flex-shrink:0}
body[data-theme="liquid"] .liquid-dock #copy>.dock-copy-label{display:inline;font-size:11px;font-weight:500;white-space:nowrap}
body[data-theme="liquid"] .liquid-open{display:inline-flex;align-items:center;gap:7px;background:#ffffff50;border-radius:12px;padding:8px 11px;border:1px solid #ffffffb0;color:#496585;height:36px;font-size:10px;cursor:pointer;box-shadow:none}
.liquid-open svg{width:15px;height:15px}
body[data-theme="liquid"] .liquid-group-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 15px;margin:0 0 10px;border-radius:16px;text-align:left;color:#3e5b80;cursor:pointer;background:#ffffff7d;box-shadow:0 3px 12px #879cba08}
.liquid-group-button small{display:block;color:#5c718c;font-size:10px;line-height:15px;letter-spacing:.8px;font-weight:500}
.liquid-group-button strong{display:block;font-size:30px;line-height:36px;font-weight:500;letter-spacing:-1px;color:#294766}
.group-change{display:flex;align-items:center;gap:4px;color:#58718f;font-size:11px;}
.group-change svg{width:13px;height:13px}
body[data-theme="liquid"] #group,body[data-theme="liquid"] label[for="group"],body[data-theme="liquid"] #manager-select,body[data-theme="liquid"] label[for="manager-select"]{display:none}
body[data-theme="liquid"] .price-list{display:grid;gap:10px;margin-top:16px}
body[data-theme="liquid"] .price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px 12px;border:1px solid #ffffffed;border-left:3px solid #6597e3;border-radius:16px;background:linear-gradient(130deg,#ffffffe0,#ffffff85);box-shadow:0 4px 14px #617c9f09,0 1px 0 #fff inset;transition:background .2s,box-shadow .2s}
body[data-theme="liquid"] .price-row:last-child{border-bottom:1px solid #ffffffed}
body[data-theme="liquid"] .price-row:hover{background:#ffffffeb;box-shadow:0 5px 18px #617c9f14}
body[data-theme="liquid"] .price-plan{font-size:12px;color:#344e6d;font-weight:600;align-self:start;padding-top:3px}
body[data-theme="liquid"] .price-amounts{min-width:0}
body[data-theme="liquid"] .price-discount{font-size:24px;line-height:34px;font-weight:650;color:#075ac4;font-variant-numeric:tabular-nums;letter-spacing:-.9px}
body[data-theme="liquid"] .price-base{font-size:11px;line-height:16px;color:#687b94}
body[data-theme="liquid"] .price-saving{display:inline-block;margin-top:5px;padding:3px 7px;border:1px solid #e1edc5;border-radius:8px;background:#edf5dd;color:#456128;font-size:10px;font-weight:500;line-height:14px;white-space:nowrap}
body[data-theme="liquid"] .liquid-group-picker{position:fixed;z-index:100;max-height:310px;overflow:hidden;border-radius:20px;padding:12px;background:#f1f4fbe8;box-shadow:0 20px 60px #4a608439;backdrop-filter:blur(30px) saturate(1.4)}
.group-search{display:flex;align-items:center;gap:8px;padding:3px 5px 13px;border-bottom:1px solid #ffffffa8;margin-bottom:12px;color:#a0b1c8}
.group-search svg{width:16px;height:16px;flex-shrink:0}
.group-search input{width:100%;min-width:0;font-size:11px;background:transparent;border:0;outline:0;color:#344f70;height:29px}
.group-search input::placeholder{color:#647a95}
.group-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-height:210px;overflow:auto;scrollbar-width:thin}
.group-chip{border:1px solid #ffffffd9;background:#ffffff65;color:#4d688b;border-radius:10px;height:36px;font-size:12px;font-weight:500;cursor:pointer;transition:transform .2s,background .2s}
.group-chip:hover{background:#fff;transform:translateY(-2px)}.group-chip[aria-pressed="true"]{background:#6e86a8;color:#fff;border-color:#ffffff60;box-shadow:0 2px 5px #6e86a829}
.group-empty{grid-column:1/-1;font-size:11px;color:#5c718c;padding:20px 5px}
.liquid-manager-cards{display:flex;flex-direction:column;gap:8px;margin:2px 0 20px;max-height:160px;overflow:auto;scrollbar-width:thin}
.manager-choice{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;background:transparent;border-radius:13px;text-align:left;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s}
.manager-choice[aria-pressed="true"]{background:#ffffff9c;border-color:#fffffff2;box-shadow:0 3px 12px #7e93b109}
.manager-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#d2ddec,#bdcde4);color:#4a688d;font-size:10px;font-weight:500;flex-shrink:0;border:1px solid #ffffffb0}
.manager-choice-label{font-size:13px;color:#385677;line-height:16px;flex:1;overflow-wrap:anywhere}
.manager-choice-check{color:#577698;visibility:hidden}.manager-choice-check svg{width:15px;height:15px}.manager-choice[aria-pressed="true"] .manager-choice-check{visibility:visible}
body[data-theme="liquid"] .liquid-material{margin-top:25px;padding:17px 14px;border:1px solid #ffffff90;background:#ffffff40;border-radius:15px}
.material-title{display:flex;align-items:center;gap:7px;font-size:12px;color:#4e6685}.material-title svg{width:15px;height:15px}
.material-row{display:flex;align-items:center;position:relative;margin:20px 0;font-size:12px;color:#516b8d;gap:8px;cursor:pointer}.material-row>span:first-child{flex:1}
.material-row input{position:absolute;right:0;width:34px;height:21px;opacity:0;cursor:pointer}
.material-switch{width:34px;height:21px;border-radius:20px;background:#cad5e4;box-shadow:0 1px 2px #ffffff8c inset;position:relative;transition:background .2s;pointer-events:none}
.material-switch::after{content:"";position:absolute;width:15px;height:15px;background:#fff;border-radius:50%;top:3px;left:3px;box-shadow:0 1px 3px #6d7e9640;transition:transform .3s cubic-bezier(.22,1.15,.3,1)}
.material-row input:checked+.material-switch{background:#8aa3c2}.material-row input:checked+.material-switch::after{transform:translateX(13px)}.material-row input:focus-visible+.material-switch{outline:2px solid #607da6;outline-offset:3px}
.material-range-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#536d8d;margin:8px 0}
.material-range{width:100%;height:16px;accent-color:#8ca5c5;cursor:pointer}.liquid-material p{font-size:10px;color:#637892;margin-top:7px}
body[data-theme="liquid"] .help-panel .concepts-link{display:none}body[data-theme="liquid"] .help-panel summary{font-size:12px;color:#4a6485}
body[data-theme="liquid"] .help-panel .button-secondary{font-size:10px;background:#ffffff82;border-color:#ffffffd0;color:#44658c}
body[data-theme="liquid"] .download-link{font-size:11px;color:#4f6c90}
body[data-theme="liquid"] .liquid-canvas-nav{position:fixed;right:21px;top:calc(50% - 55px);padding:6px;border-radius:19px;z-index:20;background:#ffffff60;box-shadow:0 10px 22px #6d809f10}
.canvas-jump{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:38px;background:none;border:0;border-radius:12px;color:#557394;cursor:pointer}
.canvas-jump:hover{background:#ffffffac;color:#617fa6}.canvas-jump svg{width:16px;height:16px}
.canvas-jump>span{position:absolute;right:44px;top:8px;padding:5px 9px;white-space:nowrap;background:#fffffff0;border:1px solid #fff;border-radius:8px;color:#4a6486;font-size:9px;opacity:0;transform:translateX(5px);transition:.2s;pointer-events:none}
.canvas-jump:hover>span,.canvas-jump:focus-visible>span{opacity:1;transform:translateX(0)}
body[data-theme="liquid"] .toast{bottom:96px;background:#657c9bea;border:1px solid #ffffff65;backdrop-filter:blur(20px);font-size:10px;line-height:17px;padding:11px 15px;box-shadow:0 8px 25px #5f789c1c;border-radius:13px}
body[data-theme="liquid"].liquid-focus .app-layout{grid-template-columns:0 minmax(0,1fr)}
body[data-theme="liquid"].liquid-focus .settings{opacity:0;transform:translateX(-20px);pointer-events:none;visibility:hidden}
body[data-theme="liquid"].liquid-focus .liquid-dock{left:50%}
body[data-theme="liquid"][data-studio-motion="off"] .scene-orb,body[data-theme="liquid"][data-studio-motion="off"] .liquid-live i{animation:none}
body[data-theme="liquid"][data-studio-motion="off"] *,body[data-theme="liquid"][data-studio-motion="off"] *::before,body[data-theme="liquid"][data-studio-motion="off"] *::after{transition:none!important;scroll-behavior:auto!important}
@media(max-width:1270px){body[data-theme="liquid"] .preview-area{padding-left:24px;padding-right:24px}.liquid-canvas-nav{display:none!important}body[data-theme="liquid"] .app-layout{grid-template-columns:324px minmax(0,1fr)}body[data-theme="liquid"] .settings{width:324px}body[data-theme="liquid"] .liquid-dock{left:calc(50% + 160px)}body[data-theme="liquid"] .liquid-preview-tip{font-size:10px}.liquid-preview-tip svg{display:none}}
@media(max-width:900px){body[data-theme="liquid"] .app-header{padding:0 16px;height:62px}.brand>span:last-child{display:none}body[data-theme="liquid"] .app-layout,body[data-theme="liquid"].liquid-focus .app-layout{display:block;height:calc(100dvh - 62px);padding:16px 0 0}.liquid-scene{background:linear-gradient(145deg,#e5eaf4,#eff2ea)}body[data-theme="liquid"] .settings{position:fixed;left:16px;top:78px;width:344px;max-width:calc(100vw - 32px);height:calc(100dvh - 178px);z-index:45;box-shadow:0 25px 80px #56698330;background:rgba(245,248,253,calc(var(--glass-opacity) + .22));visibility:hidden;opacity:0;transform:translateX(-18px);pointer-events:none}body[data-theme="liquid"].liquid-panel-open .settings{visibility:visible;opacity:1;transform:none;pointer-events:auto}body[data-theme="liquid"] .preview-area{padding:4px 16px 110px;overflow:auto}body[data-theme="liquid"] .liquid-dock,body[data-theme="liquid"].liquid-focus .liquid-dock{left:50%;bottom:18px}body[data-theme="liquid"] .liquid-preview-tip{display:none}body[data-theme="liquid"] .preview-heading{margin-bottom:13px}.liquid-open>span{display:inline}.liquid-dock .dock-focus{display:none}.liquid-inspector-heading{padding-top:22px}.liquid-tab{padding-top:8px;padding-bottom:8px}.liquid-panel-content{padding-bottom:24px}}
@media(max-width:480px){body[data-theme="liquid"] .app-header{flex-wrap:nowrap;gap:8px}.brand{width:auto;justify-content:flex-start}body[data-theme="liquid"] .brand img{width:98px}.brand-divider{display:none}body[data-theme="liquid"] .header-actions{flex-wrap:nowrap;width:auto;margin-left:auto;gap:6px}body[data-theme="liquid"] .appearance-select{width:130px;max-width:130px;flex-basis:auto;font-size:9px;height:33px;padding-left:8px;padding-right:22px}body[data-theme="liquid"] .liquid-open{padding:7px;height:33px;width:33px;flex-shrink:0;border-radius:11px}.liquid-open>span{display:none}.liquid-open>svg{width:16px;height:16px}.liquid-dock{gap:4px!important;padding:7px!important;border-radius:21px!important;max-width:calc(100vw - 24px)}.liquid-zoom{gap:0;padding:0}.dock-icon{width:28px;min-width:28px;height:34px}.liquid-zoom-readout{min-width:35px;height:34px;font-size:9px}.dock-divider{margin:0 1px;height:19px}body[data-theme="liquid"] .liquid-dock #download{width:31px;height:34px;min-height:34px;padding:0}body[data-theme="liquid"] .liquid-dock #copy{min-width:0;width:154px;height:36px;min-height:36px;padding:8px 10px;border-radius:13px;gap:6px}body[data-theme="liquid"] .liquid-dock #copy>.dock-copy-label{font-size:9px}body[data-theme="liquid"] .liquid-dock #copy>svg{width:14px;height:14px}.liquid-live{font-size:10px}body[data-theme="liquid"] .preview-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.scene-orb,.liquid-live i{animation:none!important}.liquid-experience *{scroll-behavior:auto!important}}

/* Keep glass labels readable at every material density. */
body[data-theme="liquid"] .field-note.error{color:#a4362b}
body[data-theme="liquid"] .field-note.success{color:#2e6f3c}
body[data-theme="liquid"] .liquid-zoom-readout{font-size:11px;font-weight:600}
body[data-theme="liquid"] .appearance-select{color:#415c7b}
body[data-theme="liquid"] .liquid-open{color:#415c7b;font-weight:500}
/* A consistent blue cue marks controls that can be changed. */
body[data-theme="liquid"] .input{background:#fafdffb8;border-color:#aabfd880;box-shadow:0 1px 3px #718aa408 inset,0 1px 0 #ffffffc4}
body[data-theme="liquid"] .input:hover{border-color:#7a9ec4;background:#ffffffe6}
body[data-theme="liquid"] .input:focus{background:#fff;border-color:#4488dc;box-shadow:0 0 0 4px #4e90e41a,0 2px 8px #5e84b60d}
body[data-theme="liquid"] .input::selection{background:#c7dfff;color:#163d6a}
body[data-theme="liquid"] .liquid-tab[aria-selected="true"]{color:#145bb0}
body[data-theme="liquid"] .liquid-group-button{border-color:#a5bddb96;background:linear-gradient(125deg,#fffffff0,#eff5ff9c);transition:border-color .2s,box-shadow .2s,background .2s}
body[data-theme="liquid"] .liquid-group-button:hover,body[data-theme="liquid"] .liquid-group-button[aria-expanded="true"]{border-color:#6d9fd8;box-shadow:0 4px 16px #5c8bc51a;background:#fff}
body[data-theme="liquid"] .group-change{color:#235fa4;background:#e8f1ff;padding:6px 8px;border-radius:9px;font-weight:500}
body[data-theme="liquid"] .group-chip[aria-pressed="true"]{background:#2368bd}
body[data-theme="liquid"] .manager-choice{background:#ffffff5c;border-color:#b7c9df6b}
body[data-theme="liquid"] .manager-choice:hover{background:#ffffffe0;border-color:#83a8d4}
body[data-theme="liquid"] .manager-choice[aria-pressed="true"]{background:#f5f9ffed;border-color:#7fa6d8;box-shadow:0 3px 12px #5c83b412}
body[data-theme="liquid"] .manager-choice-check{color:#2368bd}
body[data-theme="liquid"] .button-save{background:linear-gradient(135deg,#edf5ff,#dceaff);border-color:#adc9eb;color:#245b9c;font-weight:600}
body[data-theme="liquid"] .button-save:hover{background:#d8eaff;border-color:#7ba6d9}
body[data-theme="liquid"] .text-button{color:#245fa8}
body[data-theme="liquid"] #letter [data-editor-target]:hover{outline:2px solid #67a2f1;outline-offset:4px;background:#7daff318}
@media(max-width:900px){body[data-theme="liquid"] .preview-area{border-radius:23px;margin:0 10px;width:calc(100% - 20px)}}
@media(max-width:480px){body[data-theme="liquid"] .liquid-zoom-readout{font-size:10px}}

/* Studio refinement: one blue editing cue above a quiet glass workbench. */
body[data-theme="liquid"]{--studio-ink:#243e5b;--studio-muted:#536b85;--studio-accent:#1769cb;--studio-radius:28px;--studio-focus:#7ba9e5;--studio-paper:#ffffff}
body[data-theme="liquid"] .app-header{background:#f7faff87;border-bottom-color:#ffffffcf;box-shadow:0 1px 16px #51688806}
body[data-theme="liquid"] .settings{border-radius:var(--studio-radius);box-shadow:0 20px 60px #3c567c14,0 1px 1px #fff inset;background:rgba(247,251,255,calc(var(--glass-opacity) + .1))}
body[data-theme="liquid"] .liquid-inspector-heading{padding:25px 23px 17px}
body[data-theme="liquid"] .liquid-inspector-heading h1{font-size:25px;line-height:32px;letter-spacing:-1px;font-weight:550;color:var(--studio-ink)}
body[data-theme="liquid"] .liquid-inspector-heading p{font-size:12px;color:var(--studio-muted);line-height:18px;margin-top:6px}
body[data-theme="liquid"] .liquid-eyebrow{font-size:9px;letter-spacing:1.15px;color:var(--studio-muted)}
body[data-theme="liquid"] .inspector-mark{width:30px;height:30px;border-radius:10px;color:var(--studio-accent);background:#ffffffa1;flex-shrink:0}
body[data-theme="liquid"] .liquid-tabs{margin:0 17px;background:#dce6f25c;border-radius:18px}
body[data-theme="liquid"] .liquid-tab[aria-selected="true"]{color:var(--studio-accent)}
.liquid-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 23px 0;padding:0 0 16px;border-bottom:1px solid #a2b5cf36;flex-shrink:0}
.liquid-selection>div{min-width:0}.liquid-selection strong{display:block;font-size:13px;line-height:21px;font-weight:600;color:var(--studio-ink)}.liquid-selection span{display:block;font-size:11px;line-height:18px;color:var(--studio-muted)}
.liquid-selection button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:1px solid #b6cce56b;background:#ffffffa1;color:var(--studio-accent);flex-shrink:0;transition:background .2s,transform .2s}
.liquid-selection button:hover{background:#fff;transform:translateY(-1px)}.liquid-selection button:active{transform:scale(.95)}
body[data-theme="liquid"] .panel{padding-top:20px}body[data-theme="liquid"] .panel h2{font-size:16px;line-height:24px;letter-spacing:-.35px;font-weight:600;color:var(--studio-ink)}
body[data-theme="liquid"] .field-label{font-size:12px;color:var(--studio-muted);margin-top:16px}
body[data-theme="liquid"] .input{min-height:44px;border-radius:13px;background:#ffffffe0;border-color:#c3d2e4;box-shadow:0 1px 0 #fff,0 2px 4px #59789504;color:var(--studio-ink)}
body[data-theme="liquid"] .input:hover{border-color:#8eabc9}body[data-theme="liquid"] .input:focus{border-color:var(--studio-accent);box-shadow:0 0 0 4px #1769cb15;background:#fff}
body[data-theme="liquid"] #name{font-size:21px;font-weight:500;line-height:28px;height:60px;border-radius:16px}
body[data-theme="liquid"] .preview-area{background:#ffffff25;border-radius:var(--studio-radius);box-shadow:0 1px 0 #ffffffc0 inset,0 20px 60px #53678908}
body[data-theme="liquid"] .preview-holder{background:var(--studio-paper);border-radius:24px;box-shadow:0 12px 40px #334f7611,0 0 0 1px #ffffffd9}
body[data-theme="liquid"] .preview-heading{padding-top:4px}.liquid-live{color:#465f7b}.liquid-live i{background:#588a62}.liquid-preview-tip{margin:12px auto 16px;color:var(--studio-muted)}
body[data-theme="liquid"][data-editor-section="recipient"] #letter [data-bind="greeting"],body[data-theme="liquid"][data-editor-section="pricing"] #letter [data-bind$="-price"],body[data-theme="liquid"][data-editor-section="manager"] #letter [data-bind="manager-name"]{outline:2px solid var(--studio-focus);outline-offset:5px;border-radius:4px}
body[data-theme="liquid"] #letter [data-editor-target]:focus-visible{outline:3px solid var(--studio-accent);outline-offset:5px}
body[data-theme="liquid"] .liquid-dock{box-shadow:0 12px 45px #344c7326,0 1px 1px #fff inset;border-color:#ffffffed}
body[data-theme="liquid"] .liquid-dock #copy{background:linear-gradient(150deg,#3479cf,#1c5eaf);box-shadow:0 4px 12px #2366b72b,0 1px 0 #ffffff40 inset;min-width:202px;font-size:12px}
body[data-theme="liquid"] .liquid-dock #copy>.dock-copy-label{font-size:12px}body[data-theme="liquid"] .liquid-dock #copy.copy-complete{background:#396e50}
.group-search-clear{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border:0;border-radius:9px;background:#e6edf7;color:#3c608a}.group-search-clear:hover{background:#d4e3f5}
.group-search input::-webkit-search-cancel-button{display:none}
@media(max-width:900px){body[data-theme="liquid"] .settings{top:auto;bottom:93px;left:12px;width:366px;max-width:calc(100vw - 24px);height:min(720px,calc(100dvh - 171px));transform:translateY(22px);border-radius:28px;background:rgba(245,249,255,calc(var(--glass-opacity) + .3));box-shadow:0 16px 65px #344e762b}.liquid-selection{margin-top:13px;padding-bottom:12px}body[data-theme="liquid"] .liquid-inspector-heading{padding-top:20px;padding-bottom:15px}body[data-theme="liquid"] .liquid-inspector-heading h1{font-size:23px}body[data-theme="liquid"].liquid-panel-open .settings{transform:translateY(0)}body[data-theme="liquid"] .liquid-dock{bottom:18px}}
@media(max-width:480px){body[data-theme="liquid"] .liquid-dock #copy{min-width:0;width:154px}body[data-theme="liquid"] .liquid-dock #copy>.dock-copy-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){body[data-theme="liquid"] *,body[data-theme="liquid"] *::before,body[data-theme="liquid"] *::after{transition:none!important;scroll-behavior:auto!important}}