@font-face{font-family:satoshi;src:url(../media/Satoshi_Variable-s.p.2ta4m073o532p.woff2)format("woff2");font-display:swap;font-weight:300 900;font-style:normal}@font-face{font-family:satoshi Fallback;src:local(Arial);ascent-override:92.36%;descent-override:21.95%;line-gap-override:9.14%;size-adjust:109.35%}.satoshi_a5dc1438-module__WigDla__className{font-family:satoshi,satoshi Fallback;font-style:normal}.satoshi_a5dc1438-module__WigDla__variable{--font-satoshi:"satoshi", "satoshi Fallback"}
@font-face{font-family:switzer;src:url(../media/Switzer_Variable-s.p.2cv8cnme15iov.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:switzer Fallback;src:local(Arial);ascent-override:96.67%;descent-override:24.66%;line-gap-override:8.88%;size-adjust:101.38%}.switzer_f9b3de7f-module__y-W33W__className{font-family:switzer,switzer Fallback;font-style:normal}.switzer_f9b3de7f-module__y-W33W__variable{--font-switzer:"switzer", "switzer Fallback"}
.ec-root{--ec-text:var(--text-primary,#0b0f14);--ec-text-2:var(--text-secondary,#33383d);--ec-text-3:var(--text-tertiary,#6b737b);--ec-surface:var(--surface-card,#fff);--ec-surface-alt:var(--surface-page-alt,#f2f4f6);--ec-hover:var(--surface-hover,#f2f4f6);--ec-selected:var(--surface-selected,#e8eaed);--ec-border:var(--border-subtle,#e8eaed);--ec-border-2:var(--border-default,#c7ccd1);--ec-primary:var(--btn-primary-bg,#0b0f14);--ec-primary-hover:var(--btn-primary-bg-hover,#22282f);--ec-primary-fg:var(--btn-primary-fg,#fafafb);--ec-accent:var(--endorr-cloud,#34c759);--ec-accent-tint:var(--endorr-cloud-tint,#e4f8ea);--ec-danger:var(--status-critical,#e03a20);--ec-warn-tint:var(--filefixer-tint,#fff7e0);--ec-focus:var(--focus-ring,0 0 0 3px #2d7cff47);--ec-radius:var(--radius-md,8px);--ec-radius-lg:var(--radius-xl,14px);--ec-shadow:var(--shadow-lg,0 12px 32px #0b0f141f);--ec-shadow-panel:var(--shadow-panel,0 24px 64px #0b0f142e);--ec-ease:var(--ease-out,cubic-bezier(.16, 1, .3, 1));--ec-dur:var(--dur-fast,.14s);font-family:var(--font-sans,"Inter", "Helvetica Neue", Arial, sans-serif);color:var(--ec-text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4}.ec-root *,.ec-root :before,.ec-root :after{box-sizing:border-box}.ec-root button{font:inherit;color:inherit}.ec-muted{color:var(--ec-text-3)}.ec-small{font-size:12px}.ec-pad{margin:0;padding:12px 14px}.ec-ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ec-spacer{flex:1}.ec-error-text{color:var(--ec-danger);margin:0;font-size:13px}.ec-btn{border-radius:var(--ec-radius);cursor:pointer;white-space:nowrap;height:34px;transition:background-color var(--ec-dur) var(--ec-ease), border-color var(--ec-dur) var(--ec-ease), transform 80ms;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:550;display:inline-flex}.ec-btn:active:not(:disabled){transform:scale(.98)}.ec-btn:focus-visible{box-shadow:var(--ec-focus);outline:none}.ec-btn:disabled{cursor:not-allowed;opacity:.45}.ec-btn-primary{background:var(--ec-primary);color:var(--ec-primary-fg)!important}.ec-btn-primary:hover:not(:disabled){background:var(--ec-primary-hover)}.ec-btn-secondary{background:var(--ec-surface);border-color:var(--ec-border-2)}.ec-btn-secondary:hover:not(:disabled){background:var(--ec-hover)}.ec-btn-ghost{color:var(--ec-text-2);background:0 0}.ec-btn-ghost:hover:not(:disabled){background:var(--ec-hover)}.ec-btn-danger{background:var(--ec-danger);color:#fff!important}.ec-btn-danger:hover:not(:disabled){filter:brightness(.94)}.ec-icon-btn{border-radius:var(--ec-radius);width:32px;height:32px;color:var(--ec-text-2);cursor:pointer;transition:background-color var(--ec-dur) var(--ec-ease);background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.ec-icon-btn:hover{background:var(--ec-hover);color:var(--ec-text)}.ec-icon-btn:focus-visible{box-shadow:var(--ec-focus);outline:none}.ec-input{border-radius:var(--ec-radius);border:1px solid var(--ec-border-2);background:var(--ec-surface);width:100%;height:36px;color:var(--ec-text);font:inherit;padding:0 11px}.ec-input:focus{border-color:var(--input-border-focus,#0b0f14);box-shadow:var(--ec-focus);outline:none}.ec-label{color:var(--ec-text-2);gap:6px;font-size:13px;font-weight:550;display:grid}.ec-form{gap:14px;display:grid}.ec-form-actions{justify-content:flex-end;gap:8px;display:flex}.ec-badge{letter-spacing:.01em;background:var(--ec-warn-tint);color:#7a5600;border-radius:999px;flex:none;padding:2px 7px;font-size:11px;font-weight:600}.ec-progress{background:var(--ec-selected);border-radius:999px;width:100%;height:4px;overflow:hidden}.ec-progress>span{background:var(--ec-accent);border-radius:inherit;height:100%;transition:width .16s linear;display:block}.ec-progress-flat{border-radius:0;height:2px}.ec-browser{background:var(--ec-surface);border:1px solid var(--ec-border);border-radius:var(--ec-radius-lg);flex-direction:column;min-height:320px;display:flex;position:relative;overflow:hidden}.ec-toolbar{border-bottom:1px solid var(--ec-border);flex-wrap:wrap;align-items:center;gap:10px;min-height:56px;padding:10px 12px 10px 14px;display:flex}.ec-toolbar-right{align-items:center;gap:6px;margin-left:auto;display:flex}.ec-crumbs{flex:200px;align-items:center;min-width:0;display:flex;overflow:hidden}.ec-crumb-wrap{align-items:center;min-width:0;display:inline-flex}.ec-crumb-wrap:last-child{flex:0 auto}.ec-crumb{cursor:pointer;color:var(--ec-text-3);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;max-width:220px;padding:4px 6px;font-size:15px;font-weight:550;overflow:hidden}.ec-crumb:hover{background:var(--ec-hover);color:var(--ec-text)}.ec-crumb-current{color:var(--ec-text);cursor:default;font-weight:650}.ec-crumb-current:hover{background:0 0}.ec-crumb-sep{color:var(--ec-border-2);flex:none}.ec-crumbs-compact .ec-crumb{font-size:13.5px}.ec-sync-dot{background:var(--ec-accent);border-radius:50%;flex:none;width:6px;height:6px;animation:1s ease-in-out infinite ec-pulse}@keyframes ec-pulse{50%{opacity:.25}}.ec-search{border:1px solid var(--ec-border);border-radius:var(--ec-radius);background:var(--ec-surface-alt);width:220px;height:34px;color:var(--ec-text-3);transition:border-color var(--ec-dur) var(--ec-ease), background-color var(--ec-dur) var(--ec-ease), width .2s var(--ec-ease);align-items:center;gap:7px;padding:0 10px;display:flex}.ec-search:focus-within{background:var(--ec-surface);border-color:var(--ec-border-2);width:260px}.ec-search input{font:inherit;color:var(--ec-text);background:0 0;border:0;outline:0;width:100%;min-width:0}.ec-segment{border-radius:var(--ec-radius);background:var(--ec-surface-alt);border:1px solid var(--ec-border);padding:2px;display:inline-flex}.ec-segment button{width:30px;height:28px;color:var(--ec-text-3);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.ec-segment button[aria-pressed=true]{background:var(--ec-surface);color:var(--ec-text);box-shadow:0 1px 2px #0b0f1414}.ec-head,.ec-row{grid-template-columns:var(--ec-cols,minmax(0, 1fr) 150px 90px 40px);align-items:center;gap:12px;padding:0 12px 0 14px;display:grid}.ec-browser:has(.ec-col-check) .ec-head{--ec-cols:24px minmax(0, 1fr) 150px 90px 40px}.ec-browser:has(.ec-col-check) .ec-row:not(.ec-tile){--ec-cols:24px minmax(0, 1fr) 150px 90px 40px}.ec-head{border-bottom:1px solid var(--ec-border);height:34px;font-size:12px}.ec-sort{color:var(--ec-text-3);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:550;display:inline-flex}.ec-sort-active,.ec-sort:hover{color:var(--ec-text)}.ec-col-size{text-align:right;font-variant-numeric:tabular-nums;justify-content:flex-end}.ec-col-date{font-variant-numeric:tabular-nums;font-size:13px}.ec-col-name{align-items:center;gap:10px;min-width:0;display:flex}.ec-col-menu{justify-content:flex-end;display:flex}.ec-list{outline:none;flex:1;padding:4px 0;position:relative;overflow:auto}.ec-row{cursor:default;-webkit-user-select:none;user-select:none;height:48px;transition:background-color 90ms var(--ec-ease);outline:none;position:relative}.ec-row+.ec-row:before{content:"";border-top:1px solid var(--ec-border);position:absolute;top:0;left:14px;right:12px}.ec-row:hover,.ec-row.ec-menu-open{background:var(--ec-hover)}.ec-row:hover:before,.ec-row:hover+.ec-row:before,.ec-selected:before,.ec-selected+.ec-row:before{border-color:#0000}.ec-row:focus-visible{box-shadow:inset 0 0 0 2px #2d7cff73}.ec-selected,.ec-selected:hover{background:var(--ec-selected)}.ec-dim{opacity:.42}.ec-row .ec-more{opacity:0;width:28px;height:28px}.ec-row:hover .ec-more,.ec-row:focus-within .ec-more,.ec-menu-open .ec-more{opacity:1}.ec-item-icon{background:var(--ec-surface-alt);width:32px;height:32px;color:var(--ec-text-2);border-radius:8px;flex:none;place-items:center;display:grid}.ec-folder-icon{color:var(--ec-text)}.ec-item-icon.ec-folder-icon{background:var(--ec-accent-tint);color:#1d7a37}.ec-name-stack{min-width:0;display:grid}.ec-name{font-weight:520}.ec-row-uploading .ec-item-icon{background:var(--ec-accent-tint);color:#1d7a37}.ec-drop-target,.ec-drop-target:hover{box-shadow:inset 0 0 0 1.5px var(--ec-accent);border-radius:8px;background:var(--ec-accent-tint)!important}.ec-check{border:1.5px solid var(--ec-border-2);background:var(--ec-surface);border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.ec-checked{background:var(--ec-primary);border-color:var(--ec-primary);color:var(--ec-primary-fg)}.ec-grid{grid-template-columns:repeat(auto-fill,minmax(152px,1fr));align-content:start;gap:10px;padding:12px;display:grid}.ec-grid>.ec-skeleton-row{grid-column:1/-1}.ec-tile{border:1px solid var(--ec-border);border-radius:var(--ec-radius-lg);flex-direction:column;grid-template-columns:none;align-items:stretch;gap:4px;height:auto;padding:10px;display:flex}.ec-tile:before{display:none}.ec-tile .ec-col-name{flex-direction:column;align-items:flex-start;gap:8px}.ec-tile .ec-item-icon{border-radius:10px;width:100%;height:92px}.ec-tile .ec-name-stack{width:100%}.ec-tile .ec-col-date,.ec-tile .ec-col-check{display:none}.ec-tile .ec-col-size{text-align:left;font-size:12px}.ec-tile .ec-col-menu{position:absolute;top:14px;right:14px}.ec-tile .ec-more{background:var(--ec-surface);box-shadow:0 1px 2px #0b0f141a}.ec-tile .ec-badge{position:absolute;top:16px;left:16px}.ec-tile.ec-row-uploading .ec-col-date{width:100%;display:block}.ec-empty{text-align:center;color:var(--ec-text-3);justify-items:center;gap:8px;padding:56px 20px;display:grid}.ec-empty p{margin:0}.ec-empty p:first-of-type{color:var(--ec-text-2);font-weight:550}.ec-more-row{justify-content:center;padding:10px;display:flex}.ec-skeleton-row{align-items:center;gap:10px;height:48px;padding:0 14px;display:flex}.ec-skel{background:linear-gradient(90deg, var(--ec-surface-alt) 25%, var(--ec-selected) 50%, var(--ec-surface-alt) 75%);background-size:200% 100%;border-radius:5px;height:10px;animation:1.2s linear infinite ec-shimmer;display:block}.ec-skel-icon{border-radius:8px;flex:none;width:32px;height:32px}@keyframes ec-shimmer{to{background-position:-200% 0}}.ec-drop-overlay{border:2px dashed var(--ec-accent);color:#1d7a37;pointer-events:none;z-index:2;background:#e4f8eadb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;position:absolute;inset:6px}.ec-notice{z-index:3;background:var(--ec-primary);color:var(--ec-primary-fg);box-shadow:var(--ec-shadow);animation:ec-rise .2s var(--ec-ease);border-radius:999px;max-width:calc(100% - 28px);padding:8px 14px;font-size:13px;font-weight:520;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ec-notice-error{background:var(--ec-danger);color:#fff}@keyframes ec-rise{0%{opacity:0;transform:translate(-50%,6px)}}.ec-menu{z-index:1000;background:var(--ec-surface);border:1px solid var(--ec-border);width:216px;box-shadow:var(--ec-shadow);animation:ec-pop .14s var(--ec-ease);transform-origin:100% 0;border-radius:12px;padding:5px;position:fixed}@keyframes ec-pop{0%{opacity:0;transform:scale(.97)}}.ec-menu-item{cursor:pointer;text-align:left;width:100%;height:34px;color:var(--ec-text-2);background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;display:flex}.ec-menu-item svg{color:var(--ec-text-3)}.ec-menu-item:hover,.ec-menu-item:focus-visible{background:var(--ec-hover);color:var(--ec-text);outline:none}.ec-menu-danger,.ec-menu-danger svg{color:var(--ec-danger)!important}.ec-menu-sep{background:var(--ec-border);height:1px;margin:4px 2px}.ec-backdrop{z-index:900;animation:ec-fade .16s var(--ec-ease);background:#0b0f145c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes ec-fade{0%{opacity:0}}.ec-modal{background:var(--ec-surface);max-width:100%;max-height:calc(100vh - 40px);box-shadow:var(--ec-shadow-panel);animation:ec-modal-in .22s var(--ec-ease);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}@keyframes ec-modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.ec-modal-head{align-items:center;gap:12px;padding:16px 14px 8px 20px;display:flex}.ec-modal-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:16px;font-weight:650;overflow:hidden}.ec-modal-body{gap:12px;padding:8px 20px 18px;display:grid;overflow:auto}.ec-modal-body p{margin:0}.ec-modal-foot{border-top:1px solid var(--ec-border);background:var(--ec-surface-alt);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.ec-picker .ec-modal-body{padding:0}.ec-picker .ec-browser{border:0;border-radius:0}.ec-picker-foot{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.ec-save-name{flex:0 300px;align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.ec-save-name .ec-input{height:34px}.ec-nav{gap:6px;display:grid}.ec-nav-list{border:1px solid var(--ec-border);border-radius:var(--ec-radius);padding:4px;overflow:auto}.ec-nav-row{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;display:flex}.ec-nav-row:hover:not(:disabled){background:var(--ec-hover)}.ec-nav-row:disabled{opacity:.4;cursor:not-allowed}.ec-nav-row .ec-ellipsis{flex:1}.ec-uploads{background:var(--ec-surface);border:1px solid var(--ec-border);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--ec-shadow);border-radius:14px;overflow:hidden}.ec-uploads-bottom-right{z-index:800;animation:ec-rise-panel .22s var(--ec-ease);position:fixed;bottom:16px;right:16px}.ec-uploads-bottom-left{z-index:800;animation:ec-rise-panel .22s var(--ec-ease);position:fixed;bottom:16px;left:16px}@keyframes ec-rise-panel{0%{opacity:0;transform:translateY(10px)}}.ec-uploads-head{align-items:center;gap:8px;padding:8px 6px 8px 12px;font-size:13.5px;display:flex}.ec-uploads-state{background:var(--ec-surface-alt);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.ec-uploads-state.ec-ok{background:var(--ec-accent-tint);color:#1d7a37}.ec-uploads-state.ec-bad{color:var(--ec-danger);background:#fde8e4}.ec-uploads-list{border-top:1px solid var(--ec-border);max-height:280px;margin:0;padding:4px;list-style:none;overflow:auto}.ec-upload{border-radius:8px;align-items:center;gap:8px;padding:6px 4px 6px 8px;display:flex}.ec-upload-main{flex:1;gap:3px;min-width:0;font-size:13px;display:grid}.ec-upload-error .ec-small{color:var(--ec-danger)}.ec-upload-ok{width:32px;color:var(--ec-accent);place-items:center;display:grid}.ec-preview{z-index:950;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fafafb;animation:ec-fade .16s var(--ec-ease);background:#0b0f14f5;flex-direction:column;display:flex;position:fixed;inset:0}.ec-preview-head{align-items:center;gap:12px;min-height:60px;padding:12px 14px 12px 18px;display:flex}.ec-preview-icon{background:#fafafb1a;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.ec-preview-title{min-width:0;display:grid}.ec-preview-title .ec-small{color:#fafafb99}.ec-preview-btn{color:#fafafbcc}.ec-preview-btn:hover{color:#fff;background:#fafafb1f}.ec-preview-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px 72px 28px;display:flex;position:relative}.ec-preview-img{object-fit:contain;background:repeating-conic-gradient(#e8eaed 0 25%, #fff 0 50%) 0 0 / 16px 16px;max-width:100%;max-height:100%;animation:ec-modal-in .22s var(--ec-ease);border-radius:4px;box-shadow:0 12px 48px #0006}.ec-preview-media{background:#000;border-radius:6px;max-width:100%;max-height:100%}.ec-preview-doc{background:#fff;border:0;border-radius:6px;width:min(1000px,100%);height:100%}.ec-preview-text{background:var(--ec-surface);width:min(1000px,100%);max-height:100%;color:var(--ec-text);font:12.5px/1.55 var(--font-mono,ui-monospace, "SFMono-Regular", Menlo, monospace);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:0;padding:20px 24px;overflow:auto}.ec-preview-audio{justify-items:center;gap:18px;display:grid}.ec-preview-empty{text-align:center;color:#fafafbbf;justify-items:center;gap:12px;display:grid}.ec-preview-empty p{margin:0}.ec-preview-loading{border:3px solid #fafafb33;border-top-color:#fafafb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite ec-spin}@keyframes ec-spin{to{transform:rotate(360deg)}}.ec-preview-nav{cursor:pointer;color:#fafafb;width:44px;height:44px;transition:background-color var(--ec-dur) var(--ec-ease);background:#fafafb1f;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.ec-preview-nav:hover{background:#fafafb38}.ec-preview-prev{left:16px}.ec-preview-next{right:16px}@media (max-width:640px){.ec-preview-stage{padding:4px 8px 16px}.ec-preview-nav{top:auto;bottom:18px;transform:none}}@media (prefers-reduced-motion:reduce){.ec-root *,.ec-root{transition:none!important;animation:none!important}}@media (max-width:640px){.ec-head,.ec-row:not(.ec-tile){--ec-cols:minmax(0, 1fr) 70px 40px}.ec-col-date{display:none}.ec-search,.ec-search:focus-within,.ec-toolbar-right{width:100%}}
:root{--studio-black:#0b0f14;--studio-ink:#33383d;--studio-ink-2:#545b62;--studio-grey:#6b737b;--studio-grey-300:#9aa1a8;--studio-grey-200:#c7ccd1;--studio-line:#e8eaed;--studio-sunken:#f2f4f6;--studio-canvas:#eef0f2;--studio-page:#fafafb;--studio-card:#fff;--studio-printreadysheets:#d3f709;--studio-filefixer:#ffc72e;--studio-easymockup:#2d7cff;--studio-endorr-cloud:#34c759;--studio-pixlpilot:#8b5cf6;--studio-transfer:#16c1f0;--studio-printreadysheets-tint:#f4fbd3;--studio-filefixer-tint:#fff7e0;--studio-easymockup-tint:#e7f0ff;--studio-endorr-cloud-tint:#e4f8ea;--studio-pixlpilot-tint:#f1ecfe;--studio-transfer-tint:#e6f7fd;--studio-filefixer-select-line:#d69e0073;--studio-easymockup-select-line:#2d7cff66;--studio-warning:#b54708;--studio-critical:#b42318;--studio-font-brand:"Satoshi", "Switzer", "Helvetica Neue", Arial, sans-serif;--studio-font-sans:"Switzer", "Helvetica Neue", Helvetica, Arial, sans-serif;--studio-radius-control:8px;--studio-radius-card:12px;--studio-radius-hero:18px;--studio-ring:0 0 0 1px #0b0f1414;--studio-shadow-card:0 0 0 1px #0b0f1412;--studio-shadow-raised:0 0 0 1px #0b0f1414, 0 4px 14px -6px #0b0f142e;--studio-shadow-hover:0 0 0 1px #0b0f141a, 0 8px 24px -8px #0b0f142e;--studio-highlight-inverse:inset 0 1px 0 #ffffff1f;--studio-bar-height:60px;--studio-rail-width:84px}
:root{--studio-font-brand:var(--font-satoshi), "Satoshi", "Switzer", "Helvetica Neue", Arial, sans-serif;--studio-font-sans:var(--font-switzer), "Switzer", "Helvetica Neue", Helvetica, Arial, sans-serif;--accent:var(--studio-filefixer);--accent-ink:#8a5f00;--accent-tint:var(--studio-filefixer-tint);--accent-tint-2:var(--studio-filefixer-tint);--select-line:var(--studio-filefixer-select-line);--selected:inset 0 0 0 1px var(--select-line);--ink:var(--studio-black);--ink-2:var(--studio-ink);--text-2:var(--studio-ink-2);--text-3:var(--studio-grey);--paper:var(--studio-page);--surface:var(--studio-card);--stage:var(--studio-canvas);--border:var(--studio-line);--border-strong:var(--studio-grey-200);--hover:var(--studio-sunken);--ok:#1a7f45;--ok-tint:var(--studio-endorr-cloud-tint);--warn:var(--studio-warning);--warn-tint:#fff4dc;--critical:var(--studio-critical);--critical-tint:#fdecea;--info:#2d7cff;--info-tint:var(--studio-easymockup-tint);--mockup:var(--studio-easymockup);--radius-sm:var(--studio-radius-control);--radius:var(--studio-radius-card);--radius-lg:var(--studio-radius-hero);--ring:var(--studio-ring);--shadow-xs:0 1px 2px #0b0f140f;--shadow-sm:var(--studio-shadow-card);--shadow-md:var(--studio-shadow-raised);--shadow-pop:0 0 0 1px #0b0f1414, 0 8px 24px -10px #0b0f1438;--focus-ring:0 0 0 2px var(--surface), 0 0 0 4px #2d7cff99;--ease-out:cubic-bezier(.23, 1, .32, 1);--topbar-h:var(--studio-bar-height);--status-h:48px;--rail-w:var(--studio-rail-width);--panel-w:360px;font-family:var(--studio-font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}h1,h2,h3,h4,h5,p{margin:0}h1,h2,h3{font-family:var(--studio-font-brand)}:focus-visible{box-shadow:var(--focus-ring);outline:none}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--text-2)}.small{font-size:12.5px;line-height:1.5}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}kbd{font:500 11px/1 var(--studio-font-sans);color:var(--text-3);margin-left:auto}code{color:var(--text-2);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}input[type=range]{accent-color:var(--ink)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);height:40px;color:var(--ink);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color .14s ease, border-color .14s ease, box-shadow .14s ease, transform .12s var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5}.btn-primary{color:#fafafb;background:var(--ink);font-family:var(--studio-font-brand);box-shadow:var(--studio-highlight-inverse);border-color:#0000;font-weight:700}.btn-primary:hover:not(:disabled){background:#22272d}.btn-block,.btn-lg,.btn-lg-panel,.btn-lg-bar{font-family:var(--studio-font-brand)}.btn-accent{background:var(--accent-tint);box-shadow:var(--selected);color:var(--ink);border-color:#0000}.btn-accent:hover:not(:disabled){background:#fff1c7}.btn-mockup{background:var(--surface)}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--hover);color:var(--ink)}.btn-quiet{color:var(--text-2);background:0 0;border-color:#0000}.btn-quiet:hover:not(:disabled){background:var(--hover);color:var(--ink)}.btn-sm{border-radius:var(--radius-sm);gap:6px;height:32px;padding:0 10px;font-size:12.5px}.btn-lg{border-radius:var(--radius-sm);height:48px;padding:0 24px;font-size:15px}.btn-block{width:100%}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn-row>.btn{flex:1}.icon-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--ink-2);background:0 0;border:0;place-items:center;transition:background-color .12s,color .12s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.icon-btn:disabled{color:var(--studio-grey-300)}.icon-btn-sm{border-radius:6px;width:30px;height:30px}.link-btn{color:var(--text-2);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);background:0 0;border:0;padding:0;font-size:12.5px;font-weight:600}.link-btn:hover{color:var(--ink);text-decoration-color:currentColor}.chip{border-radius:var(--radius-sm);background:var(--surface);height:40px;color:var(--ink-2);border:0;align-items:center;gap:8px;padding:0 16px;font-weight:500;transition:box-shadow .12s,background-color .12s;display:inline-flex;box-shadow:0 0 0 1px #0b0f141f}.chip:hover:not(:disabled){background:var(--hover)}.chip-sm{border-radius:var(--radius-sm);height:30px;padding:0 10px;font-size:12.5px}.chip.is-active{background:var(--accent-tint);box-shadow:var(--selected);color:var(--ink);font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.logo{align-items:center;gap:10px;display:inline-flex}.logo-word{font-family:var(--studio-font-brand);letter-spacing:-.02em;font-size:20px;font-weight:700}.logo-by{color:var(--text-2);margin-top:3px;font-size:13px}.logo-compact .logo-word{font-size:17px}.loading-page{min-height:100vh;color:var(--text-2);justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2.5px solid var(--border);border-top-color:var(--ink);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.empty-card{text-align:center;background:var(--surface);border-radius:var(--radius);max-width:420px;box-shadow:var(--shadow-pop);color:var(--ink);justify-items:center;gap:12px;padding:32px;display:grid}.empty-card h2{letter-spacing:-.015em;font-size:20px;font-weight:700}.home{background:var(--paper);flex-direction:column;min-height:100vh;display:flex}.site-header{height:var(--topbar-h);border-bottom:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.site-header .logo{text-decoration:none}.site-nav{align-items:center;gap:6px;min-width:0;display:flex}[data-suite-bar] .site-nav{margin-left:auto}.home-body{flex-wrap:wrap;flex:1;align-items:stretch;min-width:0;display:flex}[data-suite-rail]{scrollbar-width:none}.home-column{flex-direction:column;flex:999 560px;min-width:0;display:flex}.home-main{flex-direction:column;flex:1;gap:44px;width:100%;max-width:1280px;margin:0 auto;padding:28px 40px 56px;display:flex}.home-hero{text-align:center;background:var(--accent-tint);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:20px;padding:52px 32px 36px;transition:box-shadow .16s;display:flex}.home-hero.is-dragging{box-shadow:inset 0 0 0 2px var(--select-line)}.hero-title{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(34px,5vw,52px);font-weight:400;line-height:1.02}.hero-sub{max-width:560px;color:var(--ink-2);text-wrap:pretty;font-size:16px;line-height:1.5}.drop-bar{background:var(--surface);width:100%;max-width:760px;min-height:68px;box-shadow:var(--shadow-pop);cursor:pointer;text-align:left;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;padding:10px 10px 10px 20px;display:flex}.drop-bar.is-loading{cursor:default;justify-content:center}.drop-bar-icon{color:var(--text-3);flex:none}.drop-bar-text{min-width:0;color:var(--text-2);flex:200px;font-size:15px}.btn-lg-bar{height:44px;padding:0 18px;font-size:14px}.btn-lg-bar.btn-primary{padding:0 20px}.drop-error{color:var(--critical);background:var(--surface);border-radius:var(--radius-sm);max-width:560px;padding:8px 14px;font-size:13px;box-shadow:inset 0 0 0 1px #f3c7c2}.hero-foot{max-width:760px;color:var(--text-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;font-size:12.5px;display:flex}.hero-foot+.hero-foot{margin-top:-14px}.hero-foot .dot{background:var(--text-3);border-radius:50%;width:3px;height:3px}.action-chips{flex-wrap:wrap;justify-content:center;gap:8px 20px;max-width:100%;margin-top:12px;display:flex}.tool-shortcut{width:96px;color:var(--ink);text-align:center;text-wrap:balance;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:4px 0;font-size:13px;font-weight:500;line-height:1.25;text-decoration:none;display:flex}.tool-shortcut>svg{background:var(--surface);width:60px;height:60px;box-shadow:var(--ring);transition:box-shadow .16s ease, transform .16s var(--ease-out);border-radius:999px;padding:18px}.tool-shortcut:hover>svg{box-shadow:0 0 0 1px #0b0f1424,0 6px 16px -6px #0b0f1447}.tool-shortcut:active>svg{transform:scale(.96)}.tool-shortcut:focus-visible{box-shadow:none}.tool-shortcut:focus-visible>svg{box-shadow:var(--focus-ring)}.tool-shortcut.is-active{font-weight:700}.tool-shortcut.is-active>svg{box-shadow:var(--selected);background:#fff1c7}.home-section{flex-direction:column;gap:16px;display:flex}.home-section h2{letter-spacing:-.015em;font-size:22px;font-weight:700}.home-section h2 .muted{font-family:var(--studio-font-sans);letter-spacing:0;font-size:14px;font-weight:500}.home-section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.home-section-link{align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.home-section-link:hover{color:var(--ink-2)}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.recent-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .16s;position:relative;overflow:hidden}.recent-card:hover{box-shadow:var(--studio-shadow-hover)}.recent-open{color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.recent-open:focus-visible{box-shadow:none;outline-offset:-2px;border-radius:var(--radius);outline:2px solid #2d7cff}.recent-thumb{aspect-ratio:4/3;color:var(--text-3);background:repeating-conic-gradient(#eceef1 0 25%, #f6f7f8 0 50%) 0 0 / 16px 16px;place-items:center;display:grid;position:relative;overflow:hidden}.recent-thumb img{object-fit:contain;width:100%;height:100%;padding:10px}.recent-pill{background:var(--surface);height:24px;box-shadow:var(--ring);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:10px;left:10px}.recent-pill-dot{background:var(--accent);border-radius:9px;width:7px;height:7px;box-shadow:0 0 0 1px #0b0f1440}.recent-pill.is-ok .recent-pill-dot{background:var(--studio-endorr-cloud);box-shadow:none}.recent-text{gap:3px;min-width:0;padding:12px 14px 14px;display:grid}.recent-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.recent-text .muted{font-size:12.5px}.recent-remove{background:var(--surface);width:32px;height:32px;box-shadow:var(--ring);opacity:0;transition:opacity .14s,background-color .12s;position:absolute;top:8px;right:8px}.recent-card:hover .recent-remove,.recent-remove:focus-visible{opacity:1}@media (hover:none){.recent-remove{opacity:1}}.next-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.next-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--ink);align-items:center;gap:14px;padding:16px;text-decoration:none;transition:box-shadow .16s;display:flex}.next-card:hover{box-shadow:var(--studio-shadow-hover)}.next-text{flex:1;gap:2px;min-width:0;display:grid}.next-text strong{font-family:var(--studio-font-brand);font-size:15px;font-weight:700}.next-text span{color:var(--text-2);font-size:13px}.next-arrow{color:var(--text-3);flex:none}.bring-docs{color:var(--text-2);justify-items:start;gap:6px;font-size:13px;display:grid}.bring-docs p{margin:0}.bring-docs .muted{max-width:640px}.bring-docs>.btn-quiet{height:auto;color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);padding:0;font-weight:600}.bring-docs>.btn-quiet:hover:not(:disabled){background:0 0;text-decoration-color:currentColor}.bring-docs .btn-row>.btn{flex:none}.bring-docs .spinner,.send-docs .spinner{vertical-align:-4px;width:16px;height:16px;margin-right:6px;display:inline-block}.send-docs{gap:14px;max-width:440px;margin:0 auto;padding:48px 24px;display:grid}.send-docs h1{letter-spacing:-.02em;font-size:22px;font-weight:700}.send-docs p{margin:0}.send-docs progress{width:100%;accent-color:var(--ink)}.send-docs .btn{justify-self:start}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:flex-start;gap:14px;padding:16px;display:flex}.feature-icon{background:var(--hover);width:40px;height:40px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.feature h3{margin:2px 0 4px;font-size:15px;font-weight:700}.feature p{color:var(--text-2);font-size:13px}.ws{grid-template-rows:var(--topbar-h) minmax(0, 1fr);background:var(--stage);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.bar-slash{color:var(--border-strong);flex:none;margin:0 2px;font-size:20px;line-height:1}.topbar-right{flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.topbar-file{gap:1px;min-width:0;line-height:1.2;display:grid}.file-name{font-family:var(--studio-font-brand);white-space:nowrap;text-overflow:ellipsis;max-width:min(260px,26vw);font-size:14px;font-weight:600;overflow:hidden}.save-state{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.save-state svg{vertical-align:-2px;margin-right:3px}.save-error{color:var(--critical)}.topbar-history{border-left:1px solid var(--border);flex:none;align-items:center;gap:0;height:24px;margin-left:6px;padding-left:6px;display:flex}.topbar-export{flex:none;margin-left:2px}.account{align-items:center;gap:8px;display:flex}.avatar{background:var(--ink);color:#fafafb;width:32px;height:32px;font-family:var(--studio-font-brand);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;font-weight:600;overflow:hidden}.ws-body{grid-template-columns:var(--rail-w) minmax(0, 1fr);min-height:0;display:grid}.ws.has-panel .ws-body{grid-template-columns:var(--rail-w) minmax(0, 1fr) var(--panel-w)}.ws-main{grid-template-rows:minmax(0, 1fr) var(--status-h);min-width:0;min-height:0;display:grid}.ws-stage{background:var(--stage);min-width:0;min-height:0;position:relative}.stage{touch-action:none;position:absolute;inset:0;overflow:hidden}.stage-canvas{touch-action:none;display:block}.stage.is-preview-locked,.stage.is-preview-locked .stage-canvas,.locked-preview,.locked-preview canvas{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.rail{background:var(--surface);border-right:1px solid var(--border);scrollbar-width:none;flex-direction:column;align-items:center;gap:1px;padding:8px 0;display:flex;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.rail-btn{width:70px;color:var(--ink-2);background:0 0;border:0;border-radius:10px;flex:none;justify-items:center;gap:3px;padding:6px 2px;font-size:10.5px;font-weight:500;line-height:1.15;transition:background-color .12s,color .12s;display:grid}.rail-btn:hover{background:var(--hover);color:var(--ink)}.rail-btn.is-active{background:var(--accent-tint);color:var(--ink);font-weight:700}.rail-btn svg{stroke-width:1.75px}.rail-btn span{text-align:center}.context-bar{z-index:2;background:var(--surface);border-radius:var(--radius);width:max-content;max-width:calc(100% - 32px);min-height:48px;box-shadow:var(--shadow-md);animation:pop .18s var(--ease-out);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 12px;font-size:13px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-4px)scale(.98)}}.context-label,.context-hint{color:var(--text-2);font-size:13px}.context-field{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.context-field input[type=range]{width:140px;accent-color:var(--ink)}.context-field .tabular{color:var(--text-2);min-width:44px;font-weight:500}.context-sep{background:var(--border);width:1px;height:24px}.context-bar .btn-sm{height:34px;padding:0 12px;font-size:13px}.context-bar .icon-btn-sm{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink)}.statusbar{border-top:1px solid var(--border);background:var(--surface);color:var(--ink-2);align-items:center;gap:12px;min-width:0;padding:0 12px;font-size:12.5px;display:flex;overflow:hidden}.zoom{border-right:1px solid var(--border);flex:none;align-items:center;gap:2px;padding-right:12px;display:flex;position:relative}.backdrop-control{flex:none}.statusbar .icon-btn-sm{color:var(--ink)}.zoom-value{min-width:56px;height:30px;color:var(--ink);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-weight:600;display:inline-flex}.zoom-value:hover{background:var(--hover)}.menu{background:var(--surface);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow-pop);z-index:5;padding:6px;display:grid;position:absolute;bottom:calc(100% + 6px);left:0}.menu button{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;display:flex}.menu button:hover{background:var(--hover)}.menu-presets{border-bottom:1px solid var(--border);grid-template-columns:repeat(5,1fr);gap:2px;margin-bottom:3px;padding:2px 2px 5px;display:grid}.menu .menu-presets button{color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:center;padding:6px 0;font-size:12px;font-weight:600}.menu .menu-presets button.is-active{background:var(--accent-tint);box-shadow:var(--selected);color:var(--ink)}.menu-title{color:var(--text-3);padding:6px 10px 4px;font-size:11.5px;font-weight:650}.menu-check{color:var(--ink);margin-left:auto}.menu-colour{color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:6px 10px;display:flex}.menu-colour:hover{background:var(--hover)}.menu-colour code{margin-left:auto}.menu-colour input[type=color]{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:5px;width:18px;height:18px;padding:0}.menu-colour input[type=color]::-webkit-color-swatch-wrapper{padding:0}.menu-colour input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.backdrop-control{position:relative}.backdrop-btn{height:30px;color:var(--ink);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-weight:500;display:inline-flex}.backdrop-btn:hover{background:var(--hover)}.backdrop-menu{min-width:240px}.backdrop-swatch{border-radius:5px;flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0b0f1424}.backdrop-light{background:repeating-conic-gradient(#e9ebee 0 25%, #fff 0 50%) 0 0 / 9px 9px}.backdrop-dark{background:repeating-conic-gradient(#1f2226 0 25%, #2a2e33 0 50%) 0 0 / 9px 9px}.backdrop-white{background:#fff}.backdrop-black{background:#000}.swatches{flex-wrap:wrap;gap:4px;display:flex}.swatch{width:22px;height:22px;transition:transform .12s var(--ease-out), box-shadow .12s ease;border:0;border-radius:6px;flex:none;padding:0;box-shadow:inset 0 0 0 1px #0b0f1429}button.swatch:hover{transform:scale(1.08)}.swatch.is-active{box-shadow:inset 0 0 0 1px #0b0f1429, 0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.swatch-sm{border-radius:4px;width:16px;height:16px}.swatch-input{cursor:pointer;position:relative;overflow:hidden}.swatch-input input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.hex-input{border:1px solid var(--border-strong);background:var(--surface);width:78px;height:28px;color:var(--ink);text-transform:uppercase;border-radius:8px;padding:0 8px;font:500 12px ui-monospace,SFMono-Regular,Menlo,monospace}.hex-input:focus{box-shadow:var(--focus-ring);outline:none}.recolor-bar .context-field input[type=range]{width:96px}.vector-fit{gap:4px;display:grid}.vector-match{color:var(--text-2);margin-left:auto;font-weight:600}.vector-result .muted.small{align-items:flex-start;gap:6px;display:flex}.vector-result .muted.small svg{color:var(--text-3);flex:none;margin-top:2px}.check-row{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.check-row input{accent-color:var(--ink);width:15px;height:15px;margin:0}.field-head{justify-content:space-between;align-items:center;display:flex}.field input[type=range]{height:auto;accent-color:var(--ink);border:0;padding:0}.field .field-head output{width:auto;height:auto;color:var(--ink);background:0 0;border:0;padding:0;font-size:12.5px}.status-dims{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;flex:0 auto;min-width:72px;height:30px;padding:0 8px;font-weight:500;overflow:hidden}.status-dims:hover{background:var(--hover)}.status-more{color:var(--text-2);font-weight:450}.status-hint{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;flex:0 100 auto;min-width:0;margin-left:auto;overflow:hidden}.panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:10px 12px 0;display:flex}.tab{height:42px;color:var(--text-2);font-family:var(--studio-font-brand);background:0 0;border:0;flex:1;font-size:14px;font-weight:500;transition:color .12s,box-shadow .12s;box-shadow:inset 0 -2px #0000}.tab:hover{color:var(--ink)}.tab.is-active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);font-weight:700}.tab:focus-visible{box-shadow:var(--focus-ring)}.panel-body{scrollbar-gutter:stable;overscroll-behavior:contain;flex:1;padding:16px;overflow-y:auto}.stack{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.stack-sm{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.pdf-report{gap:6px;padding-top:4px;display:grid}.check-row input[type=number]{border:1px solid var(--border);accent-color:auto;border-radius:6px;width:52px;height:26px;padding:0 6px}.panel-section{gap:10px;display:grid}.panel-section+.panel-section{border-top:1px solid var(--border);padding-top:14px}.section-title{font-family:var(--studio-font-brand);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-foot{align-items:center;gap:6px;padding-top:4px;display:flex}.status-head{letter-spacing:-.025em;align-items:center;gap:10px;font-size:19px;font-weight:750;display:flex}.status-head.is-compact{letter-spacing:0;border-radius:999px;gap:5px;padding:3px 9px 3px 7px;font-size:12px;font-weight:650}.status-ok{color:var(--ok)}.status-issue{color:var(--critical)}.status-review{color:var(--warn)}.status-head.is-compact.status-ok{background:var(--ok-tint)}.status-head.is-compact.status-issue{background:var(--critical-tint)}.status-head.is-compact.status-review{background:var(--warn-tint)}.findings{gap:8px;margin:0;padding:0;list-style:none;display:grid}.finding{border-radius:var(--radius);background:var(--surface);padding:12px;box-shadow:0 0 0 1px #0b0f141a}.finding.sev-attention{box-shadow:0 0 0 1px #f3c7c2}.finding-main{gap:12px;display:flex}.finding-icon{background:var(--accent-tint);width:40px;height:40px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.sev-attention .finding-icon{background:var(--critical-tint);color:var(--critical)}.finding-text{gap:6px;min-width:0;display:grid}.finding-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.finding-title strong{font-size:14px}.finding-text>p{color:var(--text-2);font-size:13px}.finding-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:2px;display:flex}.scope-note{color:var(--text-3);font-size:11.5px}.evidence{background:var(--hover);color:var(--ink-2);border-radius:8px;gap:2px;margin:0;padding:8px 10px 8px 26px;font-size:12.5px;display:grid}.badge{border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:650}.badge-measured{background:var(--ok-tint);color:#146c3a}.badge-heuristic{background:var(--info-tint);color:#1a4fb8}.badge-current{background:var(--accent-tint);color:var(--ink)}.plain-list{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.plain-list li{justify-content:space-between;align-items:center;gap:8px;display:flex}.resolved{color:var(--ok);font-weight:550;justify-content:flex-start!important}.dismissed summary{cursor:pointer;color:var(--text-2);font-size:13px;font-weight:600}.dismissed[open] summary{margin-bottom:8px}.job{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-pop);animation:pop-in .22s var(--ease-out);gap:12px;padding:14px;display:grid}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)}}.job-head strong{font-family:var(--studio-font-brand);font-size:16px;font-weight:700}.job-failed{background:snow;box-shadow:0 0 0 1px #f3c7c2}.job-applied{box-shadow:0 0 0 1px #bfe8cd}.job-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.job-head>div{gap:2px;display:grid}.job-head .muted{align-items:center;gap:5px;display:inline-flex}.progress{background:var(--hover);border-radius:999px;height:6px;overflow:hidden}.progress span{border-radius:inherit;background:var(--ink);width:40%;height:100%;animation:1.1s ease-in-out infinite indeterminate;display:block}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(260%)}}.changes{gap:6px;font-size:13px;display:grid}.changes h5{color:var(--ink-2);margin-top:2px;font-size:12px;font-weight:700}.changes ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.changes li{align-items:flex-start;gap:6px;display:flex}.changes li svg{color:var(--ok);flex:none;margin-top:2px}.changes ul.muted li svg{color:var(--text-3)}.error-text{color:var(--critical);font-size:13px}.segmented{background:var(--hover);border-radius:var(--radius-sm);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.segmented button{height:30px;color:var(--ink-2);background:0 0;border:0;border-radius:6px;font-size:12.5px;font-weight:600}.segmented button:disabled{opacity:.45}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0b0f1424}.notice{border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.notice>svg{flex:none;margin-top:1px}.notice>div{gap:6px;display:grid}.notice a{align-items:center;gap:3px;font-weight:600;display:inline-flex}.notice-warn{background:var(--warn-tint);color:#7a5210}.notice-info{background:var(--hover);color:var(--ink-2)}.notice-ok{background:var(--ok-tint);color:#146c3a}.notice .btn-row .btn{flex:none}.field-row{grid-template-columns:1fr 88px 1fr;gap:8px;display:grid}.field-row:has(>:nth-child(2):last-child){grid-template-columns:1fr 1fr}.field{color:var(--text-2);gap:4px;font-size:12px;font-weight:600;display:grid}.field input,.field select,.field output{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);height:38px;color:var(--ink);width:100%;min-width:0;padding:0 10px;font-size:14px;font-weight:500}.field output{background:var(--hover);border-color:var(--border);align-items:center;display:flex}.field input:focus,.field select:focus{box-shadow:var(--focus-ring);outline:none}.field-inline{align-items:center;gap:10px;display:flex}.field-inline input[type=color]{width:36px;height:30px;padding:2px}.checks{gap:2px;margin:0;padding:0;list-style:none;display:grid}.check{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:8px 4px;display:flex}.check:last-child{border-bottom:0}.check>svg{flex:none;margin-top:1px}.check>div{gap:1px;font-size:13px;display:grid}.check span{color:var(--text-2);font-size:12.5px}.check-ok>svg{color:var(--ok)}.check-issue>svg{color:var(--critical)}.check-review>svg{color:var(--warn)}.check-unavailable>svg,.check-fact>svg{color:var(--text-3)}.formats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.format{background:var(--surface);text-align:left;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background-color .12s;display:flex;box-shadow:0 0 0 1px #0b0f141a}.format:hover{background:var(--hover)}.format.is-active{background:var(--accent-tint);box-shadow:var(--selected)}.format>span:last-child{line-height:1.25;display:grid}.format small{color:var(--text-2);font-size:11.5px}.format-tag{color:#fff;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;font-size:10px;font-weight:800;display:grid}.tag-png{background:#1f9d55}.tag-jpg{background:var(--info)}.btn-row-export>.btn{flex:140px}.history{gap:4px;margin:0;padding:0;list-style:none;display:grid}.history-item{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.history-item:hover{background:var(--hover)}.history-item.is-current{background:var(--accent-tint);box-shadow:var(--selected)}.history-item.is-future{opacity:.5}.history-icon{background:var(--hover);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.history-text{flex:1;min-width:0;display:grid}.history-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.history-text small{color:var(--text-2);font-size:11.5px}.toast{left:50%;bottom:calc(var(--status-h) + 16px);z-index:20;background:var(--ink);color:#fff;max-width:min(560px,100vw - 32px);box-shadow:var(--shadow-md);animation:toast-in .22s var(--ease-out);border-radius:12px;align-items:center;gap:10px;padding:10px 8px 10px 16px;font-size:13px;display:flex;position:fixed;transform:translate(-50%)}.toast .icon-btn{color:#ffffffb3}.toast .icon-btn:hover{color:#fff;background:#ffffff1f}.toast-error{background:var(--critical)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.credits-chip{background:var(--hover);height:32px;color:var(--ink-2);white-space:nowrap;border-radius:999px;flex:none;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.dpi-chip{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700}.dpi-chip.is-ok{background:var(--ok-tint);color:#146c3a}.dpi-chip.is-low{background:var(--critical-tint);color:var(--critical)}.checking{align-items:center;gap:6px;display:flex}.is-dimmed{opacity:.55;transition:opacity .2s}.verdict{gap:8px;display:grid}.messages{gap:6px;margin:0;padding:0;list-style:none;display:grid}.message{border-radius:var(--radius-sm);background:var(--hover);align-items:flex-start;gap:8px;padding:8px 10px;font-size:13px;line-height:1.45;display:flex}.message>svg{flex:none;margin-top:2px}.message.sev-error{background:var(--critical-tint);color:#8f2413}.message.sev-warning{background:var(--warn-tint);color:#7a5210}.message.sev-positive{background:var(--ok-tint);color:#146c3a}.facts{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:12.5px;display:grid}.facts dt{color:var(--text-2)}.facts dd{text-transform:none;overflow-wrap:anywhere;min-width:0;margin:0;font-weight:550}.facts+.facts{margin-top:8px}.facts-row{display:contents}.check-word{font-weight:650}.check-word.is-pass{color:var(--ok)}.check-word.is-fail{color:var(--warn)}.check-word.is-na{color:var(--text-2)}.repairs{counter-reset:none;gap:6px;margin:0;padding:0;list-style:none;display:grid}.repair{border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:0 0 0 1px #0b0f141a}.repair.is-unavailable{background:var(--hover);box-shadow:none}.repair.is-unavailable .repair-step{background:var(--border);color:var(--text-3)}.repair-step{background:var(--accent-tint);width:24px;height:24px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.repair-text{flex:1;gap:3px;min-width:0;font-size:13px;display:grid}.repair-text .badge{justify-self:start}.badge-warn{background:var(--warn-tint);color:#7a5210}.upscale-offer{border-radius:var(--radius);background:var(--studio-pixlpilot-tint);align-items:flex-start;gap:10px;padding:12px;display:flex}.upscale-offer>div{flex:1;gap:4px;display:grid}.upscale-offer strong{align-items:center;gap:6px;font-size:13px;display:inline-flex}.locked-preview{position:relative}.locked-preview-shield{position:absolute;inset:0}.upscale-preview{border:1px solid var(--border);background:repeating-conic-gradient(#e9ebee 0 25%, #fff 0 50%) 0 0 / 16px 16px;pointer-events:none;border-radius:10px;width:100%}.job-notes{color:var(--ink-2);gap:4px;margin:0;padding:0;font-size:12.5px;list-style:none;display:grid}.job-notes:empty{display:none}.job-notes li{align-items:flex-start;gap:6px;display:flex}.job-notes li svg{flex:none;margin-top:2px}.job-notes li.ok{color:#146c3a}.job-notes li.warn{color:#7a5210}.job-blocked{box-shadow:0 0 0 1px #0b0f141a}.regions{background:var(--hover);border-radius:10px;padding:10px 12px}.regions summary{cursor:pointer;font-size:13px;font-weight:650}.regions[open] summary{margin-bottom:6px}.regions ul{gap:6px;max-height:320px;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.regions li{align-items:center;gap:4px;display:flex}.region{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;padding:6px;display:flex}.region:hover{background:var(--hover)}.region.decision-keep{border-color:#bfe8cd}.region.decision-remove{border-color:#f5c6bc}.region-thumb{background:repeating-conic-gradient(#e9ebee 0 25%, #fff 0 50%) 0 0 / 10px 10px;border-radius:8px;flex:none;width:48px;height:48px}.region-text{min-width:0;display:grid}.region-text strong{font-size:13px}.decision-keep .region-text strong{color:var(--ok)}.decision-remove .region-text strong{color:var(--critical)}.region-text small{color:var(--text-2);font-size:11.5px}.feedback{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.feedback .muted{margin-right:auto}.sev-dot{border-radius:50%;flex:none;width:8px;height:8px}.sev-dot.sev-error{background:var(--critical)}.sev-dot.sev-warning{background:var(--accent);box-shadow:0 0 0 1px #0b0f1440}.sev-dot.sev-positive{background:var(--ok)}.purpose-row{display:flex}.purpose-menu{max-width:100%;position:relative}.purpose-chip{border:1px solid var(--border-strong);background:var(--surface);max-width:100%;min-height:44px;color:var(--ink);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:7px 12px 7px 8px;transition:background-color .12s;display:flex}.purpose-chip:hover{background:var(--hover)}.purpose-chip-icon{background:var(--accent-tint);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.purpose-chip>span:not(.purpose-chip-icon){min-width:0;line-height:1.2;font-family:var(--studio-font-brand);flex:1;font-size:14px;font-weight:700;display:grid}.purpose-chip small{font-family:var(--studio-font-sans);color:var(--text-2);font-size:11px;font-weight:400}.purpose-chip>svg{color:var(--text-2);flex:none}.purpose-list{min-width:260px;inset:calc(100% + 6px) auto auto 0}.purpose-list button.is-active{background:var(--accent-tint);box-shadow:var(--selected)}.size-control{gap:8px;display:grid}.size-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.size-chip{background:var(--surface);min-height:48px;color:var(--ink);text-align:center;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 6px;line-height:1.2;transition:background-color .12s,box-shadow .12s;display:flex;box-shadow:0 0 0 1px #0b0f141f}.size-chip:hover{background:var(--hover)}.size-chip strong{overflow-wrap:anywhere;font-size:12.5px;font-weight:600}.size-chip small{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:11px}.size-chip.is-active{background:var(--accent-tint);box-shadow:var(--selected)}.size-chip.is-active:hover{background:#fff1c7}.size-line{margin:0}.dpi{font-weight:700}.dpi.is-ok{color:var(--ok)}.dpi.is-low{color:var(--critical)}.custom-size{grid-template-columns:1fr 88px;gap:8px;display:grid}.custom-size-2{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 72px;align-items:end}.custom-size-2:not(:has(select)){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.custom-size-wrap{gap:8px;display:grid}.custom-dpi{grid-template-columns:96px minmax(0,1fr);align-items:end;gap:10px;display:grid}.custom-dpi>.muted{padding-bottom:9px}.link-mark{color:var(--text-3);padding-bottom:9px;font-weight:600}.status-card{border-radius:var(--radius);background:var(--surface);padding:14px;box-shadow:0 0 0 1px #0b0f141a}.focus-card{border-radius:var(--radius);background:var(--accent-tint);box-shadow:var(--selected);gap:8px;padding:12px 14px;display:grid}.focus-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.focus-head strong{font-family:var(--studio-font-brand)}.issue.is-focus{box-shadow:inset 3px 0 0 var(--accent);padding-left:8px}.status-card.is-working .issues{opacity:.6;transition:opacity .2s}.status{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.status-head{align-items:flex-start;gap:10px;display:flex}.status-head>div{flex:1;gap:1px;min-width:0;display:grid}.status{color:var(--ink)}.status-head h3{color:var(--ink);letter-spacing:-.01em;font-size:16px;font-weight:700;line-height:1.3}.status-context{color:var(--text-2);font-size:12.5px}.status-icon{background:var(--hover);width:30px;height:30px;color:var(--ink);border-radius:999px;flex:none;place-items:center;display:grid}.status-ok .status-icon{color:var(--ok);background:var(--ok-tint)}.status-issue .status-icon,.status-review .status-icon{color:var(--ink);background:var(--accent-tint)}.status-spinner{color:var(--text-3);flex:none;margin-top:6px}.issues{margin:0;padding:0;list-style:none;display:grid}.issue{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 10px;margin-top:10px;padding:10px 0 0;display:grid}.issue>svg{color:var(--text-3);margin-top:2px}.issue.sev-error>svg,.issue.sev-warning>svg{color:var(--warn)}.issue-body{gap:3px;min-width:0;display:grid}.issue-body strong{color:var(--ink);font-size:13.5px;font-weight:600}.issue-body span{color:var(--text-2);font-size:12.5px;line-height:1.45}.issue>.btn{grid-column:2;justify-self:start}.fix-step .step-num{background:var(--hover);width:20px;height:20px;color:var(--ink-2);border-radius:999px;place-items:center;margin-top:1px;font-size:11.5px;font-weight:600;display:grid}.issue-note{background:var(--hover);border:0;border-radius:10px;margin-top:0;padding:10px}.issue-note>svg{color:var(--ink-2)}.status>.btn-primary{border-radius:10px;height:44px}.status>.btn-ghost{height:36px;font-size:13px}.step-count{letter-spacing:.02em;text-transform:uppercase;color:var(--text-2);margin-right:6px;font-size:11px;font-weight:700;display:inline-block}.extras{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.fold{background:var(--hover);border-radius:10px}.fold>summary{cursor:pointer;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:13px;font-weight:600;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"";border-right:1.75px solid var(--text-3);border-bottom:1.75px solid var(--text-3);width:7px;height:7px;transition:transform .16s var(--ease-out);margin-left:auto;transform:rotate(45deg)}.fold[open]>summary:after{transform:rotate(-135deg)}.fold>:not(summary){margin:0 12px 12px}.fold .count{color:var(--text-2);margin-left:auto;font-size:13px;font-weight:500}.fold:has(.count)>summary:after{margin-left:4px}.tools,.notes{gap:6px;padding:0;list-style:none;display:grid}.tools li{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.tools li>span{overflow-wrap:anywhere;gap:2px;min-width:0;display:grid}.tools li>span svg{vertical-align:-2px;margin-right:4px}.tools small,.notes{color:var(--text-2);font-size:12px}.notes li{align-items:flex-start;gap:6px;display:flex}.notes li svg{flex:none;margin-top:2px}.purpose-overlay{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#eef0f2b8;place-items:center;padding:16px;animation:.2s fade-in;display:grid;position:absolute;inset:0}@keyframes fade-in{0%{opacity:0}}.purpose-card{border-radius:var(--radius-lg);background:var(--surface);width:min(720px,100%);max-height:100%;box-shadow:var(--shadow-pop);animation:pop-in .26s var(--ease-out);gap:14px;padding:26px;display:grid;overflow-y:auto}.purpose-card h2{letter-spacing:-.025em;font-size:26px;font-weight:700}.purpose-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.purpose-option{border-radius:var(--radius);background:var(--surface);text-align:left;transition:box-shadow .14s ease, background-color .14s ease, transform .14s var(--ease-out);border:0;align-content:start;justify-items:start;gap:6px;padding:14px;display:grid;box-shadow:0 0 0 1px #0b0f141a}.purpose-option:hover{background:var(--accent-tint);box-shadow:var(--selected)}.purpose-option:active{transform:scale(.98)}.purpose-option strong{font-family:var(--studio-font-brand);font-size:15px;font-weight:700}.purpose-option small{color:var(--text-2);font-size:12.5px;line-height:1.45}.purpose-icon{background:var(--accent-tint);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.purpose-skip{justify-self:center}.export-card{border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;display:grid;box-shadow:0 0 0 1px #0b0f141a}.export-card .btn-block,.export-card .btn-mockup{border-radius:10px;width:100%;height:42px}.export-card .btn-lg-panel,.btn-lg-panel{border-radius:10px;height:44px;font-size:14px}.ready-line{font-family:var(--studio-font-brand);text-align:left;background:0 0;border:0;align-items:center;gap:6px;margin:0;padding:0;font-size:14px;font-weight:700;display:flex}.ready-line.is-ok{color:var(--ok)}.ready-line.is-issue{color:var(--critical)}.ready-line.is-review{color:var(--warn)}button.ready-line:hover{text-underline-offset:3px;text-decoration:underline}.export-summary{color:var(--ink-2);font-size:13px}.what-changed{color:var(--ink-2);margin:0}.what-changed ul{margin:4px 0 0;padding-left:18px}.what-changed li+li{margin-top:2px}.what-changed-hint{margin:6px 0 0}.chip-input{gap:4px;padding:0 8px}.chip-input input{width:64px;font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:0}.chip-input input:focus{outline:none}.history-menu,.history-menu>.icon-btn{position:relative}.history-count{background:var(--hover);min-width:15px;height:15px;box-shadow:0 0 0 1.5px var(--surface);color:var(--ink-2);border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:4px;right:3px}.history-popover{z-index:30;gap:6px;width:320px;max-height:60vh;padding:8px;top:calc(100% + 6px);bottom:auto;left:0;overflow-y:auto}.history-head{font-family:var(--studio-font-brand);padding:4px 6px;font-size:14px;font-weight:700}.history-popover .history-item{padding:7px 8px}@media (max-width:960px){.features{grid-template-columns:1fr}.status-hint{display:none}.home-main{gap:36px;padding:24px 24px 48px}.site-footer{padding-inline:24px}}@media (max-width:760px){:root{--rail-w:0px;--panel-w:100vw}.site-nav .btn-quiet,.logo-by{display:none}.btn-lg{width:100%}.ws-body,.ws.has-panel .ws-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.rail{left:8px;right:8px;bottom:calc(var(--status-h) + 8px);z-index:3;box-shadow:var(--shadow-pop);border:0;border-radius:16px;flex-direction:row;justify-content:flex-start;align-items:stretch;padding:4px;position:absolute;overflow:auto hidden}.rail-btn{flex:1 0 60px;width:auto;font-size:10px}.ws.has-panel .rail{display:none}.panel{left:0;right:0;bottom:var(--status-h);z-index:4;border-left:0;border-radius:18px 18px 0 0;height:62vh;position:fixed;box-shadow:0 0 0 1px #0b0f1414,0 -12px 32px #0b0f1424}.topbar-history,[data-suite-bar] .lang-switch,[data-suite-bar] .account-name,[data-suite-bar] .credits-chip{display:none}.file-name{max-width:34vw}.account-name{display:none}.context-bar{max-width:calc(100% - 16px);top:8px}.backdrop-btn span{display:none}.statusbar{gap:6px;padding:0 8px}.zoom{padding-right:6px}.home-main{gap:32px;padding:16px 16px 40px}.home-hero{border-radius:16px;gap:16px;padding:36px 16px 28px}.hero-sub{font-size:15px}.drop-bar{gap:8px;padding:12px}.drop-bar .btn{flex:140px}.action-chips{gap:8px 4px}.tool-shortcut{width:84px;font-size:12px}.tool-shortcut>svg{width:52px;height:52px;padding:14px}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.site-footer{padding:20px 16px 28px}}@media (max-width:640px){.bar-slash{display:none}[data-suite-bar] .topbar-file{margin-left:2px}.site-header{padding:0 12px}}@media (max-width:480px){.topbar-export span{display:none}.topbar-export{width:40px;padding:0}.file-name{max-width:28vw}.save-state{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.lang-switch{background:var(--hover);border-radius:var(--radius-sm);flex:none;gap:2px;padding:3px;display:inline-flex}.lang-switch button{min-width:32px;height:26px;color:var(--text-2);font:inherit;letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 8px;font-size:12px;font-weight:600}.lang-switch button:hover{color:var(--ink)}.lang-switch button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-xs)}.lang-switch[aria-busy=true]{opacity:.6}.ec-root{--ec-text:var(--ink);--ec-text-2:var(--text-2);--ec-text-3:var(--text-3);--ec-surface:var(--surface);--ec-surface-alt:var(--paper);--ec-hover:var(--hover);--ec-selected:var(--accent-tint);--ec-border:var(--border);--ec-border-2:var(--border-strong);--ec-primary:var(--ink);--ec-primary-fg:var(--paper);--ec-accent:var(--accent);--ec-accent-tint:var(--accent-tint);--ec-danger:var(--critical);--ec-focus:var(--focus-ring);--ec-radius:var(--radius-sm);--ec-radius-lg:var(--radius);--ec-ease:var(--ease-out)}.drop-alt{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.cloud-page{background:var(--paper);min-height:100vh}.cloud-main{max-width:1080px;margin:0 auto;padding:8px 24px 48px}.cloud-main h1{letter-spacing:-.02em;margin:8px 0 4px;font-size:26px;font-weight:700}.cloud-main>.muted{margin:0 0 20px}.cloud-frame{height:min(680px,100vh - 220px);min-height:420px}.cloud-empty{text-align:center;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);justify-items:center;gap:14px;padding:64px 24px;display:grid}@media (max-width:640px){.cloud-main{padding:4px 16px 32px}}.segmented-icons{grid-auto-columns:32px}.segmented-icons button{place-items:center;height:26px;display:grid}.colour-field{align-items:center;gap:4px;display:inline-flex}.colour-field .context-label{margin-right:2px}.swatch-none{background:linear-gradient(135deg, transparent 45%, var(--critical) 45% 55%, transparent 55%), var(--surface)}.num-input{border:1px solid var(--border-strong);background:var(--surface);width:58px;height:28px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:8px;padding:0 6px;font-size:12.5px}.select-input{border:1px solid var(--border-strong);background:var(--surface);height:28px;color:var(--ink);border-radius:8px;padding:0 6px;font-size:12.5px}.text-input{border:1px solid var(--border-strong);background:var(--surface);width:180px;min-height:28px;color:var(--ink);font:500 13px/1.35 var(--studio-font-sans);resize:vertical;border-radius:8px;padding:4px 8px}.num-input:focus,.select-input:focus,.text-input:focus{box-shadow:var(--focus-ring);outline:none}.icon-btn.is-on{background:var(--accent-tint);box-shadow:var(--selected);color:var(--ink)}.adjust-field input[type=range]{width:84px}.adjust-field .tabular{min-width:30px}.shape-bar,.adjust-bar,.outline-bar{max-width:min(980px,100% - 24px)}.canvas-text-editor{z-index:1;color:#0000;caret-color:#2d7cff;resize:none;white-space:pre;box-sizing:border-box;background:0 0;border:0;border-radius:0;outline:none;margin:0;position:absolute;overflow:hidden}.canvas-text-editor::selection{color:#0000;background:#2d7cff52}.site-footer{border-top:1px solid var(--border);width:100%;max-width:1280px;color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin:0 auto;padding:20px 40px 32px;font-size:13px;display:flex}.cloud-page .site-footer,.send-docs+.site-footer{max-width:1080px;padding-inline:24px}.site-footer a{color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px}.site-footer a:hover{color:var(--ink);text-decoration-color:currentColor}.site-footer nav{flex-wrap:wrap;gap:6px 18px;display:flex}
