: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,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}h3,h4,h2,p,ol{margin:0}.app{grid-template-columns:var(--lw,272px) minmax(0,1fr) var(--rw,300px);grid-template-rows:56px minmax(0,1fr) var(--th,340px);grid-template-areas:"top top top""lib stage insp""lib tl insp";gap:0;height:100%;padding:0;display:grid}.topbar{justify-content:space-between;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;margin:0;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}.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{justify-content:flex-end;gap:var(--g-space-2);flex:none;align-items:center;display:flex}.panel{background:var(--g-surface);padding:var(--g-space-3);gap:var(--g-space-3);border:0;border-radius:0;flex-direction:column;min-height:0;display:flex;overflow:hidden}.library{border-right:1px solid var(--g-line);grid-area:lib}.inspector{border-left:1px solid var(--g-line);grid-area:insp}.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{color:var(--g-muted);border-radius:var(--g-radius-pill);font-size:var(--g-text-s);line-height:var(--g-lh-s);font-weight:var(--g-weight-strong);white-space:nowrap;background:0 0;border:0;flex:1;padding:4px 10px}.seg button:hover{color:var(--g-text)}.seg button.is-on{background:var(--g-surface-2);color:var(--g-text)}.modes{flex:none}.modes button{padding:6px 14px}.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}.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)}.btn.danger{color:var(--g-danger);border-color:var(--g-danger)}.btn.ghost{color:var(--g-muted);border-style:dashed}.btn.wide{width:100%}.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{background:var(--g-hover-tint);color:var(--g-text)}.field,.row-field select,.row-field input[type=number]{background:var(--g-bg);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);width:100%;font-size:var(--g-text-s);padding:6px 10px}textarea.field{resize:vertical;line-height:1.5}.search{height:var(--g-control-m)}.lib-scroll{margin:0 calc(var(--g-space-1) * -1);padding:0 var(--g-space-1);flex:1;overflow:auto}.group{font-size:var(--g-text-s);font-weight:var(--g-weight-strong);color:var(--g-muted);margin:var(--g-space-3) 0 var(--g-space-2);justify-content:space-between;display:flex}.group span{color:var(--g-faint);font-weight:var(--g-weight-regular)}.grid{gap:var(--g-space-2);grid-template-columns:1fr 1fr;display:grid}.card{text-align:left;border-radius:var(--g-radius-m);background:0 0;border:0;flex-direction:column;gap:2px;padding:0;display:flex;position:relative}.card:hover .thumb{border-color:var(--g-line-strong)}.thumb{border-radius:var(--g-radius-m);background:var(--g-bg);border:1px solid var(--g-line);perspective:300px;height:72px;margin-bottom:4px;display:block;position:relative;overflow:hidden}.thumb-a,.thumb-b{background:var(--g-surface-2);border:1px solid var(--g-line-strong);border-radius:6px;width:26px;height:44px;margin:-22px 0 0 -13px;position:absolute;top:50%;left:50%}.thumb-b{background:var(--g-brand-tint);border-color:var(--g-brand)}.thumb-b.is-ripple{opacity:0;background:var(--g-info-tint);border-color:var(--g-info);border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px}.thumb.look{place-items:center;display:grid}.thumb.look span{border-radius:6px;width:24px;height:42px}.tier{border-radius:var(--g-radius-s);background:var(--g-badge-neutral-bg);color:var(--g-badge-neutral-text);font-size:var(--g-text-xs);line-height:var(--g-lh-xs);font-weight:var(--g-weight-strong);padding:0 6px;position:absolute;top:6px;right:6px}.card-name{font-size:var(--g-text-s);font-weight:var(--g-weight-strong)}.card-meta{color:var(--g-faint);font-size:var(--g-text-xs);justify-content:space-between;display:flex}.hint{font-size:var(--g-text-s);color:var(--g-faint);line-height:1.5}.hint.warn{color:var(--g-warning)}.overline{font-size:var(--g-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--g-faint)}.stage{min-width:0;min-height:0;padding:var(--g-space-2) var(--g-space-3) 0;flex-direction:column;grid-area:stage;display:flex;position:relative}.stage-head{align-items:center;gap:var(--g-space-3);font-size:var(--g-text-s);color:var(--g-muted);min-height:calc(var(--g-control-m) + 8px);grid-template-columns:auto minmax(0,1fr) auto;padding:0 2px 8px;display:grid}.stage-label b{color:var(--g-brand-link);font-weight:var(--g-weight-strong);margin-right:4px}.stage-box{flex:1;place-items:center;min-height:0;padding-bottom:56px;display:grid;position:relative;overflow:hidden}.art-size{box-shadow:0 0 0 1px var(--g-line);border-radius:2px;position:absolute;overflow:hidden}.artboard{transform-origin:0 0;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;top:0;left:0;overflow:hidden}.artboard.tool-text,.artboard.tool-zoom{cursor:crosshair}.art-bg,.art-cam{position:absolute;inset:0}.art-persp{perspective:2600px;position:absolute;inset:0}.art-frame{transform-style:preserve-3d;will-change:transform;position:absolute}.device{position:absolute;inset:0}.screen{perspective:1200px;background:#fff;position:absolute;overflow:hidden}.layer{will-change:transform,opacity;position:absolute;inset:0}.layer img{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:100%;display:block}.layer-stack img.is-sel{outline:calc(2px * var(--inv,1)) solid var(--g-brand);outline-offset:calc(1px * var(--inv,1))}.ripple{pointer-events:none;background:#5b7cff38;border:3px solid #5b7cff;border-radius:50%;position:absolute}.island{pointer-events:none;background:#000;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.art-text{white-space:pre-wrap;letter-spacing:-.02em;cursor:move;line-height:1.08;font-family:var(--g-font);position:absolute}.art-text.is-sel{outline-offset:8px;outline:2px dashed #5b7cff}.zoom-box{pointer-events:none;background:#ffc24b29;border:3px solid #ffc24b;position:absolute}.stage-box{touch-action:none}.stage-box.is-hand,.stage-box.is-hand .artboard{cursor:grab}.stage-box.is-panning,.stage-box.is-panning .artboard{cursor:grabbing}.zoombar{background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);align-items:center;gap:2px;padding:4px;display:flex;position:absolute;right:0;transform:translateY(-50%)}.zoombar .icon-btn{width:32px;height:32px}.zoombar .icon-btn:hover{background:var(--g-hover-tint);color:var(--g-text)}.zoombar .icon-btn[aria-pressed=true]{color:var(--g-brand-link)}.zoom-value{border-radius:var(--g-radius-m);min-width:52px;height:32px;font-size:var(--g-text-s);font-variant-numeric:tabular-nums;color:var(--g-text);background:0 0;border:0}.zoom-value:hover{background:var(--g-hover-tint)}@container (width<=600px){.zoombar [aria-label=Zoom\ out],.zoombar [aria-label=Zoom\ in]{display:none}}@container (width<=400px){.zoombar{display:none}}.toolbar{background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);gap:2px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.tool-btn{border-radius:var(--g-radius-m);width:36px;height:32px;color:var(--g-muted);background:0 0;border:0;place-items:center;display:grid}.tool-btn:hover{background:var(--g-hover-tint);color:var(--g-text)}.tool-btn.is-on{background:var(--g-brand-tint);color:var(--g-brand-link)}.insp-scroll{margin:0 calc(var(--g-space-1) * -1);padding:0 var(--g-space-1);flex:1;overflow:auto}.props{flex-direction:column;display:flex}.props section{gap:var(--g-space-3);padding:var(--g-space-3) 0;border-top:1px solid var(--g-line);flex-direction:column;display:flex}.props section:first-child{border-top:0}.props h4{font-size:var(--g-text-s);font-weight:var(--g-weight-strong);justify-content:space-between;display:flex}.props h4 span{font-weight:var(--g-weight-regular);color:var(--g-faint)}.selected{background:var(--g-hover-tint);margin:0 calc(var(--g-space-2) * -1);border-radius:var(--g-radius-m);padding:var(--g-space-3) var(--g-space-2)!important;border:1px solid var(--g-line)!important;margin-bottom:var(--g-space-2)!important}.swatches{flex-wrap:wrap;gap:6px;display:flex}.sw{border-radius:var(--g-radius-m);border:1px solid var(--g-control-border);width:28px;height:28px;padding:0}.sw.round{border-radius:50%}.sw.wide{width:56px}.sw.is-on{outline:2px solid var(--g-brand);outline-offset:2px}.slider{align-items:center;gap:var(--g-space-2);font-size:var(--g-text-s);grid-template-columns:76px 1fr 44px;display:grid}.slider span{color:var(--g-muted)}.slider output{text-align:right;font-variant-numeric:tabular-nums;color:var(--g-muted);white-space:nowrap}.slider input{accent-color:var(--g-brand-fill);width:100%}.row-field{align-items:center;gap:var(--g-space-2);font-size:var(--g-text-s);color:var(--g-muted);grid-template-columns:76px 1fr;display:grid}.row-field.stack{grid-template-columns:1fr}.row-field select{padding:5px 8px}.layer-list{flex-direction:column;gap:2px;display:flex}.layer-list .overline{margin-bottom:var(--g-space-1)}.layer-row{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);color:var(--g-text);font-size:var(--g-text-s);text-align:left;background:0 0;border:0;display:flex}.layer-row:hover{background:var(--g-hover-tint)}.layer-row svg{color:var(--g-muted);flex:none}.layer-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer-row .key-glyph{color:var(--g-brand-link)}.key-glyph{transform:rotate(45deg)scale(.62)}.layer-name{font-size:var(--g-text-m);font-weight:var(--g-weight-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.key-head{font-size:var(--g-text-s);color:var(--g-muted);justify-content:space-between;align-items:center;display:flex}.key-nav{gap:2px;display:flex}.key-row{align-items:center;gap:var(--g-space-2);font-size:var(--g-text-s);color:var(--g-muted);grid-template-columns:76px 1fr auto;display:grid}.key-input{display:block;position:relative}.key-input .field{padding-right:28px}.key-input .unit{color:var(--g-faint);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.key-toggle{color:var(--g-faint)}.key-toggle.is-animated{color:var(--g-muted)}.key-dot{width:24px;height:24px;color:var(--g-faint);cursor:ew-resize;z-index:2;background:0 0;border:0;place-items:center;margin:-12px 0 0 -12px;padding:0;display:grid;position:absolute;top:50%}.key-dot.is-mine{color:var(--g-brand-link)}.key-dot.is-on,.key-dot:hover{color:var(--g-brand)}.curve{gap:var(--g-space-2);flex-direction:column;display:flex}.curve-graph{background:var(--g-bg);border:1px solid var(--g-line);border-radius:var(--g-radius-m);touch-action:none;width:100%;height:auto;display:block;overflow:hidden}.curve-box{fill:var(--g-hover-tint);stroke:var(--g-line)}.curve-guide{stroke:var(--g-line);stroke-dasharray:3 3}.curve-arm{stroke:var(--g-muted);stroke-width:1px}.curve-line{fill:none;stroke:var(--g-brand-link);stroke-width:2.5px;stroke-linecap:round}.curve-end{fill:var(--g-muted)}.curve-handle{cursor:grab;outline:none}.curve-handle circle:not(.curve-hit){fill:var(--g-surface);stroke:var(--g-brand-link);stroke-width:2px}.curve-handle:hover circle:not(.curve-hit),.curve-handle:focus-visible circle:not(.curve-hit){fill:var(--g-brand-tint)}.curve-handle:focus-visible .curve-hit{fill:none;stroke:var(--g-focus);stroke-width:2px}.curve-hit{fill:#0000}.curve-preview{border-radius:var(--g-radius-pill);background:var(--g-hover-tint);height:12px;position:relative}.curve-preview span{background:var(--g-brand-fill);border-radius:50%;width:12px;height:12px;animation-name:curve-run;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;top:0;left:0}@keyframes curve-run{0%{left:0}80%,to{left:calc(100% - 12px)}}@media (prefers-reduced-motion:reduce){.curve-preview span{animation:none}}.curve-foot{gap:var(--g-space-2);display:flex}.curve-css{min-width:0;font-family:var(--g-font-mono);font-size:var(--g-text-xs);flex:1}.frame-types{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.frame-types button{border-radius:var(--g-radius-m);border:1px solid var(--g-line);font-size:var(--g-text-xs);color:var(--g-muted);background:0 0;flex-direction:column;align-items:center;gap:4px;padding:8px 0 6px;display:flex}.frame-types button.is-on{border-color:var(--g-brand);color:var(--g-brand-link);background:var(--g-brand-tint)}.angles{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.angles button{border-radius:var(--g-radius-m);border:1px solid var(--g-line);height:44px;color:var(--g-muted);background:0 0;place-items:center;display:grid}.angles button.is-on{border-color:var(--g-brand);color:var(--g-brand-link);background:var(--g-brand-tint)}.pos-grid{background:var(--g-bg);border:1px solid var(--g-line);border-radius:var(--g-radius-m);grid-template-columns:repeat(3,28px);gap:6px;width:fit-content;padding:10px;display:grid}.pos-grid button{background:0 0;border:0;border-radius:50%;width:28px;height:28px;position:relative}.pos-grid button:after{content:"";background:var(--g-faint);border-radius:50%;position:absolute;inset:11px}.pos-grid button.is-on:after{background:var(--g-brand);inset:8px}details{font-size:var(--g-text-s);color:var(--g-muted)}summary{cursor:pointer;margin-bottom:var(--g-space-2)}.director{gap:var(--g-space-3)}.plan{flex-direction:column;padding:0;list-style:none;display:flex}.plan li{border-bottom:1px solid var(--g-line)}.plan button{gap:var(--g-space-3);text-align:left;width:100%;padding:var(--g-space-2) 0;font-size:var(--g-text-s);background:0 0;border:0;line-height:1.9;display:flex}.plan button:hover{background:var(--g-hover-tint)}.num{background:var(--g-surface-2);height:20px;font-size:var(--g-text-xs);color:var(--g-muted);border-radius:50%;flex:0 0 20px;place-items:center;margin-top:4px;line-height:1;display:grid}.chip{border-radius:var(--g-radius-s);font-weight:var(--g-weight-strong);margin:0 2px;padding:2px 8px}.timeline{background:var(--g-surface);border:0;border-top:1px solid var(--g-line);border-radius:0;flex-direction:column;grid-area:tl;min-width:0;min-height:0;display:flex;position:relative}.tl-head{align-items:center;gap:var(--g-space-3);padding:var(--g-space-2) var(--g-space-3);display:flex}.play{background:var(--g-text);width:36px;height:36px;color:var(--g-bg);border:0;border-radius:50%;place-items:center;display:grid}.time{font-variant-numeric:tabular-nums;color:var(--g-faint)}.time b{color:var(--g-text);font-weight:var(--g-weight-strong)}.spacer{flex:1}.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)}.tl-body{flex:1;min-height:0;position:relative;overflow:auto}.tl-inner{padding-bottom:var(--g-space-3);position:relative}.tl-row{align-items:center;min-height:40px;padding:2px 0;display:flex}.tl-row.scenes{min-height:84px}.tl-label{padding-left:var(--g-space-3);font-size:var(--g-text-s);color:var(--g-faint);background:var(--g-surface);z-index:6;flex:0 0 92px;align-self:stretch;align-items:center;display:flex;position:sticky;left:0}.lane{touch-action:none;flex:none;height:100%;min-height:36px;position:relative}.tl-row.scenes .lane{min-height:80px}.ruler{min-height:24px;padding:0}.ruler .lane{border-bottom:1px solid var(--g-line);cursor:col-resize;min-height:24px}.tick{font-size:var(--g-text-xs);color:var(--g-faint);border-left:1px solid var(--g-line-strong);padding-left:4px;line-height:14px;position:absolute;top:4px}.clip{border-radius:var(--g-radius-m);height:32px;font-size:var(--g-text-s);font-weight:var(--g-weight-strong);cursor:grab;background:var(--g-surface-2);-webkit-user-select:none;user-select:none;scroll-margin-left:calc(92px + var(--g-space-2));scroll-margin-right:var(--g-space-2);border:1px solid #0000;align-items:center;padding:0 10px;display:flex;position:absolute;top:2px;overflow:hidden}.clip:focus-visible,.clip.is-sel{border-color:var(--g-brand);box-shadow:0 0 0 1px var(--g-brand)}.clip-text{white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden}.dropzone{position:absolute;inset:0}.grip{cursor:ew-resize;z-index:2;width:8px;position:absolute;top:0;bottom:0;right:0}.grip:hover{background:var(--g-brand-tint)}.tl-row.scenes .clip{background:var(--g-bg);border-color:var(--g-line);cursor:pointer;align-items:flex-end;padding:0;top:2px}.tl-row.scenes .clip.is-sel{border-color:var(--g-brand)}.scene-thumb{height:46px;box-shadow:var(--g-shadow-1);pointer-events:none;border-radius:4px;position:absolute;top:6px;right:16px}.scene-name{font-size:var(--g-text-xs);color:var(--g-text);padding:6px 10px;position:relative}.loop-block{border-radius:var(--g-radius-m);border:1px dashed var(--g-line-strong);height:76px;color:var(--g-muted);font-size:var(--g-text-s);place-items:center;display:grid;position:absolute;top:2px}.lane-hint{font-size:var(--g-text-s);color:var(--g-faint);pointer-events:none;white-space:nowrap;position:absolute;top:8px;left:10px}.playhead{background:var(--g-brand);pointer-events:none;z-index:7;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.playhead span{background:var(--g-brand);border-radius:50%;width:12px;height:12px;position:absolute;top:0;left:-5px}.dialog{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);padding:var(--g-space-6);width:min(480px,92vw)}.dialog::backdrop{background:#0000008c}.dialog h2{font-size:var(--g-text-2xl);line-height:var(--g-lh-2xl);margin-bottom:var(--g-space-3)}.dialog p{color:var(--g-muted);margin-bottom:var(--g-space-6)}.dialog-actions{justify-content:flex-end;gap:var(--g-space-2);flex-wrap:wrap;display:flex}@media (width<=1100px){.app{grid-template-columns:220px minmax(0,1fr) 260px}}.exp-form{gap:var(--g-space-3);margin-bottom:var(--g-space-6);flex-direction:column;display:flex}.exp-form progress{width:100%;accent-color:var(--g-brand-fill)}.exp-template{align-items:flex-start;gap:var(--g-space-2);padding-top:var(--g-space-3);border-top:1px solid var(--g-line);flex-direction:column;display:flex}.dialog-actions .spacer{flex:1}.btn-row{gap:var(--g-space-2);display:flex}.btn-row .btn{justify-content:center;align-items:center;display:inline-flex}.btn-row .btn:first-child{flex:1}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn:disabled:hover{color:var(--g-muted);background:0 0}.divider{background:var(--g-line);width:1px;height:20px;margin:0 var(--g-space-1)}.doc-icon{color:var(--g-muted);flex:none}.app.is-home{grid-template:"top"56px"main"minmax(0,1fr)/minmax(0,1fr)}.home{padding:var(--g-space-8) var(--g-space-8);grid-area:main;width:100%;overflow:auto}.home h1{font-family:var(--g-font-display);font-size:var(--g-text-3xl);line-height:var(--g-lh-3xl);font-weight:var(--g-weight-title);margin:0 0 var(--g-space-2)}.home p{color:var(--g-muted);margin:0 0 var(--g-space-6)}.proj-grid{gap:var(--g-space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.proj-card{background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);position:relative;overflow:hidden}.proj-card:hover,.proj-card:focus-within{border-color:var(--g-line-strong)}.proj-open{text-align:left;width:100%;padding:0 0 var(--g-space-3);background:0 0;border:0;flex-direction:column;gap:2px;display:flex}.proj-thumb{aspect-ratio:16/10;margin-bottom:var(--g-space-3);display:block;position:relative;overflow:hidden}.proj-thumb img{aspect-ratio:.462;object-fit:cover;object-position:top;border:3px solid;border-radius:10px;width:auto;height:82%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #00000040}.proj-thumb img.bare{border:0}.proj-name{padding:0 var(--g-space-3);font-size:var(--g-text-m);font-weight:var(--g-weight-strong)}.proj-meta{padding:0 var(--g-space-3);font-size:var(--g-text-s);color:var(--g-muted)}.proj-actions{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;padding:2px;display:flex;position:absolute}.proj-card:hover .proj-actions,.proj-card:focus-within .proj-actions{opacity:1}[hidden]{display:none!important}.stage-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage-label.right{text-align:right}.stage-head .modes button{padding:4px 12px}.kit-list{margin:0 0 var(--g-space-3);gap:var(--g-space-2);padding:0;list-style:none;display:grid}.kit-list .btn{justify-content:flex-start;width:100%}.sw.add{color:var(--g-muted);border-style:dashed;place-items:center;display:grid;background:0 0!important}.sw.add:hover{color:var(--g-text);border-color:var(--g-text)}.sw-wrap{display:inline-flex;position:relative}.sw-x{border:1px solid var(--g-control-border);background:var(--g-surface);width:16px;height:16px;color:var(--g-text);border-radius:50%;place-items:center;padding:0;font-size:12px;line-height:1;display:none;position:absolute;top:-6px;right:-6px}.sw-wrap:hover .sw-x,.sw-wrap:focus-within .sw-x{display:grid}.dialog.small{width:min(360px,92vw)}.swatch-preview{border-radius:var(--g-radius-m);border:1px solid var(--g-control-border);height:72px;margin-bottom:var(--g-space-4)}.color-field{grid-template-columns:var(--g-control-m) 1fr;gap:var(--g-space-2);align-items:center;min-width:0;display:grid}.color-field:has(>.icon-btn){grid-template-columns:var(--g-control-m) 1fr 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}.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}.grad{gap:var(--g-space-2);flex-direction:column;display:flex}.grad-bar{height:var(--g-control-s);margin:var(--g-space-1) 6px;border-radius:var(--g-radius-s);background:repeating-conic-gradient(var(--g-surface-2) 0 25%,var(--g-bg) 0 50%) 0 0/var(--g-space-2) var(--g-space-2);cursor:copy;position:relative}.grad-fill{border-radius:inherit;border:1px solid var(--g-input-border);position:absolute;inset:0}.grad-stop{width:12px;height:calc(100% + var(--g-space-2));border:2px solid var(--g-surface);border-radius:var(--g-radius-s);box-shadow:0 0 0 1px var(--g-line-strong);cursor:ew-resize;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.grad-stop.is-on{box-shadow:0 0 0 2px var(--g-brand)}.grad-stop:focus-visible{outline:2px solid var(--g-focus);outline-offset:2px}.grad-actions{justify-content:flex-end;gap:var(--g-space-1);display:flex}.stage{container-type:inline-size}.stage-head .modes{justify-self:center}.stage-label:first-child{overflow:visible}@container (width<=500px){.stage-label.right{display:none}}@container (width<=470px){.stage-head .modes button{padding:4px 8px}}.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{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-bottom:var(--g-space-3)}.dialog.settings .settings-pane>p{margin:0}.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-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);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);max-width:100%;font-size:var(--g-text-s);padding:5px 8px}.num-field{font-size:var(--g-text-s);color:var(--g-muted);align-items:center;gap:6px;display:flex}.num-field .field{width:72px}.key-field{gap:var(--g-space-2);width:100%;display:flex}.meter{align-items:center;gap:var(--g-space-2);width:100%;font-size:var(--g-text-s);color:var(--g-muted);display:flex}.meter progress{accent-color:var(--g-brand-fill);flex:1}.shortcuts{border-collapse:collapse;width:100%}.shortcuts th,.shortcuts td{text-align:left;padding:var(--g-space-2) 0;border-top:1px solid var(--g-line);font-size:var(--g-text-s);font-weight:var(--g-weight-regular)}.shortcuts th{width:48%;color:var(--g-muted)}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}.link-btn{color:var(--g-brand-link);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}svg{flex:none}.doc-icon{color:var(--g-muted)}.angles .ang{transform-origin:50%}.angles .ang-1{transform:perspective(60px)rotateY(-30deg)}.angles .ang-2{transform:perspective(60px)rotateY(30deg)}.angles .ang-3{transform:perspective(60px)rotateX(20deg)rotateY(-26deg)}.angles .ang-4{transform:perspective(60px)rotateX(58deg)rotate(-38deg)}.clip-text{align-items:center;gap:4px;display:inline-flex}.clip-text svg{width:18px;height:18px}.btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.btn svg{width:18px;height:18px}.loop-block{gap:6px}.sw.add{color:var(--g-muted)}.sw.add svg{width:18px;height:18px}.sw-x{width:20px;height:20px;top:-8px;right:-8px}.sw-x svg{width:14px;height:14px}.loop-block{justify-content:center;align-items:center;display:flex}.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)}.home-head{justify-content:space-between;align-items:flex-start;gap:var(--g-space-4);display:flex}.home-head p{margin-bottom:var(--g-space-6)}.np-field{font-size:var(--g-text-s);color:var(--g-muted);margin-bottom:var(--g-space-4);gap:6px;display:grid}.np-group{margin:0 0 var(--g-space-4);border:0;padding:0}.np-group legend{margin-bottom:var(--g-space-2);font-size:var(--g-text-s);color:var(--g-muted);padding:0}.np-cards{gap:var(--g-space-2);grid-template-columns:repeat(3,1fr);display:grid}.np-card{text-align:left;padding:var(--g-space-3);border:1px solid var(--g-line-strong);border-radius:var(--g-radius-m);background:0 0;flex-direction:column;gap:4px;display:flex}.np-card:hover{background:var(--g-hover-tint)}.np-card.is-on{border-color:var(--g-brand);background:var(--g-brand-tint)}.np-card-name{font-size:var(--g-text-s);font-weight:var(--g-weight-strong)}.np-card-blurb{font-size:var(--g-text-xs);line-height:var(--g-lh-xs);color:var(--g-muted)}.np-starts{gap:var(--g-space-2);display:grid}.np-radio{gap:var(--g-space-2);font-size:var(--g-text-s);color:var(--g-muted);align-items:flex-start;display:flex}.np-radio input{accent-color:var(--g-brand-fill);margin-top:3px}.np-radio b{color:var(--g-text);font-weight:var(--g-weight-strong);margin-right:4px}.np-files{align-items:center;gap:var(--g-space-3);margin-top:var(--g-space-3);display:flex}.dialog:has(.np-cards){width:min(480px,94vw)}.home-tools{gap:var(--g-space-3);margin-bottom:var(--g-space-2);flex-wrap:wrap;align-items:center;display:flex}.search-box,.help-drawer .search{align-items:center;gap:var(--g-space-2);min-width:180px;max-width:360px;height:var(--g-control-m);padding:0 var(--g-space-2);background:var(--g-surface);border:1px solid var(--g-input-border);border-radius:var(--g-radius-m);color:var(--g-muted);flex:220px;display:flex}.search-box:focus-within,.help-drawer .search:focus-within{outline:2px solid var(--g-focus);outline-offset:2px}.search-box input,.help-drawer .search input{min-width:0;font-size:var(--g-text-s);color:var(--g-text);background:0 0;border:0;outline:0;flex:1}.search-box .icon-btn{width:24px;height:24px}.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)}.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);min-width:0;margin-bottom:var(--g-space-6);flex-direction:column;display:flex}.home-sec{justify-content:space-between;align-items:center;gap:var(--g-space-2);display:flex}.home-main>.home-sec{margin-bottom:var(--g-space-2)}.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)}.home-tools .sort-by{margin-left:auto}.sort-by[hidden]{display:none}.home-count{margin:0 0 var(--g-space-4)!important}.home-group{font-size:var(--g-text-m);line-height:var(--g-lh-m);font-weight:var(--g-weight-strong);color:var(--g-muted);margin:var(--g-space-4) 0 var(--g-space-2)}.home-empty{padding:var(--g-space-8) 0;text-align:center}.proj-grid+.home-group{margin-top:var(--g-space-6)}.proj-pin{top:var(--g-space-2);left:var(--g-space-2);background:var(--g-surface);border:1px solid var(--g-line);opacity:0;position:absolute}.proj-card:hover .proj-pin,.proj-card:focus-within .proj-pin,.proj-card.is-pinned .proj-pin{opacity:1}.proj-pin[aria-pressed=true]{color:var(--g-brand)}.home.is-dropping{outline:2px dashed var(--g-brand);outline-offset:-8px}.btn .count{border-radius:var(--g-radius-pill);background:var(--g-badge-neutral-bg);color:var(--g-badge-neutral-text);font-size:var(--g-text-xs);line-height:var(--g-lh-xs);margin-left:2px;padding:0 6px}.btn.is-on{background:var(--g-surface-2)}.trash-head{justify-content:space-between;align-items:center;gap:var(--g-space-3);margin-bottom:var(--g-space-3);display:flex}.trash-head .hint{margin:0}.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 .proj-thumb{border-radius:var(--g-radius-m);flex:0 0 96px;width:96px;margin:0}.trash-info{flex-direction:column;flex:1;min-width:0;display:flex}.trash-info .proj-name,.trash-info .proj-meta{padding:0}.home-empty.big{align-items:center;gap:var(--g-space-2);padding:var(--g-space-10) 0;flex-direction:column;display:flex}.home-empty.big svg{color:var(--g-muted)}.home-empty.big h2{font-size:var(--g-text-xl);line-height:var(--g-lh-xl);margin:0}.home-empty.big p{margin:0 0 var(--g-space-3);color:var(--g-muted);max-width:420px}.home-layout{gap:var(--g-space-6);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.home-main{min-width:0}.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);gap:0;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}.rail-trash{margin-top:var(--g-space-4)}.proj-card[draggable=true]{cursor:grab}.proj-card[draggable=true]:active{cursor:grabbing}@media (width<=820px){.home-layout{grid-template-columns:minmax(0,1fr)}.home-rail{flex-flow:wrap;position:static}.rail-trash{margin-top:0}.rail-item{width:auto}}.home .proj-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.home-layout{grid-template-columns:240px minmax(0,1fr)}@media (width<=820px){.home{padding:var(--g-space-4)}}.start-strip{margin-bottom:var(--g-space-6)}.start-strip .home-group{margin-top:0}.start-row{gap:var(--g-space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.start-card{text-align:left;width:100%;height:100%;padding:0 0 var(--g-space-3);background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);flex-direction:column;gap:2px;display:flex;overflow:hidden}.start-card:hover{border-color:var(--g-line-strong)}.start-card .proj-thumb{aspect-ratio:16/8}.start-blank{aspect-ratio:16/8;margin-bottom:var(--g-space-3);border-bottom:1px dashed var(--g-line-strong);color:var(--g-muted);background:var(--g-bg);place-items:center;display:grid}.home-main{container-type:inline-size}@container (width<=680px){.start-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.view-toggle button{align-items:center;padding:4px 10px;display:inline-flex}.proj-list{gap:var(--g-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.proj-list-head,.proj-row-open{align-items:center;column-gap:var(--g-space-3);grid-template-columns:72px minmax(0,2.4fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1.2fr);display:grid}.proj-list-head{padding:0 var(--g-space-3);margin-bottom:var(--g-space-1);font-size:var(--g-text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--g-faint);padding-right:calc(var(--g-space-3) + 168px)}.proj-row{background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-l);align-items:center;display:flex;position:relative}.proj-row:hover,.proj-row:focus-within{border-color:var(--g-line-strong)}.proj-row-open{text-align:left;min-width:0;padding:var(--g-space-2) var(--g-space-3);background:0 0;border:0;flex:1}.proj-row .proj-thumb{aspect-ratio:16/10;border-radius:var(--g-radius-m);width:72px;margin:0}.proj-row .proj-name{text-overflow:ellipsis;white-space:nowrap;padding:0;overflow:hidden}.proj-cell{font-size:var(--g-text-s);color:var(--g-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.proj-row-actions{padding-right:var(--g-space-2);justify-content:flex-end;gap:2px;width:168px;display:flex}.proj-row-actions .icon-btn{opacity:0}.proj-row:hover .proj-row-actions .icon-btn,.proj-row:focus-within .proj-row-actions .icon-btn,.proj-row.is-pinned .proj-pin-row{opacity:1}.proj-pin-row[aria-pressed=true]{color:var(--g-brand)}.proj-row[draggable=true]{cursor:grab}@media (width<=820px){.proj-list-head{display:none}.proj-row-open{grid-template-columns:72px minmax(0,1fr)}.proj-row-open .proj-cell{display:none}.proj-row-actions{width:auto}}.proj-title{min-width:0;padding:0 var(--g-space-3);align-items:center;gap:6px;display:flex}.proj-title .doc-icon{flex:none}.proj-title .proj-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:0;overflow:hidden}.proj-row .proj-title,.trash-info .proj-title{padding:0}.hs-layer{z-index:4;position:absolute}.hs-layer.hs-edit{pointer-events:none}.hs-layer.hs-draw{cursor:crosshair;background:#ffc24b0f;outline:1px dashed #ffc24b}.hs{pointer-events:auto;cursor:move;box-sizing:border-box;background:#ffc24b33;border:2px solid #ffc24b;border-radius:6px;position:absolute}.hs.is-sel{background:#ff4d1c2e;border-color:#ff4d1c}.hs.is-draft{pointer-events:none}.hs-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#17181c;border-radius:4px;max-width:100%;padding:1px 6px;font-size:11px;line-height:16px;position:absolute;top:-20px;left:0;overflow:hidden}.hs-handle{cursor:nwse-resize;background:#ff4d1c;border:2px solid #fff;border-radius:3px;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px}.hs-layer.hs-proto{cursor:default}.hs-go{cursor:pointer;background:0 0;border:2px solid #0000;padding:0;transition:background .15s,border-color .15s}.hs-go.is-shown{background:#5b7cff38;border-color:#5b7cff}.hs-go:focus-visible{outline-offset:2px;outline:2px solid #5b7cff}.proto-bar{justify-content:center;align-items:center;gap:var(--g-space-3);justify-self:center;display:flex}.proto-title{font-size:var(--g-text-s);font-weight:var(--g-weight-strong);color:var(--g-brand-link)}.app.proto .library,.app.proto .inspector,.app.proto .timeline{pointer-events:none;opacity:.4}.tool-btn svg{width:18px;height:18px}.app.lib-off .library,.app.insp-off .inspector,.app.tl-off .tl-body,.app.tl-off .tl-resize{display:none}.tl-resize{cursor:row-resize;z-index:8;height:8px;position:absolute;top:-4px;left:0;right:0}.tl-resize:hover,.tl-resize:focus-visible{background:var(--g-brand-tint)}.tl-scrub{min-width:80px;max-width:420px;accent-color:var(--g-brand-fill);flex:160px}.head-side{align-items:center;gap:var(--g-space-2);min-width:0;display:flex}.head-right{justify-content:flex-end}.stage-head .icon-btn{flex:none;width:28px;height:28px}.stage-head{padding:0 0 var(--g-space-2)}.tl-head .icon-btn{flex:none}.app.present{grid-template:"stage"minmax(0,1fr)/minmax(0,1fr)}.app.present .topbar,.app.present .library,.app.present .inspector,.app.present .timeline{display:none}.app.present .stage{padding:var(--g-space-4)}.app.present .stage-head{display:none}.app.present .stage-box{padding-bottom:0}.present-bar{top:var(--g-space-3);z-index:6;align-items:center;gap:var(--g-space-3);padding:4px var(--g-space-3);background:var(--g-surface);border:1px solid var(--g-line);border-radius:var(--g-radius-pill);opacity:.35;transition:opacity .15s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.present-bar:hover,.present-bar:focus-within{opacity:1}.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-theme=light] .sign-glow{opacity:.55}:root[data-theme=light] .sign-dots{opacity:.22}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .sign-glow{opacity:.55}:root:not([data-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}.sign-card .link-btn{color:var(--g-brand-link);font-size:var(--g-text-s);text-align:left;background:0 0;border:0;padding:0}.sign-card .link-btn:hover{text-decoration:underline}.sign-card .link-btn.muted{color:var(--g-muted);align-self:flex-start}@media (width<=480px){.sign-card{padding:var(--g-space-6)}}.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);display:flex}.home-banner p{color:var(--g-muted);flex:1;margin:0}.account{position:relative}.account-menu{right:0;top:calc(100% + var(--g-space-2));z-index:30;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);text-overflow:ellipsis;overflow:hidden}.top-actions>.save-state,.save-wrap>.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;font-weight:400;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<=700px){.save-pop{left:var(--g-space-4);right:var(--g-space-4);top:calc(56px + var(--g-space-2));width:auto;position:fixed}}.menu-who .save-state{margin-top:var(--g-space-1);color:var(--g-faint)}.menu-who .save-state.bad{color:var(--g-danger)}.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-item svg{color:var(--g-muted)}.cloud-warn{color:var(--g-danger)}.avatar{border-radius:var(--g-radius-pill);object-fit:cover;flex:none;place-items:center;display:inline-grid}.avatar.is-initials{color:#fff;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%}}.account-btns{gap:var(--g-space-2);flex-wrap:wrap;display:flex}.ho-what{gap:var(--g-space-1);margin:0 0 var(--g-space-3);flex-direction:column;display:flex}.ho-pick{width:100%;margin-top:var(--g-space-2);display:block}.menu-row{align-items:center;gap:var(--g-space-2);padding:var(--g-space-1) var(--g-space-2);margin-top:var(--g-space-1);font-size:var(--g-text-m);display:flex}.menu-row>span{flex:1}.menu-row>svg{color:var(--g-muted)}.help-drawer{z-index:25;background:var(--g-surface);border-left:1px solid var(--g-line);width:320px;max-width:100%;box-shadow:var(--g-shadow-2);padding:var(--g-space-4);gap:var(--g-space-3);flex-direction:column;display:flex;position:fixed;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;margin:0}.help-drawer .search-box,.help-drawer .search{flex:none;max-width:none}.account-page .btn-row{flex-wrap:wrap}.account-page .btn-row .btn:first-child{flex:0 auto}.account-page .btn.ghost{color:var(--g-text);border-style:solid}.help-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.help-list button{text-align:left;border:0;border-bottom:1px solid var(--g-line);width:100%;padding:var(--g-space-3) 0;color:var(--g-text);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}.help-body p{margin:0}.help-version{font-size:var(--g-text-xs);line-height:var(--g-lh-xs);color:var(--g-muted);margin:auto 0 0}.icon-btn.is-on{background:var(--g-hover-tint);color:var(--g-text)}.icon-btn.key-toggle.is-on{color:var(--g-brand-link);background:0 0}.icon-btn.key-toggle.is-on:hover{background:var(--g-hover-tint)}@media (pointer:coarse){.tool-btn{width:var(--g-control-xl);height:var(--g-control-xl)}.zoombar .icon-btn,.zoombar .zoom-value{height:var(--g-control-xl)}.zoombar .icon-btn{width:var(--g-control-xl)}.key-dot{width:var(--g-control-xl);height:var(--g-control-xl);margin:calc(var(--g-control-xl) / -2) 0 0 calc(var(--g-control-xl) / -2)}.curve-handle .curve-hit{r:20px}}.app.is-phone:not(.present){grid-template:"top"56px"stage"minmax(0,1fr)"sheet"/minmax(0,1fr)}.app.present .sheet{display:none}.sheet{background:var(--g-surface);border-top:1px solid var(--g-line);min-height:0;box-shadow:var(--g-shadow-2);z-index:8;flex-direction:column;grid-area:sheet;display:flex;position:relative}.sheet.is-half{height:45dvh}.sheet.is-full{height:calc(100dvh - 140px)}.sheet-handle{height:28px;color:var(--g-faint);touch-action:none;cursor:ns-resize;background:0 0;border:0;flex:none;place-items:center;display:grid}.sheet-tabs{padding:0 var(--g-space-2) var(--g-space-2);flex:none;gap:2px;display:flex;overflow-x:auto}.sheet-tab{align-items:center;gap:var(--g-space-1);height:36px;padding:0 var(--g-space-3);border-radius:var(--g-radius-pill);color:var(--g-muted);font-size:var(--g-text-s);font-weight:var(--g-weight-strong);white-space:nowrap;background:0 0;border:0;display:inline-flex}.sheet-tab:hover{color:var(--g-text)}.sheet-tab.is-on{background:var(--g-surface-2);color:var(--g-text)}.sheet-body{border-top:1px solid var(--g-line);flex-direction:column;flex:1;min-height:0;display:flex}.sheet-body>.panel,.sheet-body>.timeline{border:0;flex:1;grid-area:auto;min-height:0}.app.is-phone .sheet .tl-body{display:block}.sheet .tl-resize,.sheet .tl-head [aria-label$=\ timeline]{display:none}.app.is-phone .tl-head{row-gap:var(--g-space-1);flex-wrap:wrap}.app.is-phone .tl-head .toggle span{font-size:var(--g-text-s)}@media (width<=700px){.app.is-phone .topbar{gap:var(--g-space-1);padding:0 var(--g-space-2)}.app.is-phone .app-title,.app.is-phone .brand .logo,.app.is-phone .brand .divider,.app.is-phone .top-actions [aria-label=Redo]{display:none}.app.is-phone .top-actions{gap:0}.app.is-phone .name{flex:60px;width:auto;min-width:0}.app.is-phone .top-actions>.save-state,.app.is-phone .save-wrap>.save-state{gap:0;font-size:0}.app.is-phone .top-actions .btn:not(.primary){padding:0 var(--g-space-2);gap:0;font-size:0}.app.is-phone .top-actions .btn.primary{padding:0 var(--g-space-2);margin:0 var(--g-space-1)}.app.is-phone .stage{padding:var(--g-space-2) var(--g-space-2) 0}.app.is-phone .stage-head .head-side{display:none}.app.is-phone .stage-head{grid-template-columns:minmax(0,1fr)}}.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)}.agents-btn{position:relative}.agents-btn.is-on{color:var(--g-brand-link);background:0 0}.agents-count{border-radius:var(--g-radius-pill);background:var(--g-brand-fill);min-width:16px;height:16px;color:var(--g-brand-contrast);font-size:var(--g-text-xs);line-height:16px;font-weight:var(--g-weight-strong);text-align:center;padding:0 4px;position:absolute;top:2px;right:2px}.dialog.agents-dialog{width:min(600px,100vw - 32px)}.agents-dialog>.hint,.agents-dialog>p{margin-bottom:var(--g-space-3)}.agents-share{align-items:flex-start;gap:var(--g-space-4);padding:var(--g-space-3);border:1px solid var(--g-line);border-radius:var(--g-radius-m);cursor:pointer;margin-bottom:var(--g-space-3);display:flex}.agents-share>span{gap:var(--g-space-1);flex-direction:column;flex:1;display:flex}.agents-share .hint{margin:0}.agents-share input{accent-color:var(--g-brand-fill);flex:none;width:18px;height:18px;margin:2px 0 0}.agents-keys{color:var(--g-brand-link);padding:0 var(--g-space-2);margin-bottom:var(--g-space-3);border-color:#0000}.agents-head{margin:var(--g-space-2) 0 var(--g-space-2);font-size:var(--g-text-m);line-height:var(--g-lh-m);font-weight:var(--g-weight-strong)}.agents-list{margin:0 0 var(--g-space-4);gap:var(--g-space-2);flex-direction:column;max-height:50vh;padding:0;list-style:none;display:flex;overflow:auto}.agents-list li,.agent-keys li{align-items:center;gap:var(--g-space-3);padding:var(--g-space-2) var(--g-space-3);border:1px solid var(--g-line);border-radius:var(--g-radius-m);display:flex}.agents-list li>svg,.agent-keys li>svg{color:var(--g-muted);flex:none}.agents-list .hint,.agent-keys .hint{margin:0}.agents-what{flex:1;min-width:0}.agents-acts{gap:var(--g-space-2);flex:none;display:flex}.agents-summary{gap:var(--g-space-2);color:var(--g-text);align-items:flex-start;display:flex}.agents-summary svg{color:var(--g-brand-link);flex:none}.agents-changes{margin:0 0 var(--g-space-4);padding-left:var(--g-space-6);gap:var(--g-space-1);flex-direction:column;max-height:40vh;display:flex;overflow:auto}.agent-url,.agent-copy{align-items:center;gap:var(--g-space-2);min-width:0;display:flex}.agent-copy{margin-bottom:var(--g-space-3)}.agent-url code,.agent-copy code{min-width:0;padding:var(--g-space-2);border:1px solid var(--g-line);border-radius:var(--g-radius-m);background:var(--g-bg);font-family:var(--g-font-mono);font-size:var(--g-text-xs);line-height:var(--g-lh-xs);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;flex:1}.agent-keys{margin:var(--g-space-2) 0 0;gap:var(--g-space-2);flex-direction:column;padding:0;list-style:none;display:flex}.agent-keys li>div{flex:1;min-width:0}.agent-step{margin:var(--g-space-2) 0 var(--g-space-1);font-size:var(--g-text-m);line-height:var(--g-lh-m);font-weight:var(--g-weight-strong)}.agent-name{gap:var(--g-space-1);margin-bottom:var(--g-space-2);flex-direction:column;display:flex}@media (width<=640px){.agents-list li{flex-wrap:wrap}.agents-acts{justify-content:flex-end;width:100%}}.agents-changes li.is-misfit{color:var(--g-faint)}.panel>.dock-tabs{margin:calc(var(--g-space-3) * -1) calc(var(--g-space-3) * -1) 0}.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-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;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.dock-tab svg{flex:none;width:18px;height:18px}.dock-tab:hover{color:var(--g-text);background:var(--g-hover-tint)}.dock-tab.is-on{color:var(--g-text);background:var(--g-bg)}.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}.icon-strip{background:var(--g-surface);flex-direction:column;align-items:stretch;min-height:0;display:flex}.icon-strip.is-left{border-right:1px solid var(--g-line);grid-area:lib}.icon-strip.is-right{border-left:1px solid var(--g-line);grid-area:insp}.icon-strip-head{height:var(--g-control-l);border-bottom:1px solid var(--g-line);justify-content:center;align-items:center;display:flex}.dock-icons{padding:var(--g-space-1) 0;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)}.app.proto .icon-strip{pointer-events:none;opacity:.4}.app.present .icon-strip{display:none}.scene-look{gap:var(--g-space-2);display:grid}.scene-look>.btn{justify-self:start;align-items:center;gap:var(--g-space-1);display:inline-flex}.look-strength{grid-template-columns:76px 1fr 3.5em}.look-strength input{width:100%;accent-color:var(--g-brand)}.look-strength-value{text-align:right;color:var(--g-text);font-variant-numeric:tabular-nums}.look-from{gap:var(--g-space-1) var(--g-space-2);padding:var(--g-space-2);border:1px solid var(--g-line);border-radius:var(--g-radius-m);font-size:var(--g-text-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{justify-self:start;align-items:center;gap:var(--g-space-1);grid-column:2;display:inline-flex}.look-from.is-newer{border-color:var(--g-warning);background:var(--g-warning-tint)}.scene-look>a.btn{color:var(--g-text);text-decoration:none}.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}