:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--g-bg:#0f1115;--g-surface:#171a21;--g-surface-2:#2c303a;--g-line:#262a33;--g-line-strong:#626875;--g-control-border:#ffffff59;--g-input-border:#fff6;--g-text:#e8e8ea;--g-muted:#a7adba;--g-faint:#828a98;--g-brand:#ff4d1c;--g-brand-fill:#d63a0c;--g-brand-hover:#b8310a;--g-brand-contrast:#fff;--g-brand-link:#ff8a66;--g-brand-tint:#ff4d1c29;--g-danger:#ff7a7a;--g-danger-tint:#ff7a7a29;--g-danger-fill:#be123c;--g-danger-hover:#9f1239;--g-danger-contrast:#fff;--g-warning:#ffc24b;--g-warning-tint:#ffc24b29;--g-success:#6fcf97;--g-success-tint:#6fcf9729;--g-info:#8ba3f0;--g-info-tint:#8ba3f029;--g-badge-success-bg:#163a2b;--g-badge-success-text:#5fd38a;--g-badge-warning-bg:#4a3a05;--g-badge-warning-text:#ffd24d;--g-badge-danger-bg:#4a1c1c;--g-badge-danger-text:#ff9a9a;--g-badge-info-bg:#14305c;--g-badge-info-text:#7fb2ff;--g-badge-neutral-bg:#2c3238;--g-badge-neutral-text:#c4ccd4;--g-badge-brand-bg:var(--g-brand-fill);--g-badge-brand-text:var(--g-brand-contrast);--g-hover-tint:#ffffff0f;--g-focus:var(--g-text);--g-skeleton:#2c303a;--g-loading-delay:.3s;--g-pulse-duration:1.6s;--g-spinner-s:16px;--g-spinner-m:24px;--g-spinner-stroke:2px;--g-scrollbar-thumb:var(--g-line-strong);--g-scrollbar-thumb-hover:var(--g-muted);--g-font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--g-font-display:var(--g-font);--g-font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--g-text-xs:11px;--g-lh-xs:16px;--g-text-s:12px;--g-lh-s:16px;--g-text-m:14px;--g-lh-m:20px;--g-text-l:16px;--g-lh-l:24px;--g-text-xl:18px;--g-lh-xl:26px;--g-text-2xl:20px;--g-lh-2xl:28px;--g-text-3xl:24px;--g-lh-3xl:32px;--g-text-4xl:32px;--g-lh-4xl:40px;--g-text-5xl:48px;--g-lh-5xl:56px;--g-weight-regular:400;--g-weight-strong:600;--g-weight-title:700;--g-space-1:4px;--g-space-2:8px;--g-space-3:12px;--g-space-4:16px;--g-space-5:20px;--g-space-6:24px;--g-space-8:32px;--g-space-10:40px;--g-control-s:28px;--g-control-m:32px;--g-control-l:40px;--g-control-xl:44px;--g-radius-s:4px;--g-radius-m:8px;--g-radius-l:12px;--g-radius-pill:999px;--g-btn-radius:var(--g-radius-m);--g-shadow-1:0 8px 24px #00000073;--g-shadow-2:0 16px 48px #0000008c}:root[data-admin-theme=light],:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--g-bg:#f3f4f7;--g-surface:#fff;--g-surface-2:#e6e9ef;--g-line:#dfe2e8;--g-line-strong:#868b96;--g-control-border:#949494;--g-input-border:#8a8a8a;--g-text:#16181d;--g-muted:#565d6b;--g-faint:#646b79;--g-brand:#d63a0c;--g-brand-fill:#d63a0c;--g-brand-hover:#b8310a;--g-brand-contrast:#fff;--g-brand-link:#c93509;--g-brand-tint:#c935091a;--g-danger:#c62828;--g-danger-tint:#c628281a;--g-danger-fill:#be123c;--g-danger-hover:#9f1239;--g-danger-contrast:#fff;--g-warning:#8a5a00;--g-warning-tint:#e6910a24;--g-success:#1b7a43;--g-success-tint:#1b7a431a;--g-info:#2447c4;--g-info-tint:#2447c41a;--g-badge-success-bg:#dff3e8;--g-badge-success-text:#17683a;--g-badge-warning-bg:#ffe9a8;--g-badge-warning-text:#6b4a00;--g-badge-danger-bg:#fde2e2;--g-badge-danger-text:#a3201f;--g-badge-info-bg:#dce9ff;--g-badge-info-text:#1a4fb5;--g-badge-neutral-bg:#e3e7eb;--g-badge-neutral-text:#3f4852;--g-hover-tint:#16181d0d;--g-skeleton:#e3e6ec;--g-shadow-1:0 8px 24px #14182324;--g-shadow-2:0 16px 48px #1418232e}@media (prefers-color-scheme:light){:root:not([data-admin-theme=dark]):not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--g-bg:#f3f4f7;--g-surface:#fff;--g-surface-2:#e6e9ef;--g-line:#dfe2e8;--g-line-strong:#868b96;--g-control-border:#949494;--g-input-border:#8a8a8a;--g-text:#16181d;--g-muted:#565d6b;--g-faint:#646b79;--g-brand:#d63a0c;--g-brand-fill:#d63a0c;--g-brand-hover:#b8310a;--g-brand-contrast:#fff;--g-brand-link:#c93509;--g-brand-tint:#c935091a;--g-danger:#c62828;--g-danger-tint:#c628281a;--g-danger-fill:#be123c;--g-danger-hover:#9f1239;--g-danger-contrast:#fff;--g-warning:#8a5a00;--g-warning-tint:#e6910a24;--g-success:#1b7a43;--g-success-tint:#1b7a431a;--g-info:#2447c4;--g-info-tint:#2447c41a;--g-badge-success-bg:#dff3e8;--g-badge-success-text:#17683a;--g-badge-warning-bg:#ffe9a8;--g-badge-warning-text:#6b4a00;--g-badge-danger-bg:#fde2e2;--g-badge-danger-text:#a3201f;--g-badge-info-bg:#dce9ff;--g-badge-info-text:#1a4fb5;--g-badge-neutral-bg:#e3e7eb;--g-badge-neutral-text:#3f4852;--g-hover-tint:#16181d0d;--g-skeleton:#e3e6ec;--g-shadow-1:0 8px 24px #14182324;--g-shadow-2:0 16px 48px #1418232e}}@keyframes g-loading-in{0%{opacity:0}to{opacity:1}}@keyframes g-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes g-spin{to{transform:rotate(360deg)}}.g-loading{gap:var(--g-space-3);display:grid}.g-skeleton{min-height:var(--g-space-3);border-radius:var(--g-radius-s);background:var(--g-skeleton);animation:g-loading-in 0s linear var(--g-loading-delay) both, g-pulse var(--g-pulse-duration) ease-in-out var(--g-loading-delay) infinite;display:block}.g-skeleton--line{height:var(--g-space-3)}.g-skeleton--line:last-child:not(:first-child){width:60%}.g-skeleton--title{height:var(--g-space-5);width:40%}.g-skeleton--circle{width:var(--g-control-m);height:var(--g-control-m);border-radius:var(--g-radius-pill)}.g-skeleton--block{border-radius:var(--g-radius-m);height:120px}.g-spinner{vertical-align:middle;width:var(--g-spinner-m);height:var(--g-spinner-m);border:var(--g-spinner-stroke) solid var(--g-brand-tint);border-top-color:var(--g-brand);border-radius:var(--g-radius-pill);animation:g-loading-in 0s linear var(--g-loading-delay) both, g-spin .8s linear var(--g-loading-delay) infinite;flex:none;display:inline-block}.g-spinner--s{width:var(--g-spinner-s);height:var(--g-spinner-s)}.g-spinner--on-fill{border-color:#ffffff59;border-top-color:var(--g-brand-contrast)}.g-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){.g-skeleton{animation:g-loading-in 0s linear var(--g-loading-delay) both}.g-spinner{animation:g-loading-in 0s linear var(--g-loading-delay) both, g-spin 2.4s linear var(--g-loading-delay) infinite}}:where(.g-slim-scroll,.g-slim-scroll *):not(html,body,.g-page-scroll)::-webkit-scrollbar{width:8px;height:8px}:where(.g-slim-scroll,.g-slim-scroll *):not(html,body,.g-page-scroll)::-webkit-scrollbar-track{background:0 0}:where(.g-slim-scroll,.g-slim-scroll *):not(html,body,.g-page-scroll)::-webkit-scrollbar-corner{background:0 0}:where(.g-slim-scroll,.g-slim-scroll *):not(html,body,.g-page-scroll)::-webkit-scrollbar-thumb{background:var(--g-scrollbar-thumb) padding-box;border-radius:var(--g-radius-pill);border:2px solid #0000}:where(.g-slim-scroll,.g-slim-scroll *):not(html,body,.g-page-scroll):hover::-webkit-scrollbar-thumb{background-color:var(--g-scrollbar-thumb-hover)}@supports not selector(::-webkit-scrollbar){:where(.g-slim-scroll,.g-slim-scroll *):not(html,body,.g-page-scroll){scrollbar-width:thin;scrollbar-color:var(--g-scrollbar-thumb) transparent}:where(.g-slim-scroll,.g-slim-scroll *):not(html,body,.g-page-scroll):hover{scrollbar-color:var(--g-scrollbar-thumb-hover) transparent}}@keyframes g-update-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.g-update-notice{left:var(--g-space-4);bottom:calc(var(--g-update-notice-bottom,var(--g-space-4)) + env(safe-area-inset-bottom,0px));z-index:2147483000;gap:var(--g-space-2) var(--g-space-3);width:min(360px, calc(100vw - 2 * var(--g-space-4)));box-sizing:border-box;padding:var(--g-space-3) var(--g-space-3) var(--g-space-3) var(--g-space-4);background:var(--g-surface);color:var(--g-text);border:1px solid var(--g-line);border-radius:var(--g-radius-l);box-shadow:var(--g-shadow-2);font-family:var(--g-font);font-size:var(--g-text-s);line-height:var(--g-lh-s);text-align:left;grid-template-columns:auto 1fr;animation:.2s ease-out both g-update-in;display:grid;position:fixed}.g-update-notice-icon{width:18px;height:18px;color:var(--g-brand);justify-content:center;align-items:center;margin-top:1px;line-height:1;display:inline-flex;font-size:18px!important}.g-update-notice-text{gap:2px;min-width:0;display:grid}.g-update-notice-title{font-size:var(--g-text-m);line-height:var(--g-lh-m);font-weight:var(--g-weight-strong)}.g-update-notice-line{color:var(--g-muted)}.g-update-notice-actions{justify-content:flex-end;gap:var(--g-space-2);grid-column:2;display:flex}.g-update-notice-btn{justify-content:center;align-items:center;gap:var(--g-space-2);height:var(--g-control-s);padding:0 var(--g-space-3);border-radius:var(--g-btn-radius);font:inherit;font-weight:var(--g-weight-strong);cursor:pointer;white-space:nowrap;border:1px solid #0000;display:inline-flex}.g-update-notice-btn:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}.g-update-notice-later{color:var(--g-text);background:0 0}.g-update-notice-later:hover{background:var(--g-hover-tint)}.g-update-notice-refresh{background:var(--g-brand-fill);color:var(--g-brand-contrast)}.g-update-notice-refresh:hover{background:var(--g-brand-hover)}@media (width<=480px){.g-update-notice{right:var(--g-space-4);width:auto}.g-update-notice-btn{height:var(--g-control-l)}}@media (prefers-reduced-motion:reduce){.g-update-notice{animation:none}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--g-bg);color:var(--g-text);font:var(--g-weight-regular) var(--g-text-m)/var(--g-lh-m) var(--g-font);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}h2,h3,p,ul{margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar{align-items:center;gap:var(--g-space-4);padding:0 var(--g-space-3);border-bottom:1px solid var(--g-line);background:var(--g-surface);grid-area:top;display:flex}.brand{align-items:center;gap:var(--g-space-2);flex:1;min-width:0;display:flex}.logo{width:28px;height:28px;color:var(--g-brand);place-items:center;display:grid}.app-title{white-space:nowrap;font-size:var(--g-text-xl);line-height:var(--g-lh-xl);font-weight:var(--g-weight-title);color:var(--g-text);border-radius:var(--g-radius-s);flex-shrink:0;text-decoration:none}.divider{background:var(--g-line);width:1px;height:20px;margin:0 var(--g-space-1)}.save-state{align-items:center;gap:var(--g-space-1);font-size:var(--g-text-s);color:var(--g-faint);white-space:nowrap;display:inline-flex}.save-state.is-saved svg{color:var(--g-success)}.save-state.is-error{color:var(--g-danger)}.save-wrap{display:inline-flex;position:relative}button.save-state{border-radius:var(--g-radius-s);padding:2px var(--g-space-1);font:inherit;font-size:var(--g-text-s);cursor:pointer;background:0 0;border:0}button.save-state:hover{background:var(--g-danger-tint)}.save-pop{right:0;top:calc(100% + var(--g-space-2));z-index:20;background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);width:300px;box-shadow:var(--g-shadow-2);padding:var(--g-space-3);gap:var(--g-space-2);font-size:var(--g-text-m);white-space:normal;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.save-pop p{margin:0}.top-actions>.save-state,.top-actions>.save-wrap{margin-right:var(--g-space-1)}@media (width<=760px){.save-pop{left:var(--g-space-4);right:var(--g-space-4);top:calc(56px + var(--g-space-2));width:auto;position:fixed}}.name{border-radius:var(--g-radius-s);font-weight:var(--g-weight-strong);field-sizing:content;text-overflow:ellipsis;background:0 0;border:1px solid #0000;flex:0 auto;width:auto;min-width:80px;max-width:100%;padding:2px 6px}.name:hover,.name:focus{border-color:var(--g-control-border)}.top-actions{align-items:center;gap:var(--g-space-2);display:flex}.btn{height:var(--g-control-m);padding:0 var(--g-space-3);border-radius:var(--g-btn-radius);border:1px solid var(--g-control-border);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);white-space:nowrap;background:0 0;align-items:center;gap:6px;display:inline-flex}.btn:hover:not(:disabled){background:var(--g-hover-tint)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--g-brand-fill);border-color:var(--g-brand-fill);color:var(--g-brand-contrast)}.btn.primary:hover:not(:disabled){background:var(--g-brand-hover)}.icon-btn{width:var(--g-control-m);height:var(--g-control-m);border-radius:var(--g-radius-m);color:var(--g-muted);background:0 0;border:0;place-items:center;display:grid}.icon-btn:hover:not(:disabled),.icon-btn.is-on{background:var(--g-hover-tint);color:var(--g-text)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.btn.danger{color:var(--g-danger);border-color:var(--g-danger)}.btn.wide{justify-content:center;width:100%}.account{position:relative}.menu{right:0;top:calc(100% + var(--g-space-2));z-index:20;background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);width:260px;box-shadow:var(--g-shadow-2);padding:var(--g-space-2);position:absolute}.menu-who{padding:var(--g-space-2);border-bottom:1px solid var(--g-line);margin-bottom:var(--g-space-1);flex-direction:column;display:flex}.menu-who span{font-size:var(--g-text-s);color:var(--g-muted)}.menu-row{align-items:center;gap:var(--g-space-2);padding:var(--g-space-1) var(--g-space-2);display:flex}.menu-row>span{flex:1}.menu-item{align-items:center;gap:var(--g-space-2);width:100%;height:var(--g-control-m);padding:0 var(--g-space-2);border-radius:var(--g-radius-m);font-size:var(--g-text-m);text-align:left;margin-top:var(--g-space-1);background:0 0;border:0;display:flex}.menu-item:hover{background:var(--g-hover-tint)}.menu-version{margin-top:var(--g-space-2);padding:var(--g-space-2) var(--g-space-2) 0;border-top:1px solid var(--g-line);font-size:var(--g-text-xs);line-height:var(--g-lh-xs);color:var(--g-muted)}.menu-icon{color:var(--g-muted)}.menu-item.tall{height:auto;padding:var(--g-space-2)}.menu-item.tall span{flex-direction:column;display:flex}.menu-item.tall small{font-size:var(--g-text-s);color:var(--g-muted)}.theme-toggle{border:1px solid var(--g-line-strong);border-radius:var(--g-radius-pill);gap:2px;padding:2px;display:flex}.theme-toggle button{width:var(--g-control-s);height:var(--g-control-s);border-radius:var(--g-radius-pill);color:var(--g-muted);background:0 0;border:0;place-items:center;display:grid}.theme-toggle button:hover{background:var(--g-hover-tint)}.theme-toggle button[aria-pressed=true]{background:var(--g-brand-fill);color:var(--g-brand-contrast)}.panel-body{padding:var(--g-space-2) var(--g-space-3) var(--g-space-3);gap:var(--g-space-2);flex-direction:column;display:flex}.panel-title{align-items:center;gap:var(--g-space-2);font-size:var(--g-text-s);line-height:var(--g-lh-s);font-weight:var(--g-weight-strong);text-overflow:ellipsis;white-space:nowrap;display:flex;overflow:hidden}.panel-title svg{color:var(--g-muted);flex:none}.hint{font-size:var(--g-text-s);line-height:var(--g-lh-s);color:var(--g-faint)}.dialog-gap{flex:1}.layer-list{margin:0 calc(var(--g-space-2) * -1);padding:0;list-style:none}.layer{position:relative}.layer.drop-before:before,.layer.drop-after:after{content:"";background:var(--g-brand);z-index:1;height:2px;position:absolute;left:8px;right:8px}.layer.drop-before:before{top:-1px}.layer.drop-after:after{bottom:-1px}.layer-caret{width:18px;height:18px;color:var(--g-muted);border-radius:var(--g-radius-s);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.layer-caret:hover{color:var(--g-text)}.layer.drop-inside>.layer-row{box-shadow:inset 0 0 0 2px var(--g-brand)}.layer-row{height:var(--g-control-m);padding-right:var(--g-space-1);border-radius:var(--g-radius-m);font-size:var(--g-text-s);align-items:center;gap:2px;display:flex}.layer-row:hover{background:var(--g-hover-tint)}.layer-row.is-on{background:var(--g-brand-tint)}.layer-row.is-on .layer-name{color:var(--g-brand-link)}.layer-row.is-hidden .layer-name,.layer-row.is-hidden .layer-icon{opacity:.5}.layer-clip{color:var(--g-muted);width:14px;height:14px;margin-left:var(--g-space-1);flex:none}.effect{gap:var(--g-space-2);flex-direction:column;display:flex}.effect-title{font-weight:var(--g-weight-strong);color:var(--g-text)}.effect-body{gap:var(--g-space-2);padding:var(--g-space-2) 0 var(--g-space-2) var(--g-space-5);flex-direction:column;display:flex}.stop{gap:var(--g-space-2);padding-bottom:var(--g-space-2);flex-direction:column;display:flex}.layer-icon{color:var(--g-muted);width:16px;height:16px;margin-right:var(--g-space-1);flex:none}.layer-row.is-on .layer-icon{color:var(--g-brand-link)}.layer-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;height:100%;font-size:var(--g-text-s);background:0 0;border:0;flex:1;padding:0;overflow:hidden}.layer-input{min-width:0;font-size:var(--g-text-s);background:var(--g-bg);border:1px solid var(--g-focus);border-radius:var(--g-radius-s);flex:1;padding:2px 4px}.layer-row:hover .layer-tools,.layer-row:focus-within .layer-tools{opacity:1}.layer-row:hover .layer-tools.is-set .mini-btn,.layer-row:focus-within .layer-tools.is-set .mini-btn{visibility:visible}.mini-btn{width:24px;height:24px;color:var(--g-muted);border-radius:var(--g-radius-s);background:0 0;border:0;place-items:center;padding:0;display:grid}.mini-btn:hover{color:var(--g-text);background:var(--g-hover-tint)}.mini-btn svg{width:16px;height:16px}.turn-90{transform:rotate(90deg)}.props-section{gap:var(--g-space-2);padding:var(--g-space-3) 0;border-bottom:1px solid var(--g-line);flex-direction:column;display:flex}.props-head{justify-content:space-between;align-items:center;min-height:24px;display:flex}.props-head h3{font-size:var(--g-text-s);line-height:var(--g-lh-s);font-weight:var(--g-weight-strong)}.props-head .icon-btn{width:24px;height:24px}.field-grid{gap:var(--g-space-2);grid-template-columns:1fr 1fr;display:grid}.num{align-items:center;gap:var(--g-space-1);height:var(--g-control-m);padding:0 var(--g-space-2);background:var(--g-bg);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);font-size:var(--g-text-s);min-width:0;display:flex}.num:focus-within{border-color:var(--g-focus)}.num-label{color:var(--g-faint);white-space:nowrap;text-overflow:ellipsis;min-width:12px;max-width:56px;overflow:hidden}.num input{width:100%;min-width:0;font-size:var(--g-text-s);background:0 0;border:0;outline:none;flex:1;padding:0}.num-suffix{color:var(--g-faint)}.check{align-items:center;gap:var(--g-space-2);font-size:var(--g-text-s);color:var(--g-muted);display:flex}.check input{accent-color:var(--g-brand-fill)}.color-field{grid-template-columns:var(--g-control-m) 1fr 76px;gap:var(--g-space-2);align-items:center;display:grid}.brand-swatches{gap:var(--g-space-1);flex-wrap:wrap;grid-column:1/-1;display:flex}.brand-swatches .swatch{border:1px solid var(--g-line);border-radius:var(--g-radius-s);cursor:pointer;width:20px;height:20px;padding:0}.brand-swatches .swatch.is-on{outline:2px solid var(--g-brand);outline-offset:1px}.brand-swatches.compact .swatch{width:16px;height:16px}.brand-preview{gap:var(--g-space-2);margin-top:var(--g-space-2);flex-wrap:wrap;display:flex}.brand-preview span{align-items:center;gap:var(--g-space-1);font-size:var(--g-text-xs);color:var(--g-muted);display:inline-flex}.brand-preview i{border-radius:var(--g-radius-s);border:1px solid var(--g-line);width:16px;height:16px}.color-field:has(>.icon-btn){grid-template-columns:var(--g-control-m) 1fr 76px auto}.color-field input[type=color]{width:var(--g-control-m);height:var(--g-control-m);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);background:var(--g-bg);padding:2px}.text-field{gap:var(--g-space-1);font-size:var(--g-text-s);color:var(--g-muted);flex-direction:column;display:flex}.text-field input,.text-field select{height:var(--g-control-m);background:var(--g-bg);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);min-width:0;padding:0 var(--g-space-2);font:inherit;font-size:var(--g-text-m);color:var(--g-text)}.hex{height:var(--g-control-m);background:var(--g-bg);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);min-width:0;padding:0 var(--g-space-2);font-size:var(--g-text-s);font-family:var(--g-font-mono);text-transform:uppercase}.select-field select{width:100%;height:var(--g-control-m);background:var(--g-bg);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);padding:0 var(--g-space-2);font-size:var(--g-text-s)}.select-field.wide{display:block}.seg{background:var(--g-bg);border:1px solid var(--g-line);border-radius:var(--g-radius-pill);gap:2px;padding:2px;display:flex}.seg button{height:28px;color:var(--g-muted);border-radius:var(--g-radius-pill);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);background:0 0;border:0;flex:1;place-items:center;display:grid}.seg button:hover{color:var(--g-text)}.seg button.is-on{background:var(--g-surface-2);color:var(--g-text)}.props-section .btn{justify-content:center}.stage{background:var(--g-bg);touch-action:none;-webkit-user-select:none;user-select:none;grid-area:stage;min-width:0;position:relative;overflow:hidden}.overlay{pointer-events:none}.overlay [data-handle]{pointer-events:all}.sel-outline{fill:none;stroke:var(--g-brand);stroke-width:1.5px}.sel-outline.thin{stroke-width:1px}.sel-outline.group{stroke-dasharray:6 4}.handle{fill:var(--g-surface);stroke:var(--g-brand);stroke-width:1.5px}.handle.edge{fill:#0000;stroke:#0000}.marquee{fill:var(--g-brand-tint);stroke:var(--g-brand);stroke-width:1px}.layer-icon.is-comp{color:var(--g-info)}.tool-btn{border-radius:var(--g-radius-m);width:36px;height:36px;color:var(--g-muted);background:0 0;border:0;flex:none;place-items:center;display:grid}.tool-btn:hover:not(:disabled){background:var(--g-hover-tint);color:var(--g-text)}.tool-btn.is-on{background:var(--g-brand-tint);color:var(--g-brand-link)}.tool-btn:disabled{opacity:.35;cursor:not-allowed}.zoombar{right:var(--g-space-3);bottom:var(--g-space-4);background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);box-shadow:var(--g-shadow-1);padding:var(--g-space-1);align-items:center;gap:2px;display:flex;position:absolute}.zoom-value{min-width:52px;height:var(--g-control-m);border-radius:var(--g-radius-m);font-size:var(--g-text-s);font-variant-numeric:tabular-nums;background:0 0;border:0}.zoom-value:hover{background:var(--g-hover-tint)}.zoom-sep{background:var(--g-line);width:1px;height:20px;margin:0 2px}.home{padding:var(--g-space-8) var(--g-space-6);gap:var(--g-space-6);flex-direction:column;grid-area:home;display:flex;overflow:auto}.home-head{justify-content:space-between;align-items:center;gap:var(--g-space-4);flex-wrap:wrap;display:flex}.home-head h1{font-size:var(--g-text-3xl);line-height:var(--g-lh-3xl);font-weight:var(--g-weight-title);font-family:var(--g-font-display);margin:0}.home-actions{gap:var(--g-space-2);align-items:center;display:flex}.search{align-items:center;gap:var(--g-space-2);height:var(--g-control-m);padding:0 var(--g-space-2);background:var(--g-bg);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);display:flex}.search:focus-within{border-color:var(--g-focus)}.search input{font-size:var(--g-text-s);background:0 0;border:0;outline:none;width:180px;min-width:0}.search-icon{color:var(--g-faint)}.file-grid{gap:var(--g-space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.file-card{background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);position:relative;overflow:hidden}.file-card:hover{border-color:var(--g-line-strong)}.file-open{width:100%;padding:0 0 var(--g-space-3);text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:2px;display:flex}.file-thumb{background:var(--g-surface-2);border-bottom:1px solid var(--g-line);height:150px;margin-bottom:var(--g-space-2);padding:var(--g-space-4);justify-content:center;align-items:center;display:flex;overflow:hidden}.file-thumb img{object-fit:contain;max-width:100%;max-height:118px;box-shadow:var(--g-shadow-1)}.file-name{padding:0 var(--g-space-3);font-weight:var(--g-weight-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-meta{padding:0 var(--g-space-3);font-size:var(--g-text-s);color:var(--g-faint)}.file-tools{top:var(--g-space-2);right:var(--g-space-2);background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-m);opacity:0;gap:2px;display:flex;position:absolute}.file-card:hover .file-tools,.file-card:focus-within .file-tools{opacity:1}.home-head h1+.hint{margin:var(--g-space-1) 0 0}.file-card[draggable=true]{cursor:grab}.file-card[draggable=true]:active{cursor:grabbing}.dialog{width:min(480px,100vw - 32px);padding:var(--g-space-6);border:1px solid var(--g-line);border-radius:var(--g-radius-l);background:var(--g-surface);color:var(--g-text);box-shadow:var(--g-shadow-2)}.dialog::backdrop{background:color-mix(in srgb, var(--g-bg) 80%, transparent)}.dialog-head{justify-content:space-between;align-items:center;gap:var(--g-space-3);margin-bottom:var(--g-space-4);display:flex}.dialog-head h2{font-size:var(--g-text-2xl);line-height:var(--g-lh-2xl);font-weight:var(--g-weight-title);margin:0}.dialog-body{gap:var(--g-space-3);flex-direction:column;display:flex}.dialog-actions{justify-content:flex-end;gap:var(--g-space-2);margin-top:var(--g-space-6);display:flex}.seg.wide button{padding:0 var(--g-space-3)}.status{font-size:var(--g-text-s)}.status.ok{color:var(--g-success)}.status.bad{color:var(--g-danger)}.help-drawer{z-index:10;background:var(--g-surface);border-left:1px solid var(--g-line);width:320px;box-shadow:var(--g-shadow-2);padding:var(--g-space-4);gap:var(--g-space-3);flex-direction:column;display:flex;position:absolute;top:56px;bottom:0;right:0;overflow:auto}.help-head{align-items:center;gap:var(--g-space-2);display:flex}.help-head h2{font-size:var(--g-text-xl);line-height:var(--g-lh-xl);font-weight:var(--g-weight-title);flex:1}.help-list{flex-direction:column;padding:0;list-style:none;display:flex}.help-version{padding:var(--g-space-3) var(--g-space-4);font-size:var(--g-text-xs);line-height:var(--g-lh-xs);color:var(--g-muted);margin-top:auto}.help-list button{text-align:left;border:0;border-bottom:1px solid var(--g-line);width:100%;padding:var(--g-space-3) 0;background:0 0;flex-direction:column;gap:2px;display:flex}.help-list button:hover b{color:var(--g-brand-link)}.help-list span{font-size:var(--g-text-s);color:var(--g-muted)}.help-body{gap:var(--g-space-3);flex-direction:column;display:flex}.toast-area{z-index:30;pointer-events:none;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.toast{pointer-events:all;align-items:center;gap:var(--g-space-2);max-width:min(520px,80vw);padding:var(--g-space-2) var(--g-space-2) var(--g-space-2) var(--g-space-4);background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);box-shadow:var(--g-shadow-2);font-size:var(--g-text-s);display:flex}.toast.bad{border-color:var(--g-danger)}.toast-area{align-items:center;gap:var(--g-space-2);flex-direction:column;display:flex}.ai-progress{min-width:min(360px,80vw);padding-right:var(--g-space-2)}.ai-progress-body{gap:var(--g-space-2);flex-direction:column;flex:1;min-width:0;display:flex}.ai-bar{border-radius:var(--g-radius-pill);background:var(--g-line);height:4px;overflow:hidden}.ai-bar>div{background:var(--g-brand);height:100%;transition:width .2s}.toast.bad>svg{color:var(--g-danger);flex:none}.btn-row{gap:var(--g-space-2);flex-wrap:wrap;display:flex}.brand-connect{gap:var(--g-space-2);display:flex}.brand-connect input{flex:1;min-width:0}.field-error{margin:var(--g-space-1) 0 0;color:var(--g-danger);font-size:var(--g-text-s)}.home .toast-area{bottom:var(--g-space-6);position:fixed}.dialog.settings{width:min(760px,94vw);padding:0;overflow:hidden}.settings-head{padding:var(--g-space-4) var(--g-space-6);border-bottom:1px solid var(--g-line);justify-content:space-between;align-items:center;display:flex}.settings-head h2{font-size:var(--g-text-2xl);line-height:var(--g-lh-2xl);font-weight:var(--g-weight-title);margin:0}.settings-body{grid-template-columns:180px minmax(0,1fr);height:min(520px,70vh);display:grid}.settings-body nav{padding:var(--g-space-3);border-right:1px solid var(--g-line);flex-direction:column;gap:2px;display:flex;overflow:auto}.settings-body nav button{text-align:left;border-radius:var(--g-radius-m);color:var(--g-muted);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);background:0 0;border:0;padding:6px 10px}.settings-body nav button:hover{background:var(--g-hover-tint);color:var(--g-text)}.settings-body nav button.is-on{background:var(--g-surface-2);color:var(--g-text)}.settings-pane{padding:var(--g-space-4) var(--g-space-6) var(--g-space-6);overflow:auto}.settings-pane h3{font-size:var(--g-text-l);line-height:var(--g-lh-l);margin:0 0 var(--g-space-2)}.settings-pane>.hint{margin:0 0 var(--g-space-3)}.set-row{gap:var(--g-space-4);padding:var(--g-space-3) 0;border-top:1px solid var(--g-line);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;display:grid}.set-row .hint{margin:2px 0 0}.set-label{font-size:var(--g-text-m);font-weight:var(--g-weight-strong)}.set-control{align-items:center;gap:var(--g-space-2);justify-content:flex-end;min-width:0;display:flex}.set-control select{background:var(--g-bg);max-width:100%;color:var(--g-text);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);font-size:var(--g-text-s);padding:5px 8px}.set-control .seg{min-width:200px}.set-theme-label{gap:var(--g-space-3);align-items:flex-start;display:flex}.set-theme-label>svg{color:var(--g-muted);margin-top:2px}.tm-toggle{border:1px solid var(--g-line-strong);border-radius:var(--g-radius-pill);gap:2px;padding:2px;display:inline-flex}.tm-toggle button{width:var(--g-control-s);height:var(--g-control-s);color:var(--g-muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.tm-toggle button:hover{background:var(--g-hover-tint)}.tm-toggle button.is-on{background:var(--g-brand-fill);color:var(--g-brand-contrast)}.toggle{font-size:var(--g-text-s);color:var(--g-muted);align-items:center;gap:8px;display:flex}.toggle input{accent-color:var(--g-brand-fill)}kbd{font-family:var(--g-font-mono);font-size:var(--g-text-xs);background:var(--g-surface-2);border:1px solid var(--g-line-strong);border-radius:var(--g-radius-s);padding:1px 6px}.btn.danger-fill{background:var(--g-danger-fill);border-color:var(--g-danger-fill);color:var(--g-danger-contrast)}.btn.danger-fill:hover{background:var(--g-danger-hover);border-color:var(--g-danger-hover)}@media (width<=640px){.settings-body{grid-template-columns:1fr;height:auto;max-height:80vh}.settings-body nav{border-right:0;border-bottom:1px solid var(--g-line);flex-flow:wrap}.set-row{grid-template-columns:1fr}.set-control{justify-content:flex-start}}.set-sub{margin:var(--g-space-4) 0 0;font-size:var(--g-text-s);color:var(--g-muted)}.plain-fieldset{border:0;min-width:0;margin:0;padding:0}.empty{align-items:center;gap:var(--g-space-3);padding:var(--g-space-10) 0;color:var(--g-muted);text-align:center;flex-direction:column;display:flex}.empty h2{font-size:var(--g-text-xl);line-height:var(--g-lh-xl);color:var(--g-text);margin:0}.home-layout{gap:var(--g-space-6);grid-template-columns:240px minmax(0,1fr);align-items:start;display:grid}.home-main{gap:var(--g-space-6);flex-direction:column;min-width:0;display:flex}.home-rail{flex-direction:column;gap:2px;display:flex;position:sticky;top:0}.rail-item{align-items:center;gap:var(--g-space-2);text-align:left;border-radius:var(--g-radius-m);width:100%;color:var(--g-muted);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);background:0 0;border:0;padding:6px 10px;display:flex}.rail-item:hover{background:var(--g-hover-tint);color:var(--g-text)}.rail-item.is-on{background:var(--g-surface-2);color:var(--g-text)}.rail-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rail-count{color:var(--g-faint);font-weight:var(--g-weight-regular)}.rail-head{margin-top:var(--g-space-4);font-size:var(--g-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--g-faint);justify-content:space-between;align-items:center;padding:0 4px 0 10px;display:flex}.rail-folder{border-radius:var(--g-radius-m);position:relative}.rail-actions{background:var(--g-surface-2);border-radius:var(--g-radius-m);display:none;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.rail-folder:hover .rail-actions,.rail-folder:focus-within .rail-actions{display:flex}.rail-folder:hover .rail-count,.rail-folder:focus-within .rail-count{visibility:hidden}.rail-actions .icon-btn{width:26px;height:26px}.rail-item.is-over,.rail-folder.is-over{outline:2px dashed var(--g-brand);outline-offset:-2px;background:var(--g-brand-tint)}.rail-hint{margin:var(--g-space-2) 0 0;padding:0 10px}.sort-by{align-items:center;gap:var(--g-space-2);font-size:var(--g-text-s);color:var(--g-muted);display:inline-flex}.sort-pill{border:1px solid var(--g-line-strong);border-radius:var(--g-radius-pill);gap:2px;padding:2px;display:inline-flex}.sort-pill button{height:var(--g-control-s);padding:0 var(--g-space-3);border-radius:var(--g-radius-pill);color:var(--g-muted);font:inherit;font-size:var(--g-text-s);font-weight:var(--g-weight-strong);white-space:nowrap;cursor:pointer;background:0 0;border:0}.sort-pill button:hover{background:var(--g-hover-tint);color:var(--g-text)}.sort-pill button[aria-pressed=true]{background:var(--g-brand-fill);color:var(--g-brand-contrast)}.file-star{top:var(--g-space-2);left:var(--g-space-2);width:var(--g-control-s);height:var(--g-control-s);border:1px solid var(--g-line);background:var(--g-surface);color:var(--g-muted);opacity:0;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.file-star:hover{color:var(--g-text)}.file-star.is-on{color:var(--g-brand);opacity:1}.file-card:hover .file-star,.file-card:focus-within .file-star{opacity:1}@media (hover:none){.file-star{opacity:1}}.rail-head-plain{min-height:var(--g-control-s)}.rail-head-btn{border-radius:var(--g-radius-m);width:100%;font:inherit;font-size:var(--g-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--g-faint);cursor:pointer;background:0 0;border:0;padding:0 10px}.rail-head-btn:hover{background:var(--g-hover-tint);color:var(--g-text)}.rail-head-btn.is-on{background:var(--g-surface-2);color:var(--g-text)}.rail-head-btn .rail-count{text-transform:none;letter-spacing:0}.home-group{gap:var(--g-space-3);flex-direction:column;min-width:0;display:flex}.home-sec{justify-content:space-between;align-items:center;gap:var(--g-space-2);display:flex}.home-sec h2{align-items:center;gap:var(--g-space-1);font-size:var(--g-text-l);line-height:var(--g-lh-l);font-weight:var(--g-weight-strong);color:var(--g-text);margin:0;display:flex}.home-sec h2 svg{color:var(--g-brand)}.home-more{height:var(--g-control-s);padding:0 var(--g-space-2);border-radius:var(--g-radius-m);color:var(--g-brand-link);font:inherit;font-size:var(--g-text-s);font-weight:var(--g-weight-strong);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.home-more:hover{background:var(--g-hover-tint)}@media (width<=820px){.home-layout{grid-template-columns:minmax(0,1fr)}.home-rail{flex-flow:wrap;position:static}.rail-item{width:auto}.rail-head{width:100%}}.move-list{gap:var(--g-space-1);border:0;flex-direction:column;margin:0;padding:0;display:flex}.move-list legend{margin-bottom:var(--g-space-2);color:var(--g-muted);font-size:var(--g-text-s);padding:0}.move-option{align-items:center;gap:var(--g-space-2);padding:6px var(--g-space-2);border-radius:var(--g-radius-m);cursor:pointer;display:flex}.move-option:hover{background:var(--g-hover-tint)}.move-option svg{color:var(--g-muted)}.app{grid-template:"top"56px"main"minmax(0,1fr)/minmax(0,1fr);height:100%;display:grid;position:relative}.home-banner{align-items:center;gap:var(--g-space-3);margin-bottom:var(--g-space-4);padding:var(--g-space-3) var(--g-space-4);border:1px solid var(--g-line);border-radius:var(--g-radius-l);background:var(--g-surface);font-size:var(--g-text-s);line-height:var(--g-lh-s);display:flex}.home-banner p{color:var(--g-muted);flex:1}.home-banner .btn{flex:none}@media (width<=760px){.home-banner{flex-wrap:wrap}}.app.has-tabs{grid-template-rows:56px auto minmax(0,1fr);grid-template-areas:"top""tabs""main"}.file-tabs{background:var(--g-bg);border-bottom:1px solid var(--g-line);scrollbar-width:none;grid-area:tabs;height:36px;display:flex;overflow:auto hidden}.file-tabs::-webkit-scrollbar{display:none}.file-tab-home{border:0;border-right:1px solid var(--g-line);width:44px;color:var(--g-muted);background:0 0;flex:none;place-items:center;display:grid}.file-tab-home:hover{background:var(--g-hover-tint);color:var(--g-text)}.file-tab-home.is-on{background:var(--g-surface);color:var(--g-text);box-shadow:inset 0 2px 0 var(--g-brand);margin-bottom:-1px}.file-tab-home:focus-visible{outline-offset:-2px}.file-tab{border-right:1px solid var(--g-line);min-width:120px;color:var(--g-muted);flex:0 200px;align-items:center;display:flex;position:relative}.file-tab:hover{background:var(--g-hover-tint)}.file-tab.is-on{background:var(--g-surface);color:var(--g-text);box-shadow:inset 0 2px 0 var(--g-brand);margin-bottom:-1px}.file-tab.is-dragging{opacity:.5}.file-tab-name{align-items:center;gap:var(--g-space-1);min-width:0;height:100%;padding:0 0 0 var(--g-space-3);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);color:inherit;text-align:left;background:0 0;border:0;flex:1;display:flex}.file-tab-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-tab-name:focus-visible{outline-offset:-2px}.file-tab-error{color:var(--g-danger);flex:none}.file-tab-close{width:24px;height:24px;margin:0 var(--g-space-1);border-radius:var(--g-radius-s);color:var(--g-muted);opacity:0;background:0 0;border:0;flex:none;place-items:center;display:grid}.file-tab:hover .file-tab-close,.file-tab.is-on .file-tab-close,.file-tab-close:focus-visible{opacity:1}.file-tab-close:hover{background:var(--g-hover-tint);color:var(--g-text)}@media (pointer:coarse){.file-tabs{height:var(--g-control-xl)}.file-tab-close{opacity:1;width:var(--g-control-l);height:var(--g-control-l);margin:0}}.app>main{grid-area:main;min-height:0}.send{position:relative}.send-menu{width:290px}.send-hint{margin:var(--g-space-1) var(--g-space-2) var(--g-space-1)}@media (width<=640px){.send-menu{top:56px;left:var(--g-space-4);right:var(--g-space-4);width:auto;position:fixed}}.handoff-what{gap:var(--g-space-1);margin:0 0 var(--g-space-3);flex-direction:column;display:flex}.move-list .select-field{margin:var(--g-space-1) 0 0 var(--g-space-6);display:block}.move-option input{accent-color:var(--g-brand-fill);margin:0}.menu.up{top:auto;bottom:calc(100% + var(--g-space-2));width:220px;padding:var(--g-space-1);left:0;right:auto}.menu.up .menu-item{margin-top:0}.menu.up.fixed{z-index:40;max-height:calc(100vh - 80px);position:fixed;overflow:auto}.menu-sep{background:var(--g-line);height:1px;margin:var(--g-space-1) 0}.badge{height:22px;padding:0 var(--g-space-2);border-radius:var(--g-radius-pill);font-size:var(--g-text-xs);font-weight:var(--g-weight-strong);align-items:center;display:inline-flex}.badge.success{background:var(--g-badge-success-bg);color:var(--g-badge-success-text)}.badge.warning{background:var(--g-badge-warning-bg);color:var(--g-badge-warning-text)}.badge.danger{background:var(--g-badge-danger-bg);color:var(--g-badge-danger-text)}.field{gap:var(--g-space-2);flex-direction:column;display:flex}.field-label{font-size:var(--g-text-s);font-weight:var(--g-weight-strong);color:var(--g-muted)}select.field{height:var(--g-control-m);display:block}.btn.is-on{background:var(--g-brand-tint);border-color:var(--g-brand);color:var(--g-brand-link)}.field-grid:has(>:nth-child(3)){grid-template-columns:1fr 1fr 1fr}.text-area{resize:vertical;background:var(--g-bg);width:100%;min-height:64px;color:var(--g-text);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);padding:var(--g-space-2);font:inherit;font-size:var(--g-text-s)}.text-area:focus{border-color:var(--g-focus);outline:none}.checker{background:repeating-conic-gradient(var(--g-surface-2) 0 25%,var(--g-surface) 0 50%) 0 0/16px 16px}.app>.home{position:relative}.drop-hero{justify-content:center;align-items:center;gap:var(--g-space-2);min-height:280px;padding:var(--g-space-8);border:2px dashed var(--g-line-strong);border-radius:var(--g-radius-l);color:var(--g-muted);text-align:center;background:0 0;flex-direction:column;display:flex}.drop-hero svg{color:var(--g-brand)}.drop-hero b{color:var(--g-text);font-size:var(--g-text-l);line-height:var(--g-lh-l)}.drop-hero:hover,.drop-hero.is-over{border-color:var(--g-brand);background:var(--g-brand-tint)}.drop-cover{z-index:15;justify-content:center;align-items:center;gap:var(--g-space-2);background:color-mix(in srgb,var(--g-bg) 80%,transparent);border:2px dashed var(--g-brand);color:var(--g-brand-link);font-weight:var(--g-weight-strong);pointer-events:none;display:flex;position:fixed;inset:56px 0 0}.preset-list{gap:var(--g-space-2);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.preset{padding:var(--g-space-2) var(--g-space-3);border:1px solid var(--g-line);border-radius:var(--g-radius-m);text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.preset b{font-size:var(--g-text-s)}.preset span{font-size:var(--g-text-xs);color:var(--g-faint);font-variant-numeric:tabular-nums}.preset:hover{border-color:var(--g-line-strong)}.preset.is-on{border-color:var(--g-brand);background:var(--g-brand-tint)}.editor{grid-template-columns:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid;position:relative}.editor:not(.is-narrow)>.stage-col{grid-area:1/2}.editor:not(.is-narrow)>.dock{grid-area:1/3}.editor:not(.is-narrow)>.dock.is-left{grid-column:1}.stage-col{flex-direction:column;min-width:0;min-height:0;display:flex}.stage{flex:1;grid-area:auto;min-height:0}.stage-canvas,.overlay{display:block;position:absolute;inset:0}.stage-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.toolbar{z-index:6;margin:var(--g-space-3);max-height:calc(100% - 2 * var(--g-space-3));background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);box-shadow:var(--g-shadow-1);padding:var(--g-space-1);flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0;overflow:auto}.tabs{padding:var(--g-space-1) var(--g-space-2);border-bottom:1px solid var(--g-line);flex:none;gap:2px;display:flex}.tabs button{height:32px;padding:0 var(--g-space-2);border-radius:var(--g-radius-m);color:var(--g-muted);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.tabs button svg{width:18px;height:18px}.tabs button:hover{color:var(--g-text);background:var(--g-hover-tint)}.tabs button.is-on{color:var(--g-text);background:var(--g-bg)}.note-bar{align-items:center;gap:var(--g-space-2);padding:var(--g-space-2) var(--g-space-3);background:var(--g-surface);border-bottom:1px solid var(--g-line);font-size:var(--g-text-s);flex-wrap:wrap;display:flex}.note-bar.is-contents{background:var(--g-brand-tint)}.note-bar-text{flex:1;min-width:200px}a.btn{color:inherit;text-decoration:none}.crop-bar{align-items:center;gap:var(--g-space-3);padding:var(--g-space-2) var(--g-space-3);background:var(--g-surface);border-bottom:1px solid var(--g-line);flex-wrap:wrap;display:flex}.crop-bar .seg button{padding:0 var(--g-space-2);white-space:nowrap}.crop-straighten{flex:1;min-width:200px}.crop-actions{align-items:center;gap:var(--g-space-1);display:flex}.crop-outline{fill:none;stroke:var(--g-text);stroke-width:1.5px}.crop-third{stroke:var(--g-text);stroke-width:1px;opacity:.45}.handle.round.crop{fill:var(--g-surface);stroke:var(--g-text)}.split-line{stroke:var(--g-surface);stroke-width:2px}.split-hit{fill:#0000;cursor:ew-resize}.split-label{fill:var(--g-text);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);font-family:var(--g-font);paint-order:stroke;stroke:var(--g-surface);stroke-width:3px}.peek-tag{top:var(--g-space-3);padding:2px var(--g-space-3);border-radius:var(--g-radius-pill);background:var(--g-surface);border:1px solid var(--g-line);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.zoombar{box-shadow:var(--g-shadow-1);border-radius:var(--g-radius-l);padding:2px}.slider{grid-template-columns:minmax(0,1fr) auto;align-items:center;row-gap:2px;display:grid}.slider label{font-size:var(--g-text-s);color:var(--g-muted)}.slider.is-set label{color:var(--g-text)}.slider-value{min-width:44px;height:22px;padding:0 var(--g-space-1);border-radius:var(--g-radius-s);font-size:var(--g-text-s);font-variant-numeric:tabular-nums;text-align:right;color:var(--g-muted);background:0 0;border:0;justify-self:end}.slider-value:hover:not(:disabled){background:var(--g-hover-tint);color:var(--g-text)}.slider-value:disabled{cursor:default;opacity:1}.slider input[type=range]{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;grid-column:1/-1;width:100%;height:20px;margin:0}.slider input[type=range]::-webkit-slider-runnable-track{border-radius:var(--g-radius-pill);background:linear-gradient(90deg,var(--g-line-strong) var(--from),var(--g-brand) var(--from),var(--g-brand) var(--to),var(--g-line-strong) var(--to));height:4px}.slider input[type=range]::-moz-range-track{border-radius:var(--g-radius-pill);background:linear-gradient(90deg,var(--g-line-strong) var(--from),var(--g-brand) var(--from),var(--g-brand) var(--to),var(--g-line-strong) var(--to));height:4px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--g-surface);border:2px solid var(--g-brand);width:16px;height:16px;box-shadow:var(--g-shadow-1);border-radius:50%;margin-top:-6px}.slider input[type=range]::-moz-range-thumb{background:var(--g-surface);border:2px solid var(--g-brand);border-radius:50%;width:12px;height:12px}.slider input[type=range]:focus-visible{outline:none}.slider input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--g-focus);outline-offset:2px}.adjust-head{align-items:center;gap:2px;display:flex}.adjust-head .panel-title{flex:1}.histogram{border-radius:var(--g-radius-m);background:var(--g-bg);border:1px solid var(--g-line);width:100%;height:84px;display:block}.histogram .hist-l{fill:var(--g-muted);opacity:.5}.histogram .hist-r{fill:var(--g-danger);opacity:.3;mix-blend-mode:normal}.histogram .hist-g{fill:var(--g-success);opacity:.3}.histogram .hist-b{fill:var(--g-info);opacity:.3}.curves{aspect-ratio:1;border-radius:var(--g-radius-m);background:var(--g-bg);border:1px solid var(--g-line);touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.curves .curve-grid{stroke:var(--g-line);stroke-width:1px;fill:none}.curves .curve-grid.diag{stroke:var(--g-line-strong);stroke-dasharray:3 3}.curves .hist-l.faint{fill:var(--g-muted);opacity:.18}.curves .curve-line{fill:none;stroke:var(--g-text);stroke-width:2px}.curves.ch-r .curve-line{stroke:var(--g-danger)}.curves.ch-g .curve-line{stroke:var(--g-success)}.curves.ch-b .curve-line{stroke:var(--g-info)}.curves .curve-point{fill:var(--g-surface);stroke:var(--g-text);stroke-width:1.5px;cursor:grab}.curves .curve-point.is-on{fill:var(--g-brand);stroke:var(--g-brand)}.levels-hist{border-radius:var(--g-radius-m);background:var(--g-bg);border:1px solid var(--g-line);height:64px;position:relative;overflow:hidden}.levels-hist .histogram{border:0;border-radius:0;height:100%}.levels-mark{background:var(--g-text);opacity:.6;width:2px;height:100%;margin-left:-1px;position:absolute;bottom:0}.levels-mark.is-white{background:var(--g-muted)}.add-row{gap:var(--g-space-2);flex-wrap:wrap;display:flex}.look-grid{gap:var(--g-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.look{gap:var(--g-space-1);text-align:left;background:0 0;border:0;flex-direction:column;min-width:0;padding:0;display:flex}.look-thumb{aspect-ratio:1;border-radius:var(--g-radius-m);background-clip:padding-box;border:2px solid #0000;display:block;overflow:hidden}.look-thumb img{object-fit:cover;width:100%;height:100%;display:block}.look-thumb .g-skeleton{width:100%;height:100%}.look-name{font-size:var(--g-text-xs);color:var(--g-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.look:hover .look-thumb{border-color:var(--g-line-strong)}.look.is-on .look-thumb{border-color:var(--g-brand)}.look.is-on .look-name{color:var(--g-brand-link);font-weight:var(--g-weight-strong)}.looks.is-strip .look-grid{padding-bottom:var(--g-space-1);display:flex;overflow-x:auto}.looks.is-strip .look{flex:0 0 72px}.layer-blend{gap:var(--g-space-2);padding-bottom:var(--g-space-2);border-bottom:1px solid var(--g-line);flex-direction:column;display:flex}.layer-actions{padding-top:var(--g-space-2);border-top:1px solid var(--g-line);align-items:center;gap:2px;display:flex}.add-menu{margin-right:auto;position:relative}.history-list{margin:0 calc(var(--g-space-2) * -1);padding:0;list-style:none}.history-row{align-items:center;gap:var(--g-space-2);width:100%;height:var(--g-control-m);padding:0 var(--g-space-2);border-radius:var(--g-radius-m);font-size:var(--g-text-s);text-align:left;color:var(--g-text);background:0 0;border:0;display:flex}.history-row svg{width:16px;height:16px;color:var(--g-faint)}.history-row:hover{background:var(--g-hover-tint)}.history-row.is-now{background:var(--g-brand-tint);color:var(--g-brand-link);font-weight:var(--g-weight-strong)}.history-row.is-now svg{color:var(--g-brand-link)}.history-row.is-future{color:var(--g-faint)}.size-list{gap:var(--g-space-2);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}.size-opt{column-gap:var(--g-space-2);padding:var(--g-space-2);border:1px solid var(--g-line);border-radius:var(--g-radius-m);cursor:pointer;grid-template-columns:auto 1fr;align-items:center;display:grid}.size-opt input{accent-color:var(--g-brand-fill);grid-row:1/3;margin:0}.size-opt b{font-size:var(--g-text-s)}.size-opt span{font-size:var(--g-text-xs);color:var(--g-faint);font-variant-numeric:tabular-nums}.size-opt.is-on{border-color:var(--g-brand);background:var(--g-brand-tint)}.shortcuts{margin:0}.shortcuts div{gap:var(--g-space-3);padding:var(--g-space-2) 0;border-top:1px solid var(--g-line);font-size:var(--g-text-s);grid-template-columns:44% 1fr;display:grid}.shortcuts dt{color:var(--g-muted)}.shortcuts dd{margin:0}.help-drawer{gap:var(--g-space-3);flex-direction:column;display:flex;overflow:auto}.editor.is-narrow{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.sheet{background:var(--g-surface);border-top:1px solid var(--g-line);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.sheet-body{border-bottom:1px solid var(--g-line);max-height:42vh;overflow:auto}.sheet .toolbar{max-height:none;box-shadow:none;border:0;border-bottom:1px solid var(--g-line);padding:var(--g-space-1) var(--g-space-2);border-right:0;border-bottom:1px solid var(--g-line);border-radius:0;flex-direction:row;justify-content:center;gap:0;margin:0;position:static;overflow-x:auto}.sheet .tool-btn{width:40px;height:var(--g-control-xl);flex:none}.tool-sep{background:var(--g-line);width:24px;height:1px;margin:var(--g-space-1) 0;flex:none}.sheet .tool-sep{width:1px;height:24px;margin:0 var(--g-space-1);align-self:center}.sheet-tabs{display:flex}.sheet-tabs button{color:var(--g-muted);font-size:var(--g-text-xs);font-weight:var(--g-weight-strong);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;display:flex}.sheet-tabs button.is-on{color:var(--g-brand-link)}.is-narrow .crop-bar{gap:var(--g-space-2)}.is-narrow .crop-bar .seg{max-width:100%;overflow-x:auto}.is-narrow .zoombar{bottom:var(--g-space-2);right:var(--g-space-2)}.is-narrow .toast-area{bottom:var(--g-space-4)}@media (width<=760px){.hide-s{display:none!important}.topbar{gap:var(--g-space-2);padding:0 var(--g-space-2)}.app-title{font-size:var(--g-text-l)}.topbar .icon-btn{width:40px;height:40px}.top-actions{gap:0}.name{flex:1;width:auto;min-width:60px}.home{padding:var(--g-space-6) var(--g-space-4)}.home-actions{flex-wrap:wrap}.file-grid{gap:var(--g-space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.file-tools{opacity:1}.file-star{top:auto;left:auto;right:var(--g-space-2);bottom:var(--g-space-2)}.file-card .file-name,.file-card .file-meta{padding-right:calc(var(--g-control-s) + var(--g-space-3))}.help-drawer{width:100%}}@media (pointer:coarse){.icon-btn,.tool-btn{width:var(--g-control-xl);height:var(--g-control-xl)}.mini-btn{width:36px;height:36px}.btn{height:var(--g-control-xl)}.slider input[type=range]{height:32px}.slider input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px}.layer-row,.history-row{height:var(--g-control-xl)}.seg button{height:36px}}@media (width<=820px){.rail-folder{align-items:center;display:flex}.rail-actions{background:0 0;display:flex;position:static;transform:none}.rail-folder .rail-count{visibility:visible!important}}.anchor-grid{grid-template-columns:repeat(3,var(--g-control-s));gap:var(--g-space-1);display:grid}.anchor-grid button{height:var(--g-control-s);border:1px solid var(--g-control-border);border-radius:var(--g-radius-s);background:var(--g-surface);padding:0}.anchor-grid button:hover{background:var(--g-hover-tint)}.anchor-grid button.is-on{background:var(--g-brand);border-color:var(--g-brand)}@media (pointer:coarse){.anchor-grid{grid-template-columns:repeat(3,var(--g-control-l))}.anchor-grid button{height:var(--g-control-l)}}.live-canvas{pointer-events:none;position:absolute;inset:0}.ants path{fill:none;stroke:#fff;stroke-width:1px}.ants .ants-dash{stroke:#000;stroke-dasharray:4 4;animation:.6s linear infinite ants}@keyframes ants{to{stroke-dashoffset:-8px}}@media (prefers-reduced-motion:reduce){.ants .ants-dash{animation:none}}.clone-source circle,.clone-source path,.brush-ring{fill:none;stroke:#fff;stroke-width:1px;filter:drop-shadow(0 0 1px #000000e6)}.tool-bar .tool-slider{width:150px}.tool-bar .tool-color{width:180px}.tool-where{align-items:center;gap:var(--g-space-1);font-size:var(--g-text-s);color:var(--g-muted);white-space:nowrap;text-overflow:ellipsis;max-width:260px;display:inline-flex;overflow:hidden}.tool-bar .seg button{align-items:center;gap:var(--g-space-1);display:inline-flex}.tool-hint{font-size:var(--g-text-s);color:var(--g-muted);white-space:nowrap}.tool-sep-v{background:var(--g-line);width:1px;margin:0 var(--g-space-1);align-self:stretch}.is-narrow .tool-bar .tool-slider{width:calc(50% - var(--g-space-2))}.is-narrow .tool-where{flex-basis:100%;max-width:100%}.is-narrow .tool-bar .crop-actions{flex-wrap:nowrap;max-width:100%;overflow-x:auto}.mask-chip{color:var(--g-muted)}.mask-chip.is-on{color:var(--g-brand-link);background:var(--g-brand-tint)}.mask-chip.is-off{opacity:.5}.sheet .toolbar{justify-content:flex-start}.sheet .toolbar>:first-child{margin-left:auto}.sheet .toolbar>:last-child{margin-right:auto}.info-list{gap:var(--g-space-1);font-size:var(--g-text-s);flex-direction:column;margin:0;display:flex}.info-list>div{gap:var(--g-space-2);grid-template-columns:72px 1fr;display:grid}.info-list dt{color:var(--g-muted)}.info-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.info-list a{color:var(--g-brand-link);align-items:center;gap:2px;display:inline-flex}.app.is-signin{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sign-root{height:100%;padding:var(--g-space-6);background:var(--g-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:auto}.sign-dots,.sign-glow{pointer-events:none;position:absolute;inset:0}.sign-dots{background-image:radial-gradient(circle,var(--g-info) 1.2px,transparent 1.2px);opacity:.4;background-size:28px 28px}.sign-glow{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--g-brand) 42%,transparent) 0%,color-mix(in srgb,var(--g-info) 36%,transparent) 22%,color-mix(in srgb,var(--g-info) 10%,transparent) 42%,transparent 62%);opacity:.8}:root[data-admin-theme=light] .sign-glow{opacity:.55}:root[data-admin-theme=light] .sign-dots{opacity:.22}@media (prefers-color-scheme:light){:root:not([data-admin-theme=dark]) .sign-glow{opacity:.55}:root:not([data-admin-theme=dark]) .sign-dots{opacity:.22}}.sign-suite{isolation:isolate;align-items:center;gap:var(--g-space-1);margin:0 calc(var(--g-space-6) * -1) var(--g-space-4);padding:var(--g-space-4) var(--g-space-6);text-align:center;flex-direction:column;display:flex;position:relative}.sign-suite:before{content:"";inset:calc(var(--g-space-4) * -1) calc(var(--g-space-8) * -1);z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--g-bg) 45%,transparent) 35%,transparent);pointer-events:none;position:absolute}.sign-suite-name{font-size:var(--g-text-s);line-height:var(--g-lh-s);font-weight:var(--g-weight-strong);color:var(--g-muted)}.sign-suite-line{font-size:var(--g-text-2xl);line-height:var(--g-lh-2xl);font-weight:var(--g-weight-title);color:var(--g-text);margin:0}.sign-wrap{z-index:1;width:100%;max-width:380px;margin:auto;position:relative}.sign-card{gap:var(--g-space-4);padding:var(--g-space-8);border:1px solid var(--g-line);border-radius:var(--g-radius-l);background:var(--g-surface);box-shadow:var(--g-shadow-2);flex-direction:column;display:flex}.sign-brand{align-items:center;gap:var(--g-space-2);font-weight:var(--g-weight-title);color:var(--g-muted);display:flex}.sign-card h1{font-size:var(--g-text-3xl);line-height:var(--g-lh-3xl);font-weight:var(--g-weight-title);margin:0}.sign-field{gap:var(--g-space-1);font-size:var(--g-text-s);color:var(--g-muted);flex-direction:column;display:flex}.sign-field input{height:var(--g-control-xl);width:100%;padding:0 var(--g-space-3);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);background:var(--g-bg);color:var(--g-text);font-size:var(--g-text-m)}.sign-pw{display:block;position:relative}.sign-pw input{padding-right:44px}.sign-pw .icon-btn{top:50%;right:var(--g-space-1);position:absolute;transform:translateY(-50%)}.sign-hint{margin-top:calc(var(--g-space-2) * -1);font-size:var(--g-text-s);color:var(--g-faint)}.sign-text{color:var(--g-muted)}.sign-note{font-size:var(--g-text-s);color:var(--g-faint)}.sign-error{color:var(--g-danger);font-size:var(--g-text-s)}.sign-primary{height:var(--g-control-xl);font-size:var(--g-text-m);justify-content:center}.sign-links{justify-content:space-between;gap:var(--g-space-3);flex-wrap:wrap;display:flex}.sign-foot{align-items:center;gap:var(--g-space-1) var(--g-space-2);font-size:var(--g-text-s);color:var(--g-muted);flex-wrap:wrap;display:flex}.link-btn{color:var(--g-brand-link);font-size:var(--g-text-s);text-align:left;background:0 0;border:0;padding:0}.link-btn:hover{text-decoration:underline}.link-btn.muted{color:var(--g-muted);align-self:flex-start}@media (width<=480px){.sign-card{padding:var(--g-space-6)}}.avatar{border-radius:var(--g-radius-pill);object-fit:cover;flex:none;place-items:center;display:inline-grid}.avatar.is-initials{color:var(--g-brand-contrast);font-weight:var(--g-weight-title);line-height:1}.account>.icon-btn{padding:0}.crumb-page{font-weight:var(--g-weight-strong)}.account-page{padding:var(--g-space-6);grid-area:main;overflow:auto}.account-wrap{gap:var(--g-space-5);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.account-head{align-items:center;gap:var(--g-space-4);display:flex}.account-head h1{font-size:var(--g-text-2xl);line-height:var(--g-lh-2xl);font-weight:var(--g-weight-title);margin:0}.account-head p{color:var(--g-muted);margin:0}.account-note{font-size:var(--g-text-s);color:var(--g-faint);margin:0}.account-sec{border:1px solid var(--g-line);border-radius:var(--g-radius-l);background:var(--g-surface)}.account-sec h2{padding:var(--g-space-3) var(--g-space-4);border-bottom:1px solid var(--g-line);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);text-transform:uppercase;letter-spacing:.04em;color:var(--g-muted);margin:0}.account-row{padding:var(--g-space-3) var(--g-space-4);gap:var(--g-space-3);flex-direction:column;display:flex}.account-row+.account-row{border-top:1px solid var(--g-line)}.account-row-main{justify-content:space-between;align-items:center;gap:var(--g-space-4);display:flex}.account-text{flex-direction:column;min-width:0;display:flex}.account-text span{font-size:var(--g-text-s);color:var(--g-muted)}.account-ctl{align-items:center;gap:var(--g-space-3);flex:none;max-width:60%;display:flex}.account-value{color:var(--g-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-inline{gap:var(--g-space-2);display:flex}.account-inline input,.account-field input{height:var(--g-control-m);padding:0 var(--g-space-3);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);background:var(--g-bg);color:var(--g-text);font-size:var(--g-text-m)}.account-form{gap:var(--g-space-3);flex-direction:column;max-width:360px;display:flex}.account-field{gap:var(--g-space-1);font-size:var(--g-text-s);color:var(--g-muted);flex-direction:column;display:flex}.account-msg{font-size:var(--g-text-s);color:var(--g-success);margin:0}.account-msg.bad{color:var(--g-danger)}@media (width<=640px){.account-page{padding:var(--g-space-4)}.account-row-main{flex-wrap:wrap}.account-ctl{max-width:100%}}.dock{background:var(--g-surface);border-left:1px solid var(--g-line);min-height:0;display:flex}.dock.is-left{border-left:0;border-right:1px solid var(--g-line)}.dock.is-left .dock-col-head{justify-content:flex-start}.dock.is-left .dock-col.is-icons .dock-col-head{justify-content:center}.dock.is-left .dock-width{left:auto;right:-4px}.dock.is-left .dock-flyout{border-right:1px solid var(--g-line);border-left:0;left:100%;right:auto}.dock.is-empty{z-index:9;border:0;width:0;position:relative;overflow:visible}.dock.is-empty .dock-edge{position:absolute;top:0;bottom:0}.dock.is-left.is-empty .dock-edge{left:0}.dock.is-right.is-empty .dock-edge{right:0}.dock.is-left.is-empty .dock-edge.is-live:after{inset:0 -40px 0 0}.dock.is-right.is-empty .dock-edge.is-live:after{inset:0 0 0 -40px}.dock.is-left.is-empty .dock-edge.is-target:before{left:0}.dock.is-right.is-empty .dock-edge.is-target:before{left:-4px}.dock-col{flex-direction:column;flex:none;width:300px;min-height:0;display:flex;position:relative}.dock-col-head{height:20px;padding:0 var(--g-space-1);border-bottom:1px solid var(--g-line);flex:none;justify-content:flex-end;align-items:center;display:flex}.dock-col-head .mini-btn{width:20px;height:18px}.dock-col-head .mini-btn svg{width:16px;height:16px}.dock-col.is-icons{align-items:stretch;width:44px}.dock-col.is-icons .dock-col-head{justify-content:center}.dock-icons{padding:var(--g-space-1) 0;border-bottom:1px solid var(--g-line);flex-direction:column;align-items:center;gap:2px;display:flex}.dock-icon{border-radius:var(--g-radius-m);width:32px;height:32px;color:var(--g-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.dock-icon svg{width:20px;height:20px}.dock-icon:hover{color:var(--g-text);background:var(--g-hover-tint)}.dock-icon.is-on{color:var(--g-brand);background:var(--g-brand-tint)}.dock-flyout{z-index:15;background:var(--g-surface);border:1px solid var(--g-line);box-shadow:var(--g-shadow-2);border-right:0;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:100%}.dock-flyout .dock-tab{cursor:default}.dock-width{cursor:col-resize;z-index:3;width:8px;position:absolute;top:0;bottom:0;left:-4px}.dock-width:hover,.dock-width:focus-visible,.dock-width.is-on{background:linear-gradient(90deg,transparent 3px,var(--g-brand) 3px,var(--g-brand) 5px,transparent 5px);outline:none}body.is-col-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.dock-col+.dock-edge+.dock-col{border-left:1px solid var(--g-line)}.dock-edge{flex:none;width:0;position:relative}.dock-edge.is-live:after{content:"";z-index:3;position:absolute;inset:0 -8px}.dock-edge.is-target:before{content:"";background:var(--g-brand);z-index:4;width:4px;position:absolute;top:0;bottom:0;left:-2px}.dock-group{border-bottom:1px solid var(--g-line);flex-direction:column;flex:1 1 0;min-height:0;display:flex;position:relative}.dock-group:last-child{border-bottom:0}.dock-group.is-collapsed{flex:none}.dock-group.drop-above:before,.dock-group.drop-below:after{content:"";background:var(--g-brand);z-index:4;height:4px;position:absolute;left:0;right:0}.dock-group.drop-above:before{top:-2px}.dock-group.drop-below:after{bottom:-2px}.dock-group.drop-tabs>.dock-tabs{box-shadow:inset 0 0 0 2px var(--g-brand)}.dock-tabs{height:var(--g-control-l);padding:0 var(--g-space-1) 0 var(--g-space-2);border-bottom:1px solid var(--g-line);flex:none;align-items:center;gap:2px;display:flex}.dock-group.is-collapsed .dock-tabs{border-bottom:0}.dock-tabs-fill{flex:1;align-self:stretch}.dock-tab{height:28px;padding:0 var(--g-space-2);border-radius:var(--g-radius-m);color:var(--g-muted);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);white-space:nowrap;cursor:grab;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.dock-tab svg{flex:none;width:18px;height:18px}.dock-tabs.is-tight .dock-tab:not(.is-on){gap:0}.dock-tabs.is-tight .dock-tab:not(.is-on) .dock-tab-label{width:0;overflow:hidden}.dock-tab:hover{color:var(--g-text);background:var(--g-hover-tint)}.dock-tab.is-on{color:var(--g-text);background:var(--g-bg)}.dock-body{flex:1;min-height:0;overflow:auto}.dock-resizer{cursor:row-resize;z-index:2;height:8px;position:absolute;bottom:-4px;left:0;right:0}.dock-resizer:hover{background:linear-gradient(transparent 3px,var(--g-brand) 3px,var(--g-brand) 5px,transparent 5px)}.dock-menu-wrap{position:relative}.dock-menu{z-index:20;background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);min-width:220px;box-shadow:var(--g-shadow-2);padding:var(--g-space-1);flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);right:0}.dock-menu button{align-items:center;gap:var(--g-space-2);height:var(--g-control-m);padding:0 var(--g-space-2);border-radius:var(--g-radius-m);font-size:var(--g-text-s);text-align:left;background:0 0;border:0;display:flex}.dock-menu button:hover{background:var(--g-hover-tint)}.dock-menu button svg{color:var(--g-muted);width:18px;height:18px}.dock-menu hr{border:0;border-top:1px solid var(--g-line);margin:var(--g-space-1) 0}.dock-menu-label{font-size:var(--g-text-xs);color:var(--g-faint);padding:var(--g-space-1) var(--g-space-2)}.contrast-check{align-items:center;gap:var(--g-space-2);margin-top:var(--g-space-2);flex-wrap:wrap;display:flex}.contrast-check .hint{flex:180px;margin:0}.rail-trash{margin-top:var(--g-space-3)}.trash-list{gap:var(--g-space-2);margin:0;padding:0;list-style:none;display:grid}.trash-row{align-items:center;gap:var(--g-space-3);padding:var(--g-space-2) var(--g-space-3);background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);display:flex}.trash-row .file-thumb{border-radius:var(--g-radius-m);flex:0 0 96px;width:96px;margin:0}.trash-info{flex:1;gap:2px;min-width:0;display:grid}@media (width<=640px){.trash-row{flex-wrap:wrap}.trash-info{flex-basis:calc(100% - 120px)}}.symbol-form{gap:var(--g-space-3);flex-direction:column;display:flex}.symbol-form a{color:var(--g-brand-link)}.symbol-grid{gap:var(--g-space-1);max-height:264px;padding:var(--g-space-1);border:1px solid var(--g-line);border-radius:var(--g-radius-m);background:var(--g-bg);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));display:grid;overflow:auto}.symbol-grid.is-loading{height:120px}.symbol-grid button{align-items:center;gap:var(--g-space-1);min-width:0;padding:var(--g-space-2) var(--g-space-1);border-radius:var(--g-radius-s);color:var(--g-text);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;display:flex}.symbol-grid button:hover{background:var(--g-hover-tint)}.symbol-grid button.is-on{border-color:var(--g-brand);background:var(--g-hover-tint)}.symbol-grid button:focus-visible{outline:2px solid var(--g-focus);outline-offset:1px}.symbol-grid-glyph{font-feature-settings:"liga";white-space:nowrap;width:24px;height:24px;font-size:24px;line-height:1;overflow:hidden}.symbol-grid-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--g-text-xs);color:var(--g-muted);overflow:hidden}.your-looks .look-grid{margin-top:var(--g-space-2)}.look-from{gap:var(--g-space-1) var(--g-space-2);padding:var(--g-space-2);margin-bottom:var(--g-space-2);border:1px solid var(--g-line);border-radius:var(--g-radius-m);font-size:var(--g-text-s);line-height:var(--g-lh-s);grid-template-columns:18px 1fr;align-items:start;display:grid}.look-from>svg{width:18px;height:18px;color:var(--g-muted)}.look-from p{margin:0}.look-from .btn-row{grid-column:2}.look-from.is-newer{border-color:var(--g-warning);background:var(--g-warning-tint)}.look-from.is-newer>svg{color:var(--g-warning)}.brand-kit-chips{gap:var(--g-space-2);flex-wrap:wrap;display:flex}.brand-kit-chips .chip{height:var(--g-control-s);padding:0 var(--g-space-3);border:1px solid var(--g-line-strong);border-radius:var(--g-radius-pill);color:var(--g-text);font-size:var(--g-text-s);background:0 0;align-items:center;gap:6px;display:inline-flex}.brand-kit-chips .chip:hover{background:var(--g-hover-tint)}.brand-kit-chips .chip.is-on{border-color:var(--g-brand)}.brand-kit-chips .chip svg{color:var(--g-muted)}.topbar .brand{container:topbar-brand/inline-size}.topbar .top-actions{flex-shrink:0}.topbar .app-title{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}@container topbar-brand (width<=140px){.app-title{display:none}}@media (width<=760px){.topbar .save-state{gap:0;font-size:0}}.gcrop{box-sizing:border-box;width:min(360px,100vw - 32px);padding:var(--g-space-6,24px);border:1px solid var(--g-line,#d1d5db);border-radius:var(--g-radius-l,12px);background:var(--g-surface,#fff);color:var(--g-text,#1f2937);box-shadow:var(--g-shadow-2,0 12px 32px #1418232e);font-family:var(--g-font,Inter, Arial, sans-serif)}.gcrop::backdrop{background:color-mix(in srgb, var(--g-bg,#f4f5f7) 80%, transparent)}.gcrop-head{justify-content:space-between;align-items:center;gap:var(--g-space-3,12px);display:flex}.gcrop-head h2{font-size:var(--g-text-xl,18px);line-height:var(--g-lh-xl,26px);font-weight:var(--g-weight-title,700);margin:0}.gcrop-hint{margin:var(--g-space-2,8px) 0 var(--g-space-4,16px);font-size:var(--g-text-s,12px);line-height:var(--g-lh-s,16px);color:var(--g-muted,#6b7280)}.gcrop-stage{aspect-ratio:1;border-radius:var(--g-radius-m,8px);cursor:grab;touch-action:none;background:#0a0c11;width:100%;max-width:280px;margin:0 auto;display:block}.gcrop-stage:active{cursor:grabbing}.gcrop-zoom{align-items:center;gap:var(--g-space-2,8px);margin-top:var(--g-space-4,16px);display:flex}.gcrop-zoom input{accent-color:var(--g-brand-fill,#d63a0c);flex:1}.gcrop-zoom button,.gcrop-x{width:var(--g-control-m,32px);height:var(--g-control-m,32px);border-radius:var(--g-radius-m,8px);color:var(--g-muted,#6b7280);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.gcrop-zoom button:hover,.gcrop-x:hover{background:var(--g-hover-tint,#eef0f4);color:var(--g-text,#1f2937)}.gcrop-actions{justify-content:flex-end;gap:var(--g-space-2,8px);margin-top:var(--g-space-6,24px);display:flex}.gcrop-btn{height:var(--g-control-m,32px);padding:0 var(--g-space-3,12px);border:1px solid var(--g-control-border,#8b909a);border-radius:var(--g-btn-radius,8px);background:var(--g-surface,#fff);color:var(--g-text,#1f2937);font:inherit;font-size:var(--g-text-s,12px);font-weight:var(--g-weight-strong,600);cursor:pointer}.gcrop-btn:hover{background:var(--g-hover-tint,#eef0f4)}.gcrop-btn.gcrop-primary{background:var(--g-brand-fill,#d63a0c);color:var(--g-brand-contrast,#fff);border-color:#0000}.gcrop-btn.gcrop-primary:hover{background:var(--g-brand-hover,#b8320a)}.gcrop :focus-visible{outline:2px solid var(--g-focus,#1f2937);outline-offset:2px}