@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap";:root{--grey-950:#080b13;--grey-900:#0b0f19;--grey-850:#111522;--grey-800:#151a28;--grey-700:#1e2538;--grey-600:#262f47;--grey-500:#313c58;--grey-300:#8b95a5;--white:#fff;--black:#000;--ch-grey-900:11 15 25;--ch-grey-850:17 21 34;--ch-white:255 255 255;--ch-black:0 0 0;--mint-500:#00e6c3;--mint-950:#06201c;--ch-mint-500:0 230 195;--violet-500:#9d4edd;--ch-violet-500:157 78 221;--green-500:#3ddc84;--ch-green-500:61 220 132;--amber-500:#e8b14c;--amber-300:#f0c368;--ch-amber-500:232 177 76;--rust-600:#a35b3f;--red-950:#2a0f0a;--red-900:#33191a;--red-700:#8c3524;--red-600:#a3402c;--red-400:#d97757;--red-300:#ff9d80;--red-500:#ff7a5c;--ch-red-600:163 64 44;--ch-red-500:255 122 92;--paper-100:#fffaf0;--paper-700:#4a453d;--paper-900:#2a2620;--paper-050:#f6f4f0;--paper-200:#e3e1dc;--slate-050:#f7f9fc;--slate-100:#edf1f7;--slate-200:#dee4ee;--slate-600:#55606f;--slate-900:#121722;--ch-slate-050:247 249 252;--mint-700:#006654;--mint-050:#f2fffb;--ch-mint-700:0 102 84;--violet-700:#6d28a8;--ch-violet-700:109 40 168;--green-700:#10783f;--ch-green-700:16 120 63;--amber-700:#7a5810;--ch-amber-700:122 88 16;--red-050:#fdece8;--red-800:#7a2c1d;--bg-base:var(--grey-900);--bg-panel:var(--grey-800);--bg-surface:var(--grey-700);--bg-surface-hover:var(--grey-600);--bg-raised:var(--grey-500);--text-primary:var(--white);--text-secondary:var(--grey-300);--text-on-accent:var(--mint-950);--text-on-danger:var(--white);--text-on-danger-strong:var(--red-950);--accent-primary:var(--mint-500);--accent-secondary:var(--violet-500);--accent-soft:rgb(var(--ch-mint-500) / .16);--accent-wash:rgb(var(--ch-mint-500) / .07);--accent-secondary-soft:rgb(var(--ch-violet-500) / .16);--accent-secondary-wash:rgb(var(--ch-violet-500) / .07);--border-color:rgb(var(--ch-white) / .08);--border-strong:rgb(var(--ch-white) / .5);--focus-ring:var(--mint-500);--tint-1:rgb(var(--ch-white) / .06);--tint-2:rgb(var(--ch-white) / .08);--tint-3:rgb(var(--ch-white) / .12);--tint-4:rgb(var(--ch-white) / .14);--tint-5:rgb(var(--ch-white) / .16);--overlay-soft:rgb(var(--ch-grey-900) / .55);--overlay-panel:rgb(var(--ch-grey-900) / .78);--overlay-strong:rgb(var(--ch-grey-900) / .9);--overlay-fade:rgb(var(--ch-grey-900) / .95);--overlay-sheet:rgb(var(--ch-grey-850) / .96);--veil:rgb(var(--ch-grey-900) / .72);--scrim:rgb(var(--ch-black) / .6);--scrim-weak:rgb(var(--ch-black) / .35);--ok:var(--green-500);--ok-glow:rgb(var(--ch-green-500) / .7);--stale:var(--rust-600);--warn:var(--amber-500);--warn-text:var(--amber-300);--warn-surface:rgb(var(--ch-amber-500) / .12);--danger:var(--red-600);--danger-hover:var(--red-700);--danger-strong:var(--red-500);--danger-text:var(--red-400);--danger-text-bright:var(--red-300);--danger-bg:var(--red-900);--danger-border:rgb(var(--ch-red-500) / .4);--danger-surface:rgb(var(--ch-red-600) / .18);--danger-surface-weak:rgb(var(--ch-red-600) / .08);--paper:var(--paper-100);--checker-line:var(--paper-700);--checker-base:var(--paper-900);--shadow:0 10px 30px rgb(var(--ch-black) / .45), 0 2px 8px rgb(var(--ch-black) / .35);--shadow-hover:0 18px 44px rgb(var(--ch-black) / .55), 0 4px 12px rgb(var(--ch-black) / .4);--shadow-modal:0 16px 40px rgb(var(--ch-black) / .5);--shadow-sidebar:-8px 0 32px rgb(var(--ch-black) / .35);--shadow-glow:0 4px 14px rgb(var(--ch-mint-500) / .25);--text-shadow:0 2px 6px rgb(var(--ch-black) / .6);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--dur-instant:.1s;--dur-fast:.15s;--dur-base:.2s;--dur-slow:.3s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-default:ease;--transport-bg:var(--overlay-panel);--filmstrip-bg:var(--overlay-strong);--sidebar-bg:var(--overlay-sheet);--popover-bg:var(--overlay-sheet);--sheet-bg:var(--paper);--tablet-bottom-inset:calc(1.5rem + env(safe-area-inset-bottom,0px));--editor-header-h:56px;--editor-header-total:calc(var(--editor-header-h) + env(safe-area-inset-top,0px));--tablet-transport-h:58px;--tablet-filmstrip-h:190px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:var(--slate-200);--bg-panel:var(--slate-100);--bg-surface:var(--slate-050);--bg-surface-hover:var(--white);--bg-raised:var(--white);--text-primary:var(--slate-900);--text-secondary:var(--slate-600);--text-on-accent:var(--mint-050);--text-on-danger:var(--white);--text-on-danger-strong:var(--red-950);--accent-primary:var(--mint-700);--accent-secondary:var(--violet-700);--accent-soft:rgb(var(--ch-mint-700) / .14);--accent-wash:rgb(var(--ch-mint-700) / .06);--accent-secondary-soft:rgb(var(--ch-violet-700) / .14);--accent-secondary-wash:rgb(var(--ch-violet-700) / .06);--border-color:rgb(var(--ch-black) / .14);--border-strong:rgb(var(--ch-black) / .45);--focus-ring:var(--mint-700);--tint-1:rgb(var(--ch-black) / .04);--tint-2:rgb(var(--ch-black) / .06);--tint-3:rgb(var(--ch-black) / .09);--tint-4:rgb(var(--ch-black) / .11);--tint-5:rgb(var(--ch-black) / .13);--overlay-soft:rgb(var(--ch-slate-050) / .7);--overlay-panel:rgb(var(--ch-slate-050) / .86);--overlay-strong:rgb(var(--ch-slate-050) / .94);--overlay-fade:rgb(var(--ch-slate-050) / .95);--overlay-sheet:rgb(var(--ch-slate-050) / .97);--veil:rgb(var(--ch-black) / .3);--scrim:rgb(var(--ch-black) / .45);--scrim-weak:rgb(var(--ch-black) / .25);--ok:var(--green-700);--ok-glow:rgb(var(--ch-green-700) / .5);--stale:var(--rust-600);--warn:var(--amber-700);--warn-text:var(--amber-700);--warn-surface:rgb(var(--ch-amber-700) / .12);--danger:var(--red-600);--danger-hover:var(--red-700);--danger-strong:var(--red-500);--danger-text:var(--red-800);--danger-text-bright:var(--red-800);--danger-bg:var(--red-050);--danger-border:rgb(var(--ch-red-600) / .35);--danger-surface:rgb(var(--ch-red-600) / .12);--danger-surface-weak:rgb(var(--ch-red-600) / .06);--checker-line:var(--paper-200);--checker-base:var(--paper-050);--shadow:0 8px 24px rgb(var(--ch-black) / .1), 0 1px 3px rgb(var(--ch-black) / .08);--shadow-hover:0 14px 36px rgb(var(--ch-black) / .14), 0 2px 6px rgb(var(--ch-black) / .1);--shadow-modal:0 16px 40px rgb(var(--ch-black) / .18);--shadow-sidebar:-8px 0 32px rgb(var(--ch-black) / .12);--shadow-glow:0 4px 14px rgb(var(--ch-mint-700) / .3)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:var(--slate-200);--bg-panel:var(--slate-100);--bg-surface:var(--slate-050);--bg-surface-hover:var(--white);--bg-raised:var(--white);--text-primary:var(--slate-900);--text-secondary:var(--slate-600);--text-on-accent:var(--mint-050);--text-on-danger:var(--white);--text-on-danger-strong:var(--red-950);--accent-primary:var(--mint-700);--accent-secondary:var(--violet-700);--accent-soft:rgb(var(--ch-mint-700) / .14);--accent-wash:rgb(var(--ch-mint-700) / .06);--accent-secondary-soft:rgb(var(--ch-violet-700) / .14);--accent-secondary-wash:rgb(var(--ch-violet-700) / .06);--border-color:rgb(var(--ch-black) / .14);--border-strong:rgb(var(--ch-black) / .45);--focus-ring:var(--mint-700);--tint-1:rgb(var(--ch-black) / .04);--tint-2:rgb(var(--ch-black) / .06);--tint-3:rgb(var(--ch-black) / .09);--tint-4:rgb(var(--ch-black) / .11);--tint-5:rgb(var(--ch-black) / .13);--overlay-soft:rgb(var(--ch-slate-050) / .7);--overlay-panel:rgb(var(--ch-slate-050) / .86);--overlay-strong:rgb(var(--ch-slate-050) / .94);--overlay-fade:rgb(var(--ch-slate-050) / .95);--overlay-sheet:rgb(var(--ch-slate-050) / .97);--veil:rgb(var(--ch-black) / .3);--scrim:rgb(var(--ch-black) / .45);--scrim-weak:rgb(var(--ch-black) / .25);--ok:var(--green-700);--ok-glow:rgb(var(--ch-green-700) / .5);--stale:var(--rust-600);--warn:var(--amber-700);--warn-text:var(--amber-700);--warn-surface:rgb(var(--ch-amber-700) / .12);--danger:var(--red-600);--danger-hover:var(--red-700);--danger-strong:var(--red-500);--danger-text:var(--red-800);--danger-text-bright:var(--red-800);--danger-bg:var(--red-050);--danger-border:rgb(var(--ch-red-600) / .35);--danger-surface:rgb(var(--ch-red-600) / .12);--danger-surface-weak:rgb(var(--ch-red-600) / .06);--checker-line:var(--paper-200);--checker-base:var(--paper-050);--shadow:0 8px 24px rgb(var(--ch-black) / .1), 0 1px 3px rgb(var(--ch-black) / .08);--shadow-hover:0 14px 36px rgb(var(--ch-black) / .14), 0 2px 6px rgb(var(--ch-black) / .1);--shadow-modal:0 16px 40px rgb(var(--ch-black) / .18);--shadow-sidebar:-8px 0 32px rgb(var(--ch-black) / .12);--shadow-glow:0 4px 14px rgb(var(--ch-mint-700) / .3)}}:root[data-posture=reach],:root[data-posture=table]{--tablet-transport-h:72px}*{box-sizing:border-box}.icon{vector-effect:non-scaling-stroke;flex:none;display:block}button:has(>.icon:first-child):not(:has(>.icon:only-child)){justify-content:center;align-items:center;gap:var(--sp-2);display:inline-flex}:is(button:has(>.icon:only-child),a:has(>.icon:only-child)){justify-content:center;align-items:center;display:inline-flex}body{background:var(--bg-base);background-image:radial-gradient(circle at 15% 0%, var(--accent-wash), transparent 45%), radial-gradient(circle at 90% 85%, var(--accent-secondary-wash), transparent 40%);color:var(--text-primary);min-height:100dvh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font-family:inherit}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-content{flex:1;min-height:0;overflow:auto}.topbar{border-bottom:1px solid var(--border-color);padding:2.5rem 1.75rem 0}.topbar-row{align-items:center;gap:.6rem;display:flex}.theme-toggle{width:var(--sp-7);height:var(--sp-7);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) ease, background var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:var(--tint-2);color:var(--text-primary)}.theme-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-toggle:not([data-theme-choice=system]){color:var(--accent-primary)}.topbar-theme{margin-left:auto}.topbar h1{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4.5vw,2.9rem);font-weight:700}.topbar h1 .dot{color:var(--accent-primary)}.live-dot{background:var(--text-secondary);width:9px;height:9px;transition:background var(--dur-base) ease;border-radius:50%;margin-top:.4rem}.live-dot.live{background:var(--ok);box-shadow:0 0 8px var(--ok-glow)}.live-dot.stale{background:var(--stale)}.subtitle{color:var(--text-secondary);letter-spacing:.03em;margin:.5rem 0 0;font-size:.85rem}.count{color:var(--accent-primary);font-weight:500}.menu{gap:.25rem;margin-top:1.5rem;display:flex}.menu a{color:var(--text-secondary);cursor:pointer;transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:1.5rem;padding:.7rem .2rem;font-size:.9rem;text-decoration:none;display:inline-block}.menu a:hover{color:var(--text-primary)}.menu a.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2rem;padding:2.25rem 1.75rem 3.5rem;display:grid}.card{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow);cursor:pointer;transition:transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) ease;flex-direction:column;display:flex;overflow:hidden}.card:hover,.card:focus-visible{box-shadow:var(--shadow-hover);transform:translateY(-4px)scale(1.015)}.card-processing{cursor:default}.card-processing:hover{box-shadow:var(--shadow);transform:none}.sprockets{background:var(--bg-surface-hover);justify-content:space-evenly;padding:7px 8px;display:flex}.sprockets span{background:var(--bg-base);opacity:.5;border-radius:50%;width:7px;height:7px}.frame{aspect-ratio:4/3;background:var(--sheet-bg);justify-content:center;align-items:center;display:flex;overflow:hidden}.frame img{max-width:100%;max-height:100%;image-rendering:pixelated}.frame-processing{position:relative}.processing-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card-footer{color:var(--text-primary);justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.card-name{text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-size:.8rem;font-weight:500;overflow:hidden}.badge{letter-spacing:.03em;border-radius:999px;padding:.2rem .5rem;font-size:.65rem}.badge-processing{background:var(--accent-soft);color:var(--accent-primary);animation:1.4s ease-in-out infinite pulse}.badge-error{background:var(--danger-surface);color:var(--danger-text)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.card-error .frame-processing,.hero-card-error .frame-processing{background:var(--danger-surface-weak)}.error-icon{opacity:.85;font-size:1.6rem}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:active:not(:disabled){opacity:.6;transition:opacity var(--dur-instant) ease}.empty{text-align:center;color:var(--text-secondary);padding:4rem 1.5rem}.empty p{margin:.2rem 0}.empty-sub{font-size:.8rem}.tool-page{max-width:900px;margin:0 auto;padding:1.75rem}.tool-page-title{color:var(--text-primary);word-break:break-word;margin:0 0 1rem;font-family:Space Grotesk,sans-serif;font-size:1.2rem}.detail-loading{color:var(--text-secondary);padding:2rem 0}.filmstrip{scroll-behavior:smooth;gap:6px;margin-top:.5rem;padding:1rem 0;display:flex;overflow-x:auto}.filmstrip img{border:1px solid var(--border-color);background:var(--sheet-bg);border-radius:4px;flex-shrink:0;height:56px}.filmstrip-scrub img{cursor:pointer;transition:outline var(--dur-instant) ease;outline:2px solid #0000}.filmstrip-scrub img.active{outline-color:var(--accent-primary)}.checkered{background-image:linear-gradient(45deg, var(--checker-line) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-line) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-line) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-line) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;background-color:var(--checker-base)}.transport{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.1rem 0;display:flex}.transport button{background:var(--bg-surface);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--text-primary);transition:background var(--dur-fast) ease, opacity var(--dur-fast) ease;border:none;font-size:.95rem}.transport button:hover:not(:disabled){background:var(--accent-primary)}.transport button:disabled{opacity:.4;cursor:default}.card-delete,.card-rotate{z-index:2;background:var(--overlay-strong);width:28px;height:28px;color:var(--text-primary);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) ease, background var(--dur-fast) ease;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;top:8px}.card-delete{right:8px}.card-rotate{left:8px}.card:hover .card-delete,.card:hover .card-rotate,.card:focus-within .card-delete,.card:focus-within .card-rotate,.hero-card:hover .card-delete,.hero-card:hover .card-rotate,.hero-card:focus-within .card-delete,.hero-card:focus-within .card-rotate{opacity:1}.card-delete:hover{background:var(--danger);color:var(--text-on-danger)}.card-rotate:hover{background:var(--accent-primary);color:var(--text-on-accent)}.card-rotate:disabled{cursor:default;opacity:.6!important}.tablet-recent-delete{opacity:1;width:24px;height:24px;top:4px;right:4px}.confirm-backdrop{z-index:200;background:var(--scrim);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.confirm-box{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:340px;box-shadow:var(--shadow-modal);padding:1.3rem 1.4rem}.confirm-title{color:var(--text-primary);margin:0 0 .4rem;font-weight:600}.confirm-body{color:var(--text-secondary);margin:0 0 1rem;font-size:.85rem}.confirm-actions{justify-content:flex-end;gap:.6rem;display:flex}.confirm-no,.confirm-yes{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.85rem}.confirm-no{background:var(--bg-surface-hover);color:var(--text-primary)}.confirm-yes{background:var(--danger);color:var(--text-on-danger)}.confirm-no:hover{background:var(--bg-raised)}.confirm-yes:hover{background:var(--danger-hover)}.tool-hint{color:var(--text-secondary);margin:.4rem 0;font-size:.75rem}.apply-button{background:var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-on-accent);cursor:pointer;box-shadow:var(--shadow-glow);border:none;padding:.55rem 1rem;font-size:.8rem;font-weight:500}.apply-button:hover:not(:disabled){filter:brightness(1.08)}.apply-button:disabled{opacity:.6;cursor:default}.filmstrip-editable{gap:10px}.frame-item{flex-shrink:0;position:relative}.frame-item img{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;display:block}.frame-item.frame-hidden img{opacity:.35}.frame-item-dragging{z-index:10}.frame-drag-handle{background:var(--tint-1);width:100%;height:16px;color:var(--text-secondary);letter-spacing:2px;text-align:center;cursor:grab;touch-action:none;border:none;border-radius:4px;margin-top:3px;padding:0;font-size:.6rem;line-height:16px;display:block}.frame-drag-handle:hover{background:var(--tint-4);color:var(--text-primary)}.frame-drag-handle:active{cursor:grabbing}.frame-drag-handle:focus-visible{outline:2px solid var(--accent-primary);outline-offset:1px}.drag-indicator{background:var(--overlay-strong);pointer-events:none;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drag-indicator span{color:var(--accent-primary);text-shadow:var(--text-shadow);font-size:1.6rem}.frame-item-actions{opacity:0;transition:opacity var(--dur-fast) ease;justify-content:space-between;display:flex;position:absolute;top:-6px;left:-6px;right:-6px}.frame-item:hover .frame-item-actions,.frame-item:focus-within .frame-item-actions{opacity:1}.frame-hide-btn,.frame-delete-btn{background:var(--overlay-strong);width:20px;height:20px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.6rem;display:flex}.frame-delete-btn:hover{background:var(--danger);color:var(--text-on-danger)}.frame-hide-btn:hover{background:var(--accent-primary);color:var(--text-on-accent)}.frame-hide-btn:disabled,.frame-delete-btn:disabled{opacity:.5;cursor:default}.frame-override-pip{background:var(--accent-secondary);border:1px solid var(--bg-base);pointer-events:none;width:9px;height:9px;position:absolute;top:4px;left:4px}.frame-override-pip-mask{border-radius:2px}.frame-override-pip-transform{border-radius:50%}.frame-override-pip-both{border-radius:1px;transform:rotate(45deg)}.frame-hold-badge{background:var(--accent-secondary);color:var(--text-primary);pointer-events:none;border-radius:999px;padding:.05rem .35rem;font-size:.6rem;font-weight:600;position:absolute;bottom:4px;left:4px}.frame-hold-controls{opacity:0;transition:opacity var(--dur-fast) ease;color:var(--text-secondary);justify-content:center;align-items:center;gap:.3rem;font-size:.6rem;display:flex;position:absolute;bottom:-6px;left:-6px;right:-6px}.frame-item:hover .frame-hold-controls,.frame-item:focus-within .frame-hold-controls{opacity:1}.frame-hold-btn{background:var(--overlay-strong);width:16px;height:16px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.6rem;line-height:1;display:flex}.frame-hold-btn:hover:not(:disabled){background:var(--accent-secondary)}.frame-hold-btn:disabled{opacity:.4;cursor:default}.frame-index-badge{background:var(--overlay-panel);min-width:14px;color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:center;pointer-events:none;border-radius:999px;padding:.05rem .3rem;font-size:.62rem;position:absolute;top:4px;right:4px}.frame-item-selected img{outline:3px solid var(--accent-primary);outline-offset:-3px}.frame-select-check{border:1.5px solid var(--border-strong);background:var(--overlay-soft);width:20px;height:20px;color:var(--bg-base);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) ease, background var(--dur-fast) ease, border-color var(--dur-fast) ease;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.7rem;line-height:1;display:flex;position:absolute;bottom:4px;right:4px}.frame-item:hover .frame-select-check,.frame-item:focus-within .frame-select-check,.frame-item-select-mode .frame-select-check{opacity:1}.frame-item-selected .frame-select-check{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-accent)}.frame-item-group-dragging img{opacity:.55}.frame-item-group-dragging{outline:2px dashed var(--accent-primary);outline-offset:2px;border-radius:4px}.frame-selection-bar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.frame-selection-enter{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.35rem .7rem;font-size:.78rem}.frame-selection-enter:hover{color:var(--text-primary);border-color:var(--accent-primary)}.frame-selection-bar-active{background:var(--bg-surface);border:1px solid var(--accent-primary);border-radius:var(--radius-md);padding:.5rem .7rem}.frame-selection-count{color:var(--text-secondary);white-space:nowrap;font-size:.78rem}.frame-selection-actions{flex-wrap:wrap;gap:.4rem;display:flex}.frame-selection-actions button{background:var(--tint-1);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;white-space:nowrap;border:none;padding:.35rem .6rem;font-size:.76rem}.frame-selection-actions button:hover:not(:disabled){background:var(--accent-primary);color:var(--text-on-accent)}.frame-selection-actions button:disabled{opacity:.4;cursor:default}.frame-selection-exit{margin-left:auto;background:var(--accent-secondary)!important;color:var(--text-primary)!important}.frame-selection-hint{color:var(--text-secondary);flex-basis:100%;margin:.3rem 0 0;font-size:.72rem}@media (width<=599px){.frame-selection-bar-active{flex-direction:column;align-items:stretch}.frame-selection-count{text-align:center}.frame-selection-actions{justify-content:center}.frame-selection-exit{margin-left:0}}.menu{flex-wrap:wrap;row-gap:.4rem}.hero-card{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);cursor:pointer;max-width:520px;margin:0 1.75rem 2rem;position:relative;overflow:hidden}.hero-card .frame{aspect-ratio:4/3;background:var(--sheet-bg);justify-content:center;align-items:center;display:flex}.hero-card .frame img{max-width:100%;max-height:100%;image-rendering:pixelated}.hero-card-processing{cursor:default}.hero-card .card-footer{color:var(--text-primary);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.hero-card .card-name{font-size:.95rem;font-weight:500}.badge-new{background:var(--accent-primary);color:var(--text-on-accent);letter-spacing:.03em;border-radius:999px;padding:.2rem .55rem;font-size:.65rem;font-weight:500}.clear-button{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.55rem 1rem;font-size:.8rem}.clear-button:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.clear-button:disabled{opacity:.4;cursor:default}@media (prefers-reduced-motion:reduce){.frame img,.card,.processing-spinner,.badge-processing{transition:none!important;animation:none!important}}.tablet-recent-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tablet-recent-add{border:1px solid var(--border-color);background:var(--bg-surface);width:30px;height:30px;color:var(--accent-primary);cursor:pointer;transition:background var(--dur-fast) ease, border-color var(--dur-fast) ease;border-radius:50%;flex-shrink:0;font-size:1.15rem;line-height:1}.tablet-recent-add:hover{background:var(--bg-surface-hover);border-color:var(--accent-primary)}.tablet-empty-add{background:var(--accent-primary);color:var(--text-on-accent);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:1rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600}.tablet-empty-add:hover{filter:brightness(1.08)}.import-backdrop{z-index:400;background:var(--scrim);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.import-dialog{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(28rem,100%);max-height:min(90vh,44rem);box-shadow:var(--shadow-hover);padding:1.25rem;overflow-y:auto}.import-title{color:var(--text-primary);margin:0 0 .4rem;font-family:Space Grotesk,sans-serif;font-size:1.05rem}.import-hint{color:var(--text-secondary);margin:0 0 1rem;font-size:.78rem;line-height:1.45}.import-sources{gap:.6rem;display:flex}.import-sources button{background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;flex:1;padding:.75rem .5rem;font-size:.8rem}.import-sources button:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.import-sources button:disabled{opacity:.5;cursor:default}.import-file-list{counter-reset:frame;flex-direction:column;gap:.35rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.import-file-list li{background:var(--bg-surface);border-radius:var(--radius-sm);counter-increment:frame;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.75rem;display:flex}.import-file-list li:before{content:counter(frame);min-width:1.3rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.import-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.import-file-list button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.1rem .25rem;font-size:.7rem}.import-file-list button:hover:not(:disabled){color:var(--accent-primary)}.import-file-list button:disabled{opacity:.3;cursor:default}.import-name{color:var(--text-secondary);flex-direction:column;gap:.3rem;margin-top:1rem;font-size:.75rem;display:flex}.import-name input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:.5rem .6rem;font-size:.85rem}.import-error{color:var(--danger-text);margin:.75rem 0 0;font-size:.76rem}.import-actions{gap:.6rem;margin-top:1.15rem;display:flex}.import-actions button{border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:.6rem;font-size:.82rem}.import-confirm{background:var(--accent-primary);color:var(--text-on-accent);border:none;font-weight:600}.import-confirm:hover:not(:disabled){filter:brightness(1.08)}.import-cancel{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary)}.import-cancel:hover:not(:disabled){color:var(--text-primary)}.import-actions button:disabled{opacity:.55;cursor:default}.align-mode-switch{border:1px solid var(--border-color);border-radius:var(--radius-sm);margin:.5rem 0 .35rem;display:flex;overflow:hidden}.align-mode-switch button{background:var(--bg-surface);border:none;border-right:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;flex:1;padding:.45rem .3rem;font-size:.72rem}.align-mode-switch button:last-child{border-right:none}.align-mode-switch button:hover:not(:disabled):not(.active){background:var(--bg-surface-hover);color:var(--text-primary)}.align-mode-switch button.active{background:var(--accent-primary);color:var(--text-on-accent);font-weight:600}.align-mode-switch button:disabled{opacity:.45;cursor:not-allowed}.peg-offer-toast{z-index:300;background:var(--bg-panel);border:1px solid var(--border-color);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);width:min(22rem,100vw - 2.5rem);box-shadow:var(--shadow-modal);padding:.9rem 1rem;position:fixed;bottom:1.5rem;right:1.25rem}.peg-offer-title{color:var(--text-primary);margin:0 0 .3rem;font-size:.82rem;font-weight:600}.peg-offer-body{color:var(--text-secondary);margin:0 0 .75rem;font-size:.8rem;line-height:1.45}.peg-offer-actions{gap:.5rem;display:flex}.peg-offer-actions button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-color);flex:1;padding:.5rem .6rem;font-size:.8rem}.peg-offer-yes{background:var(--accent-primary);color:var(--text-on-accent);border-color:#0000;font-weight:600}.peg-offer-yes:hover:not(:disabled){filter:brightness(1.08)}.peg-offer-no{background:var(--bg-surface);color:var(--text-secondary)}.peg-offer-no:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.peg-offer-actions button:disabled{opacity:.6;cursor:default}.peg-offer-hint{color:var(--text-secondary);margin:.7rem 0 0;font-size:.7rem;line-height:1.4}@media (width<=599px){.peg-offer-toast{width:auto;bottom:5.5rem;left:.75rem;right:.75rem}}.undo-toast{z-index:300;background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-modal);border-radius:999px;align-items:center;gap:.9rem;max-width:calc(100vw - 2rem);padding:.7rem .9rem .7rem 1.1rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.undo-toast-message{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.undo-toast-button{background:var(--accent-primary);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:.35rem .9rem;font-size:.8rem;font-weight:500}.undo-toast-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1.1rem;line-height:1}.error-toast{background:var(--danger-bg);border:1px solid var(--danger-border);padding-left:.75rem}.error-toast-icon{background:var(--danger-strong);width:20px;height:20px;color:var(--text-on-danger-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:700;display:grid}.error-toast-message{white-space:normal;text-overflow:clip;line-height:1.35;overflow:visible}.error-toast-button{background:var(--danger-strong);color:var(--text-on-danger-strong)}.tablet-view{--toast-bottom:calc(var(--tablet-bottom-inset) + var(--tablet-transport-h) + .6rem)}.tablet-view.filmstrip-open{--toast-bottom:calc(var(--tablet-bottom-inset) + var(--tablet-filmstrip-h) + var(--tablet-transport-h) + .6rem)}.undo-toast{bottom:var(--toast-bottom,1.5rem)}.undo-toast~.error-toast{bottom:calc(var(--toast-bottom,1.5rem) + 3.7rem)}.trash-list{margin:1.25rem 0 0;padding:0;list-style:none}.trash-item{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.trash-item-name{color:var(--text-primary);font-size:.9rem}.trash-item-meta{color:var(--text-secondary);font-size:.75rem}.trash-item-actions{gap:.5rem;margin-left:auto;display:flex}.onion-ghost{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.onion-ghost img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.onion-prev img{filter:url(#onion-duotone-warm)}.onion-next img{filter:url(#onion-duotone-cool)}.onion-label{color:var(--text-secondary);font-size:.75rem}.onion-opacity{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.onion-opacity input[type=range]{accent-color:var(--accent-primary)}.ide-timeline .filmstrip{flex:1;min-height:0;margin-top:0}.sidebar-heading{color:var(--text-primary);margin:0 0 .75rem;font-family:Space Grotesk,sans-serif;font-size:.9rem}.blend-mode-picker{color:var(--text-secondary);flex-direction:column;gap:.3rem;margin-bottom:.75rem;font-size:.72rem;display:flex}.blend-mode-picker select{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.4rem .5rem;font-size:.8rem}.layer-add-controls{flex-direction:column;gap:.5rem;display:flex}.layer-add-button,.layer-add-select{background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:.5rem;font-size:.76rem}.layer-add-select{border-style:solid}.layer-add-button:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.layer-add-button:disabled{opacity:.6;cursor:default}.canvas-size-panel{flex-direction:column;gap:.6rem;display:flex}.canvas-size-inputs{gap:.6rem;display:flex}.canvas-size-inputs label{color:var(--text-secondary);flex-direction:column;flex:1;gap:.3rem;font-size:.72rem;display:flex}.canvas-size-inputs input{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;padding:.4rem .5rem;font-size:.8rem}.canvas-size-actions{gap:.5rem;display:flex}.canvas-size-mode{color:var(--text-secondary);flex-direction:column;gap:.35rem;font-size:.72rem;display:flex}.canvas-size-mode label{align-items:center;gap:.4rem;display:flex}.canvas-size-mode input[type=radio]{accent-color:var(--accent-primary)}.export-link{text-align:center;border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;border:none;width:100%;padding:.55rem;font-size:.78rem;text-decoration:none;display:block}.export-link-primary{background:var(--accent-primary);color:var(--text-on-accent);box-shadow:var(--shadow-glow);font-weight:500}.export-controls{flex-direction:column;gap:.6rem;display:flex}.export-controls-field{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.72rem;display:flex}.export-controls-field select,.export-controls-field input[type=number],.export-controls-field input[type=text]{background:var(--tint-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:.45rem .6rem;font-size:.8rem}.export-controls-field select:disabled,.export-controls-field input:disabled{opacity:.5}.export-controls-checkbox{color:var(--text-primary);flex-direction:row;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.export-controls-button{background:var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-on-accent);cursor:pointer;box-shadow:var(--shadow-glow);border:none;padding:.55rem 1rem;font-size:.78rem;font-weight:500}.export-controls-button:hover:not(:disabled){filter:brightness(1.08)}.export-controls-button:disabled{opacity:.6;cursor:default}.export-controls-error{color:var(--danger-text-bright);margin:0;font-size:.72rem}.export-controls-warning{border-radius:var(--radius-sm);border-left:2px solid var(--warn);background:var(--warn-surface);color:var(--text-primary);margin:0;padding:.55rem .7rem;font-size:.74rem;line-height:1.45}.export-controls-warning strong{color:var(--warn-text);font-weight:600}.giphy-publish{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.giphy-publish-issues{color:var(--text-secondary);flex-direction:column;gap:.3rem;margin:0;padding-left:1.1rem;font-size:.72rem;display:flex}.tablet-view{background:var(--bg-base);height:100dvh;position:fixed;inset:0;overflow:hidden}.tablet-empty{color:var(--text-secondary);text-align:center;padding-top:40vh}.tablet-empty p{margin:0}.tablet-canvas{inset:var(--editor-header-total) 0 0 0;touch-action:none;overscroll-behavior:contain;contain:layout paint;position:absolute;overflow:hidden}.tablet-canvas.is-pannable{cursor:grab}.tablet-canvas.is-panning{cursor:grabbing}@media (width>=600px){.tablet-canvas.reserve-sidebar{right:min(85vw,340px)}}.view-content{transform-origin:0 0;will-change:transform;backface-visibility:hidden;opacity:0;position:absolute;top:0;left:0}.view-content.is-ready{opacity:1}.tablet-canvas-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;image-rendering:auto;display:block}.view-pixelated .tablet-canvas-img{image-rendering:pixelated}.tablet-canvas-stack{background:var(--sheet-bg);position:relative}.tablet-canvas-layer{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.view-pixelated .tablet-canvas-layer{image-rendering:pixelated}.geo-overlay{touch-action:none;pointer-events:none;position:absolute;inset:0}.geo-wrapper{transform-origin:50%;position:absolute;inset:0}.geo-veil{background:var(--veil);pointer-events:none;position:absolute}.geo-box{border:1.5px solid var(--accent-primary);cursor:move;touch-action:none;pointer-events:auto;position:absolute}.geo-box-mask:before,.geo-box-mask:after{content:"";pointer-events:none;opacity:.32;border-color:var(--accent-primary);position:absolute;inset:0}.geo-box-mask:before{border-left:1px solid;border-right:1px solid;left:33.33%;right:33.33%}.geo-box-mask:after{border-top:1px solid;border-bottom:1px solid;top:33.33%;bottom:33.33%}.geo-handle{transform-origin:50%;touch-action:none;cursor:pointer;background:0 0;border:none;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;display:grid;position:absolute;top:0;left:0}.geo-handle:after{content:"";background:var(--accent-primary);border:2px solid var(--bg-base);width:13px;height:13px;box-shadow:var(--shadow-glow);transition:transform var(--dur-instant) ease;border-radius:50%}.geo-handle:hover:after,.geo-handle:focus-visible:after{transform:scale(1.28)}.geo-handle:focus-visible{outline:2px solid var(--text-primary);outline-offset:-8px;border-radius:50%}.geo-handle-edge:after{border-radius:999px;width:22px;height:9px}.geo-handle-edge-v:after{width:9px;height:22px}.geo-anchor{pointer-events:none;width:0;height:0;position:absolute}.geo-anchor-nw{top:0;left:0}.geo-anchor-ne{top:0;left:100%}.geo-anchor-se{top:100%;left:100%}.geo-anchor-sw{top:100%;left:0}.geo-anchor-n{top:0;left:50%}.geo-anchor-s{top:100%;left:50%}.geo-anchor-w{top:50%;left:0}.geo-anchor-e{top:50%;left:100%}.geo-anchor-rot{top:-34px;left:50%}.geo-handle-nw{cursor:nwse-resize}.geo-handle-ne{cursor:nesw-resize}.geo-handle-se{cursor:nwse-resize}.geo-handle-sw{cursor:nesw-resize}.geo-handle-n,.geo-handle-s{cursor:ns-resize}.geo-handle-w,.geo-handle-e{cursor:ew-resize}.geo-handle-rot{cursor:grab}.geo-handle-rot:after{background:var(--text-primary)}.geo-handle[data-clamped=true]:after{box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-glow)}.geo-handles{pointer-events:none;z-index:2;position:absolute;inset:0}.geo-handles .geo-handle{pointer-events:auto}.geo-leaders{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.geo-leader{stroke:var(--accent-primary);stroke-width:1px;stroke-dasharray:3 3;opacity:.7}.geo-rotate-stem{background:var(--text-primary);opacity:.5;pointer-events:none;width:1px;height:34px;position:absolute;top:-34px;left:50%}.geo-box-canvas{cursor:default;border-style:dashed}.geo-size-readout{background:var(--overlay-panel);border:1px solid var(--accent-primary);color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:.01em;pointer-events:none;z-index:2;border-radius:999px;padding:.25rem .6rem;font-size:.74rem;position:absolute;top:.6rem;left:50%;transform:translate(-50%)}.geometry-panel-label{color:var(--text-secondary);margin:0 0 .35rem;font-size:.72rem}.geometry-target-list{flex-direction:column;gap:.35rem;display:flex}.geometry-target-item{align-items:center;gap:.4rem;font-size:.82rem;display:flex}.geometry-target-item input[type=radio]{accent-color:var(--accent-primary)}.geometry-target-list+.blend-mode-picker,.geometry-target-list+.layer-add-controls,.blend-mode-picker+.layer-add-controls{margin-top:.6rem}.geometry-target-list .layer-add-select{width:100%}.geometry-level-row{cursor:pointer;gap:.45rem}.geometry-level-row .level-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.level-visibility,.level-remove{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;place-items:center;padding:0;font-size:.9rem;line-height:1;display:grid}.level-visibility:hover:not(:disabled),.level-remove:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.level-remove:hover:not(:disabled){color:var(--danger-text)}.level-visibility:disabled,.level-remove:disabled{opacity:.4;cursor:default}.geometry-level-row.level-hidden .level-name{opacity:.45;text-decoration:line-through}:root[data-coarse] .level-visibility,:root[data-coarse] .level-remove{width:44px;height:44px;font-size:1.05rem}.tablet-menu-toggle{top:calc(1rem + env(safe-area-inset-top,0px));right:calc(1rem + env(safe-area-inset-right,0px));z-index:30;border:1px solid var(--border-color);background:var(--overlay-panel);-webkit-backdrop-filter:blur(10px);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute}.tablet-menu-toggle:hover{background:var(--tint-3)}.tablet-sidebar-backdrop{z-index:10;background:0 0;position:fixed;inset:0}.tablet-sidebar{top:var(--editor-header-total);z-index:25;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(14px);border-left:1px solid var(--border-color);width:min(85vw,340px);box-shadow:var(--shadow-sidebar);transition:transform var(--dur-slow) var(--ease-standard);will-change:transform;flex-direction:column;display:flex;position:fixed;bottom:0;right:0;transform:translate(100%)}.tablet-sidebar.open{transform:translate(0)}.tablet-sidebar-tabs{border-bottom:1px solid var(--border-color);flex-shrink:0;gap:.5rem;padding:1rem 1rem .75rem;display:flex}.tablet-sidebar-tabs .sidebar-tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:.6rem;font-size:1.2rem}.tablet-sidebar-tabs .sidebar-tab.active{background:var(--tint-3);color:var(--accent-primary)}.tablet-recent{min-height:0;padding:1rem .75rem;overflow-y:auto}.tablet-recent-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin:0 0 .75rem;font-size:.7rem}.tablet-recent-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tablet-recent-item{border-radius:var(--radius-sm);background:var(--sheet-bg);cursor:pointer;aspect-ratio:4/3;border:2px solid #0000;width:100%;padding:0;display:block;position:relative;overflow:hidden}.tablet-recent-item img{object-fit:cover;width:100%;height:100%;display:block}.tablet-recent-item.current{border-color:var(--accent-primary)}.tablet-recent-item:not(.current){opacity:.65}.tablet-recent-badge{background:var(--accent-primary);color:var(--text-on-accent);border-radius:999px;padding:.1rem .35rem;font-size:.55rem;font-weight:600;position:absolute;bottom:4px;left:4px}.tablet-fps-card{background:var(--overlay-panel);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:15;flex-direction:column;align-items:center;gap:.3rem;padding:1rem;display:flex;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.tablet-fps-label{color:var(--text-secondary);font-size:.65rem}.tablet-fps-value{color:var(--text-primary);font-size:1.4rem;font-weight:700}.tablet-fps-stepper{gap:.5rem;margin-top:.3rem;display:flex}.tablet-fps-stepper button{background:var(--bg-surface);width:34px;height:34px;color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;font-size:1.1rem}.tablet-fps-stepper button:hover{background:var(--accent-primary);color:var(--text-on-accent)}.tablet-transport-wrap{left:50%;bottom:var(--tablet-bottom-inset);z-index:15;max-width:calc(100% - 1.5rem);transition:bottom var(--dur-base) ease;position:absolute;transform:translate(-50%)}.filmstrip-open .tablet-transport-wrap{bottom:calc(var(--tablet-bottom-inset) + var(--tablet-filmstrip-h))}.tablet-transport-wrap:before,.tablet-transport-wrap:after{content:"";pointer-events:none;opacity:0;width:28px;transition:opacity var(--dur-fast) ease;z-index:1;position:absolute;top:1px;bottom:1px}.tablet-transport-wrap:before{background:linear-gradient(to right, var(--overlay-fade), transparent);border-radius:999px 0 0 999px;left:1px}.tablet-transport-wrap:after{background:linear-gradient(to left, var(--overlay-fade), transparent);border-radius:0 999px 999px 0;right:1px}.tablet-transport-wrap.has-more-start:before,.tablet-transport-wrap.has-more-end:after{opacity:1}.stage-bar{align-items:center;gap:var(--sp-2);margin:0 auto var(--sp-2);scrollbar-width:none;width:fit-content;max-width:100%;padding:var(--sp-1) var(--sp-2);background:var(--transport-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:999px;display:flex;overflow-x:auto}.stage-bar::-webkit-scrollbar{display:none}.stage-bar-target{min-width:0;padding-left:var(--sp-2);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;font-size:.78rem;font-weight:600;overflow:hidden}.stage-bar button{min-width:44px;min-height:44px;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;display:flex}.stage-bar button:hover{background:var(--tint-3)}.stage-bar button.active{background:var(--tint-4);border-color:var(--accent-primary);color:var(--accent-primary)}:root[data-posture=desk] .stage-bar button{border-radius:999px;flex-direction:row;gap:.4rem;min-height:40px}.tablet-transport{scrollbar-width:none;background:var(--transport-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;overflow-x:auto}.tablet-transport::-webkit-scrollbar{display:none}.tablet-transport button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:1.2rem;line-height:1;display:flex}.tablet-transport button:hover{background:var(--tint-3)}.control-label{letter-spacing:.01em;white-space:nowrap;font-size:.7rem;font-weight:600;line-height:1}.tablet-transport button:has(.control-label){width:auto;min-width:52px;height:auto;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-md);flex-direction:column;gap:3px}:root[data-posture=desk] .tablet-transport button:has(.control-label){border-radius:999px;flex-direction:row;gap:.4rem;height:40px;padding:0 .7rem}:root[data-posture=desk] .control-label{font-size:.78rem}.tablet-sidebar-tabs .sidebar-tab:has(.control-label){height:auto;padding:var(--sp-2) var(--sp-1);flex-direction:column;gap:3px}:root[data-posture=desk] .tablet-sidebar-tabs .sidebar-tab:has(.control-label){flex-direction:row;gap:.4rem;padding:.6rem}.tablet-play-pause{box-shadow:var(--shadow-glow);font-size:1.3rem;background:var(--accent-primary)!important;color:var(--text-on-accent)!important}.tablet-loop.active,.tablet-fit.active,.tablet-reverse.active,.tablet-filmstrip-toggle.active{color:var(--accent-primary)}.tablet-zoom-reset,.tablet-quality{font-variant-numeric:tabular-nums;min-width:auto;padding:0 .6rem;font-weight:600;background:var(--tint-3)!important;width:auto!important;color:var(--accent-primary)!important;border-radius:999px!important;font-size:.8rem!important}.tablet-fps-compact{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;align-items:center;gap:.4rem;padding:0 .5rem;display:none}.tablet-fps-compact button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;width:28px;min-width:28px;height:28px;font-size:1.3rem;line-height:1}.tablet-fps-compact button:hover{background:var(--tint-3)}.tablet-filmstrip-drawer{height:var(--tablet-filmstrip-h);z-index:16;background:var(--filmstrip-bg);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-color);flex-direction:column;padding:.5rem .75rem .75rem;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.tablet-filmstrip-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.7rem;display:flex}.tablet-filmstrip-header button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:.9rem}.tablet-filmstrip-header-controls{align-items:center;gap:.4rem;margin-left:.75rem;margin-right:auto;display:flex}.tablet-onion-toggle,.tablet-onion-settings-toggle{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.15rem .3rem;font-size:.85rem;line-height:1}.tablet-onion-toggle.active,.tablet-onion-settings-toggle.active{background:var(--tint-3);color:var(--accent-primary)}.tablet-onion-settings{background:var(--popover-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow);z-index:20;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:190px;margin-bottom:.5rem;padding:.6rem .85rem;display:flex;position:absolute;bottom:100%;right:.75rem}.onion-mode-buttons{gap:.3rem;display:flex}.onion-mode-buttons button{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);height:24px;color:var(--text-primary);cursor:pointer;padding:0 .5rem;font-size:.7rem}.onion-mode-buttons button.active{background:var(--tint-4);color:var(--accent-primary);border-color:var(--accent-primary)}.onion-mode-buttons button:disabled{opacity:.4;cursor:not-allowed}.onion-selection-opacity input[type=range]{flex:1}.onion-depth-buttons{gap:.3rem;display:flex}.onion-depth-buttons button{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);width:24px;height:24px;color:var(--text-primary);cursor:pointer;font-size:.75rem}.onion-depth-buttons button.active{background:var(--tint-4);color:var(--accent-primary);border-color:var(--accent-primary)}.onion-opacity-levels{flex-direction:column;gap:.3rem;width:100%;display:flex}.tablet-onion-settings .onion-opacity{color:var(--text-secondary);white-space:nowrap;width:100%}.tablet-onion-settings .onion-opacity input[type=range]{flex:1}.tablet-filmstrip-drawer .filmstrip{flex:1;min-height:107px;margin:0}.tablet-bg-preview-overlay{z-index:30;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tablet-bg-preview-overlay img{max-width:100%;max-height:100%}.edit-panel{min-height:0;color:var(--text-primary);padding:1rem;overflow-y:auto}.edit-panel-tabs{gap:.4rem;margin-bottom:1rem;display:flex}.edit-panel-tabs button{background:var(--tint-1);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;border:none;flex:1;padding:.5rem;font-size:.75rem}.edit-panel-tabs button.active{background:var(--tint-4);color:var(--accent-primary)}.edit-panel-section{flex-direction:column;gap:.75rem;display:flex}.edit-panel-subheading{color:var(--text-primary);margin:0;font-family:Space Grotesk,sans-serif;font-size:.82rem}.edit-panel-divider{border:none;border-top:1px solid var(--border-color);margin:.25rem 0}.edit-panel-hint{color:var(--text-secondary);margin:0;font-size:.72rem}.edit-panel-preview{aspect-ratio:4/3;border-radius:var(--radius-sm);overflow:hidden}.edit-panel-preview img{object-fit:contain;width:100%;height:100%}.edit-panel-slider{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.72rem;display:flex}.edit-panel-slider input[type=range]{accent-color:var(--accent-primary)}.edit-panel-checkbox{color:var(--text-primary);flex-direction:row;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.edit-panel-rotate{gap:.5rem;display:flex}.edit-panel-rotate button{background:var(--tint-2);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;border:none;flex:1;padding:.6rem;font-size:.82rem}.edit-panel-rotate button:hover:not(:disabled){background:var(--tint-5)}.edit-panel-rotate button:disabled{opacity:.5}.edit-panel-actions{align-items:center;gap:.5rem;display:flex}.edit-panel-apply{background:var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-on-accent);cursor:pointer;box-shadow:var(--shadow-glow);border:none;padding:.55rem 1rem;font-size:.78rem;font-weight:500}.edit-panel-apply:hover:not(:disabled){filter:brightness(1.08)}.edit-panel-apply:disabled{opacity:.6;cursor:default}.edit-panel-reset{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:.55rem .9rem;font-size:.78rem}.edit-panel-error{color:var(--danger-text-bright);margin:0;font-size:.72rem}.edit-panel-processing-label{align-items:center;gap:.4rem;display:inline-flex}.processing-spinner-inline{border-width:2px;flex-shrink:0;width:12px;height:12px}.edit-panel-processing{color:var(--text-primary)}@media (width<=599px){.tablet-fps-card{display:none}.tablet-fps-compact{display:flex}.tablet-sidebar{width:100vw}}.app-booting{background:var(--bg-base);min-height:100dvh}.login-screen{background:radial-gradient(circle at 50% 20%, var(--accent-wash), transparent 60%), var(--bg-base);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;padding:32px 28px}.login-title{color:var(--text-primary);margin:0 0 8px;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:1.5rem}.login-lead{color:var(--text-secondary);margin:0 0 20px}.login-button{border-radius:var(--radius-md);background:var(--accent-primary);color:var(--text-on-accent);box-shadow:var(--shadow-glow);padding:12px 22px;font-weight:600;text-decoration:none;display:inline-block}.login-button:hover{filter:brightness(1.08)}.login-note{color:var(--text-secondary);margin:18px 0 0;font-size:.82rem}.login-error{border-radius:var(--radius-sm);background:var(--danger-surface);color:var(--danger-text-bright);margin:0 0 16px;padding:10px 12px;font-size:.88rem}.project-bar{border-bottom:1px solid var(--border-color);flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.project-bar-row{align-items:center;gap:8px;display:flex}.project-bar-picker{flex:1;min-width:0}.project-bar-picker select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);width:100%;color:var(--text-primary);font:inherit;padding:7px 8px}.project-bar-icon{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);width:32px;height:32px;color:var(--text-primary);cursor:pointer;flex:0 0 32px;font-size:1.1rem;line-height:1}.project-bar-icon:hover{border-color:var(--accent-primary)}.project-bar-form{flex-wrap:wrap;gap:6px;display:flex}.project-bar-form input,.project-bar-form select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);min-width:0;color:var(--text-primary);font:inherit;flex:120px;padding:6px 8px}.project-bar-form button{border-radius:var(--radius-sm);background:var(--accent-primary);color:var(--text-on-accent);cursor:pointer;border:none;padding:6px 12px;font-weight:600}.project-bar-form button:disabled{opacity:.5;cursor:default}.project-bar-lock{border-radius:var(--radius-sm);background:var(--accent-secondary-soft);color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;display:flex}.project-bar-lock-mine{background:var(--accent-soft)}.project-bar-lock button{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;margin-left:auto;padding:4px 10px;font-size:.78rem}.project-bar-link{color:var(--accent-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.82rem}.project-bar-share{flex-direction:column;gap:8px;display:flex}.project-bar-members{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.project-bar-members li{color:var(--text-primary);align-items:center;gap:8px;font-size:.8rem;display:flex}.project-bar-members li span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-bar-role{color:var(--text-secondary);margin-left:auto;font-size:.74rem}.project-bar-members button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1}.project-bar-members button:hover{color:var(--text-primary)}.project-bar-invite span:first-child{color:var(--text-secondary);font-style:italic}.project-bar-error{color:var(--danger-text-bright);margin:0;font-size:.8rem}.project-bar-account{border-top:1px solid var(--border-color);color:var(--text-secondary);align-items:center;gap:8px;padding-top:8px;font-size:.8rem;display:flex}.project-bar-who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-bar-account .project-bar-link{margin-left:auto}.tablet-readonly{color:var(--text-secondary);padding:16px}.tablet-readonly p{margin:0 0 8px}.tablet-readonly-note{font-size:.82rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.context-header{z-index:30;height:var(--editor-header-h);padding:0 .5rem;padding-top:env(safe-area-inset-top,0px);padding-right:calc(.5rem + env(safe-area-inset-right,0px));padding-left:calc(.5rem + env(safe-area-inset-left,0px));box-sizing:content-box;background:var(--bg-surface);border-bottom:1px solid var(--border-color);flex:none;align-items:center;gap:.5rem;display:flex;position:relative}.context-header.is-compact{height:48px}.context-back{width:40px;height:40px;color:var(--text-secondary);border-radius:8px;flex:none;place-items:center;font-size:1.4rem;line-height:1;text-decoration:none;display:grid}.context-back:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.context-crumbs{flex:1;align-items:baseline;gap:.4rem;min-width:0;font-size:.9rem;display:flex}.context-crumb{white-space:nowrap;min-width:0;overflow:hidden}.context-crumb-project{color:var(--text-secondary);text-overflow:ellipsis;flex:0 auto}.context-crumb-sep{color:var(--text-secondary);flex:none}.context-crumb-scene{color:var(--text-primary);text-align:left;text-overflow:ellipsis;direction:rtl;flex:auto;font-weight:500}.context-crumb-scene:before{content:"‎"}.context-status{flex:none;align-items:center;gap:.5rem;display:flex}.context-account{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:.3rem .6rem;font-size:.8rem}.context-account:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.context-header .tablet-menu-toggle{position:static;top:auto;right:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tablet-transport-wrap.is-compact{max-width:calc(100% - 1.5rem)}.tablet-transport-wrap.is-compact .tablet-transport{justify-content:center;gap:.5rem;overflow-x:visible}.tablet-transport-wrap.is-compact:before,.tablet-transport-wrap.is-compact:after{display:none}.tablet-transport-wrap.is-compact .tablet-play-pause{width:56px;height:56px;font-size:1.3rem}.tablet-more{font-size:1.2rem}.transport-sheet-scrim{z-index:14;background:var(--scrim-weak);position:fixed;inset:0}.transport-sheet{left:50%;bottom:calc(var(--tablet-bottom-inset) + var(--tablet-transport-h) + .6rem);z-index:17;background:var(--popover-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);width:min(100% - 1.5rem,360px);box-shadow:var(--shadow-modal);border-radius:18px;padding:.5rem .75rem .75rem;position:absolute;transform:translate(-50%)}.filmstrip-open .transport-sheet{bottom:calc(var(--tablet-bottom-inset) + var(--tablet-filmstrip-h) + var(--tablet-transport-h) + .6rem)}.transport-sheet-grip{background:var(--border-color);border-radius:2px;width:36px;height:4px;margin:0 auto .6rem}.transport-sheet-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.transport-sheet-controls>button,.transport-sheet-controls .tablet-fps-compact{flex:none}.transport-sheet-close{border:1px solid var(--border-color);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;margin-top:.7rem;padding:.5rem;font-size:.85rem;display:block}.transport-sheet-close:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.history-panel{top:calc(var(--editor-header-total) + .5rem);right:calc(.5rem + env(safe-area-inset-right,0px));z-index:28;background:var(--popover-bg);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);width:min(100vw - 1rem,280px);max-height:min(60vh,420px);box-shadow:var(--shadow-modal);border-radius:14px;flex-direction:column;display:flex;position:absolute}.history-panel-head{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.6rem .5rem .5rem .85rem;display:flex}.history-panel-title{color:var(--text-secondary);flex:1;margin:0;font-size:.85rem}.history-panel-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;place-items:center;font-size:1.1rem;display:grid}.history-panel-close:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.history-panel-empty{color:var(--text-secondary);margin:0;padding:1rem .85rem;font-size:.82rem}.history-list{flex:1;min-height:0;margin:0;padding:.35rem;list-style:none;overflow-y:auto}.history-row+.history-row{margin-top:2px}.history-row button{width:100%;min-height:40px;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .6rem;font-size:.85rem;display:flex}.history-row button:hover:not(:disabled){background:var(--bg-surface-hover)}.history-row button:disabled{opacity:.5;cursor:default}.history-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.history-row-step{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:.72rem}.history-row-redo button{color:var(--accent-primary)}.context-history{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;font-size:1.1rem;display:grid}.context-history:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.context-history.active{color:var(--accent-primary)}.context-history:disabled{opacity:.35;cursor:default}:root[data-coarse] .context-history{width:44px;height:44px}