:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--accent:#14a59e;--accent-2:#1bd4cb;--accent-deep:#0e8580;--accent-contrast:#fff;--gold:#e2a457;--gold-soft:#e7d878;--font-brand:"Cormorant Garamond",Georgia,serif;--font-family:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--accent-ink:#3fd0c7;--accent-active:var(--accent-ink);--accent-hover:var(--accent-deep);--accent-soft:#14a59e29;--accent-glow:#14a59e61;--accent-bg:var(--accent-soft);--gold-ink:#e8c27a;--bg:#000504;--ambient:radial-gradient(55% 50% at 6% 8%,#14a59e13,transparent 70%), radial-gradient(40% 40% at 94% 6%,#0e687612,transparent 70%), radial-gradient(55% 55% at 88% 96%,#0c787411,transparent 70%), radial-gradient(40% 40% at 18% 100%,#b8985006,transparent 70%);--glass-1:linear-gradient(180deg,#10242499,#050f0f80);--glass-2:#ffffff09;--glass-2-hover:#fff1;--glass-3:linear-gradient(180deg,#112626e6,#071313db);--glass-border:#ffffff1a;--glass-hl:inset 0 1px 0 #ffffff12;--seg-active:#ffffff17;--stage-tint:#ffffff04;--grid-dot:#ffffff12;--solid-panel:#071413;--line:#ffffff14;--line-strong:#ffffff29;--field:#0000003d;--field-border:#ffffff1a;--field-hover:#ffffff3d;--panel:var(--solid-panel);--panel2:var(--field);--bg-code:#00000052;--bg-hover:var(--glass-2-hover);--bg-active:var(--seg-active);--text:#d3e3e1;--text-contrast:#f0faf9;--muted:#94aeab;--muted2:#6b8582;--border-default:var(--line);--border-active:var(--accent);--shadow-sm:0 4px 16px #00000038;--shadow-md:0 10px 32px #00000057;--shadow-lg:0 20px 56px #0000007a;--paper-shadow:0 24px 60px #00000073,0 2px 8px #0000004d;--scrim:#01060694;--blur:blur(24px) saturate(160%);--sidebar-width:360px;--sidebar-min:300px;--sidebar-max:560px;--gap:12px;--radius:12px;--radius-lg:24px;--ease:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--transition-fast:.16s var(--ease);--transition-normal:.3s var(--ease);--color-success:#2e9d5a;--color-warning:#e0a400;--color-error:#d64a3a;--paper-light:#fff;--paper-dark:#161a22;--lv0:#3fd0c7;--lv1:#e8c27a;--lv2:#8fb3ff;--lv3:#e58fc4;--lv4:#a5d86e;color-scheme:dark}:root[data-theme=light]{--accent-ink:#0d7f7a;--accent-soft:#14a59e1f;--accent-glow:#14a59e4d;--gold-ink:#9d6a1a;--bg:#eef5f4;--ambient:radial-gradient(55% 50% at 6% 8%,#14a59e4d,transparent 70%), radial-gradient(42% 42% at 94% 6%,#e7d8786b,transparent 70%), radial-gradient(55% 55% at 88% 96%,#70d0d061,transparent 70%), radial-gradient(40% 40% at 18% 100%,#b8985033,transparent 70%);--glass-1:linear-gradient(180deg,#ffffffad,#ffffff70);--glass-2:#ffffff85;--glass-2-hover:#ffffffc7;--glass-3:linear-gradient(180deg,#ffffffeb,#ffffffc2);--glass-border:#fffc;--glass-hl:inset 0 1px 0 #ffffffe6;--seg-active:#fff;--stage-tint:#ffffff42;--grid-dot:#0d2f2d1c;--solid-panel:#f7fbfa;--line:#0d2f2d17;--line-strong:#0d2f2d2e;--field:#ffffffb8;--field-border:#0d2f2d21;--field-hover:#0d2f2d4d;--bg-code:#0d2f2d0f;--text:#24312f;--text-contrast:#0b1a19;--muted:#566a68;--muted2:#7d8f8d;--shadow-sm:0 4px 16px #10403d0f;--shadow-md:0 10px 32px #10403d1c;--shadow-lg:0 20px 56px #10403d2e;--paper-shadow:0 24px 60px #10403d29,0 2px 8px #10403d0f;--scrim:#0d2f2d38;--lv0:#0d7f7a;--lv1:#9d6a1a;--lv2:#3b5fc0;--lv3:#b0407f;--lv4:#4f7f1f;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:350px;font-size:.9375rem;line-height:1.5;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}::selection{background:var(--accent-glow)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ico{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,transparent) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 45%,transparent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}[hidden]{display:none!important}.ambient{z-index:0;pointer-events:none;background:var(--ambient),var(--bg);position:fixed;inset:0}.brand-title{font-family:var(--font-brand);color:var(--accent-ink);letter-spacing:-.005em;font-weight:600;line-height:.92}.brand-tagline{font-family:var(--font-family);letter-spacing:.17em;text-transform:uppercase;color:var(--muted);font-size:.59rem;font-weight:700;line-height:1.2}.studio-link{color:var(--text-contrast);transition:transform var(--transition-fast),opacity var(--transition-fast);border-radius:6px;display:inline-block}.studio-link:hover{opacity:.85;transform:translateY(-1px)}.studio-mark{--mark-h:14px;height:var(--mark-h);width:calc(var(--mark-h) * 1499.98 / 265.22);vertical-align:calc(var(--mark-h) * -40.58 / 265.22);display:inline-block}.nowrap{white-space:nowrap}#app{gap:var(--gap);height:100%;padding:var(--gap);z-index:1;display:flex;position:relative;overflow:hidden}.sidebar,.toolbar,.modal-container,.toast,.stage-ctrl{backdrop-filter:var(--blur);border:1px solid var(--glass-border)}.sidebar{width:var(--sidebar-width);background:var(--glass-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--glass-hl);z-index:20;flex-direction:column;flex-shrink:0;min-height:0;display:flex;position:relative}.sidebar-header{padding:18px 16px 14px}.sidebar-brand{text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;border:0;border-radius:16px;align-items:center;gap:12px;padding:6px 8px;display:flex}.sidebar-brand:hover{background:linear-gradient(90deg,var(--accent-soft),transparent)}.brand-icon{width:40px;height:40px;filter:drop-shadow(0 4px 10px var(--accent-soft));transition:transform var(--transition-normal);flex-shrink:0}.sidebar-brand:hover .brand-icon{transform:rotate(-4deg)scale(1.04)}.brand-lockup{flex-direction:column;gap:4px;min-width:0;display:flex}.sidebar-brand .brand-title{font-size:1.7rem}.sidebar-brand .brand-tagline{font-size:.55rem}.tabs{background:var(--field);border:1px solid var(--line);border-radius:14px;flex-shrink:0;gap:4px;margin:0 16px 6px;padding:4px;display:flex}.tab{color:var(--muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .25rem;font-size:.875rem;font-weight:700;display:inline-flex}.tab:hover{color:var(--accent-ink)}.tab[aria-selected=true]{background:var(--seg-active);color:var(--accent-ink);box-shadow:0 2px 8px #00000014}.tab .ico{width:16px;height:16px}.sidebar-body{flex:1;min-height:0;padding:12px 16px 16px;overflow-y:auto}.copyright{color:var(--muted);border-top:1px solid var(--line);text-align:center;padding:12px 16px 14px;font-size:.75rem;line-height:1.7}.resize-handle{top:24px;right:calc(var(--gap) / -2 - 2px);cursor:col-resize;z-index:30;width:4px;transition:background var(--transition-fast);border-radius:2px;position:absolute;bottom:24px}.resize-handle:after{content:"";position:absolute;inset:0 -4px}.resize-handle:hover,.resize-handle.active{background:var(--accent)}.scrim{background:var(--scrim);backdrop-filter:blur(3px);z-index:15;display:none;position:absolute;inset:0}.main-content{gap:var(--gap);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.toolbar{background:var(--glass-1);box-shadow:var(--shadow-sm),var(--glass-hl);border-radius:20px;flex-direction:column;flex-shrink:0;gap:.7rem;padding:12px 14px;display:flex}.toolbar-main{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.toolbar-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.toolbar-left{align-items:center;gap:12px;min-width:0;display:flex}.toolbar-title{font-family:var(--font-brand);color:var(--text-contrast);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.55rem;font-size:1.65rem;font-weight:600;line-height:1.1;display:flex;overflow:hidden}.toolbar-title .ico{width:20px;height:20px;color:var(--accent-ink)}.toolbar-title span{text-overflow:ellipsis;overflow:hidden}.toolbar-meta{color:var(--muted);white-space:nowrap;background:var(--accent-soft);border-radius:999px;padding:.2rem .65rem;font-size:.8125rem;font-weight:600}.toolbar-meta:empty{display:none}.toolbar-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn.mobile-menu-btn{display:none}.btn{background:var(--glass-2);border:1px solid var(--line);border-radius:var(--radius);width:40px;height:40px;color:var(--text);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;line-height:1;display:inline-flex}.btn:hover{color:var(--accent-ink);background:var(--glass-2-hover);border-color:color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 4px 14px var(--accent-soft)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-sm{width:auto;padding:0 1rem}.btn-primary{background:linear-gradient(180deg,#17b1a9,var(--accent-deep));color:var(--accent-contrast);box-shadow:0 4px 14px var(--accent-glow),inset 0 1px 0 #ffffff47;border-color:#ffffff38}.btn-primary:hover{color:var(--accent-contrast);box-shadow:0 6px 20px var(--accent-glow),inset 0 1px 0 #ffffff52;background:linear-gradient(#1bbdb4,#0f8e88);border-color:#ffffff4d}.btn-secondary{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 32%,transparent)}.btn-secondary:hover{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.btn-danger:hover,.btn-danger.armed{color:#fff;background:var(--color-error);border-color:var(--color-error);box-shadow:0 4px 14px color-mix(in srgb,var(--color-error) 35%,transparent)}.theme-toggle-btn .sun-icon{display:none}:root[data-theme=light] .theme-toggle-btn .sun-icon{display:block}:root[data-theme=light] .theme-toggle-btn .moon-icon{display:none}.field{flex-direction:column;gap:.35rem;min-width:0;margin-bottom:.9rem;display:flex}.field>label,.label{color:var(--muted);transition:color var(--transition-fast);font-size:.8125rem;font-weight:700}.field select:disabled{opacity:.5;cursor:not-allowed}.field:has(input:focus,select:focus,textarea:focus)>label{color:var(--accent-ink)}.opt{color:var(--muted2);font-weight:500}input[type=text],input:not([type]),select,textarea{background:var(--field);border:1px solid var(--field-border);border-radius:var(--radius);width:100%;height:40px;color:var(--text-contrast);min-width:0;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);padding:8px 12px}input[type=text]:hover,input:not([type]):hover,select:hover,textarea:hover{border-color:var(--field-hover)}input[type=text]:focus,input:not([type]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--muted2)}select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314a59e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}select option{background:var(--solid-panel);color:var(--text-contrast)}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;width:100%;height:24px;accent-color:var(--accent);background:0 0}input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);width:18px;height:18px;box-shadow:0 2px 8px var(--accent-glow);transition:transform var(--transition-fast);background:#fff;border-radius:50%;margin-top:-7px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}input[type=range]::-moz-range-thumb{border:3px solid var(--accent);width:12px;height:12px;box-shadow:0 2px 8px var(--accent-glow);background:#fff;border-radius:50%}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft),0 2px 8px var(--accent-glow)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-soft)}.range-row{align-items:center;gap:.75rem;display:flex}.range-row output{text-align:center;min-width:3.2rem;color:var(--accent-ink);font-variant-numeric:tabular-nums;background:var(--accent-soft);border-radius:8px;padding:.15rem .4rem;font-size:.8125rem;font-weight:700}.sub{color:var(--text-contrast);border-bottom:1px solid var(--line);margin:1.1rem 0 .6rem;padding-bottom:.4rem;font-size:.875rem;font-weight:700}.sub:first-child{margin-top:0}.sub-group{border:1px solid var(--line);background:var(--glass-2);border-radius:16px;margin-bottom:12px;overflow:hidden}.sub-group:last-child{margin-bottom:0}.sub-group .sub{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:.55rem;margin:0;padding:.7rem .95rem;font-size:.75rem;font-weight:800;display:flex}.sub-group .sub:before{content:"";background:linear-gradient(135deg,var(--gold-soft),var(--gold));width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent);border-radius:50%;flex-shrink:0}.sub-group .sub .opt{text-transform:none;letter-spacing:0;font-weight:600}.sub-body{padding:.9rem .95rem 0}.sub-body>:last-child{margin-bottom:.9rem}.hint{color:var(--muted);margin-bottom:.8rem;font-size:.8125rem}.row-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem;display:flex}.seg{flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;display:flex}.seg-btn{background:var(--glass-2);height:36px;color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);border-radius:10px;padding:0 .9rem;font-weight:700}.seg-btn:hover{background:var(--accent);color:var(--accent-contrast)}.seg-btn[aria-checked=true]{background:var(--accent-soft);color:var(--accent-ink)}.seg-btn[aria-checked=true]:hover{background:var(--accent);color:var(--accent-contrast)}.stage-wrap{border-radius:var(--radius-lg);background:var(--stage-tint);border:1px solid var(--glass-border);min-height:0;box-shadow:var(--glass-hl);flex:1;display:flex;position:relative;overflow:hidden}.stage-ctrl{background:var(--glass-3);box-shadow:var(--shadow-md),var(--glass-hl);z-index:5;border-radius:16px;align-items:center;gap:2px;padding:5px;display:flex;position:absolute;bottom:14px;right:14px}.stage-ctrl .btn{width:36px;height:36px;color:var(--muted);background:0 0;border-color:#0000;border-radius:11px}.stage-ctrl .btn:hover{background:var(--seg-active);color:var(--accent-ink);box-shadow:0 2px 8px #00000014}.stage-ctrl #btnCompare[aria-pressed=true],.stage-ctrl #btnFit[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.stage-ctrl .zoom-label{text-align:center;font-variant-numeric:tabular-nums;width:auto;min-width:3.4rem;color:var(--text-contrast);padding:0 .4rem;font-size:.8125rem;font-weight:700}.empty-state{color:var(--muted);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex;position:absolute;inset:0}.empty-logo{width:96px;height:96px;filter:drop-shadow(0 10px 24px var(--accent-soft));animation:6s ease-in-out infinite float}.empty-title{font-family:var(--font-brand);color:var(--text-contrast);font-size:1.9rem;font-weight:600;line-height:1.1}.empty-state .btn{pointer-events:auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.toasts{left:50%;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:3000;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;width:min(92vw,560px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--glass-3);width:100%;color:var(--text-contrast);box-shadow:var(--shadow-lg);text-wrap:balance;animation:view-enter .35s var(--ease-spring);border-radius:14px;align-items:center;gap:.9rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.toast>span{text-align:center;flex:1;min-width:0}.toast.warn{border-color:var(--color-warning)}.toast.err{border-color:var(--color-error)}.toast button{color:var(--accent-ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;margin-left:auto;padding:.25rem .4rem;font-weight:800}.toast button:hover{background:var(--accent-soft)}@keyframes view-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.modal-overlay{background:var(--scrim);backdrop-filter:blur(6px);z-index:2000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-normal),visibility var(--transition-normal);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.modal-container{background:var(--glass-3);border-radius:var(--radius-lg);width:min(640px,100%);max-height:90vh;box-shadow:var(--shadow-lg),var(--glass-hl);transition:transform var(--transition-normal);flex-direction:column;display:flex;transform:translateY(16px)scale(.98)}.modal-overlay.show .modal-container{transform:none}.modal-confirm .modal-container{width:min(440px,100%)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem .9rem 1.4rem;display:flex}.modal-title{font-family:var(--font-brand);color:var(--text-contrast);align-items:center;gap:10px;font-size:1.6rem;font-weight:600;line-height:1.1;display:flex}.modal-title .ico{width:20px;height:20px;color:var(--accent-ink)}.modal-close{background:var(--glass-2);border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;transition:color var(--transition-fast),transform var(--transition-normal),background var(--transition-fast);border-radius:50%;place-items:center;display:grid}.modal-close:hover{color:var(--accent-ink);background:var(--accent-soft);transform:rotate(90deg)}.modal-body{flex:1;min-height:0;padding:1.25rem 1.4rem;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.9rem 1.25rem;display:flex}.modal-body p{margin-bottom:.8rem}.modal-body .hint{margin-bottom:.5rem}.about-hero{text-align:center;border-bottom:1px solid var(--line);flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.5rem 0 1.25rem;display:flex}.about-logo{--logo-frame:3px;width:76px;height:76px;filter:drop-shadow(0 8px 20px var(--accent-soft));margin-bottom:.4rem}.about-hero .brand-title{font-size:3rem}.about-hero .brand-tagline{font-size:.66rem}.modal-body .about-credit{color:var(--muted);margin:.85rem 0 0;font-size:.8125rem}.about-credit .studio-mark{--mark-h:16px}.acc-list{flex-direction:column;gap:.5rem;display:flex}.acc{border:1px solid var(--line);background:var(--glass-2);border-radius:14px;overflow:hidden}.acc-h{margin:0;font-size:1rem}.acc-btn{text-align:left;width:100%;color:var(--text-contrast);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:0;align-items:center;gap:.65rem;padding:.75rem .9rem;font-size:.875rem;font-weight:800;display:flex}.acc-btn:hover{background:var(--glass-2-hover)}.acc-btn:focus-visible{outline:2px solid var(--accent-ink);outline-offset:-2px}.acc-btn .acc-ico{color:var(--accent-ink)}.acc-btn .acc-chev{color:var(--muted);transition:transform var(--transition-normal);margin-left:auto}.acc-btn[aria-expanded=true] .acc-chev{color:var(--accent-ink);transform:rotate(180deg)}.acc-panel{transition:grid-template-rows var(--transition-normal);grid-template-rows:0fr;display:grid}.acc-panel.is-open{grid-template-rows:1fr}.acc-clip{min-height:0;overflow:hidden}.acc-body{color:var(--muted);padding:.1rem .95rem 1rem;font-size:.875rem;line-height:1.65}.acc-body .help-note{color:var(--muted);margin-bottom:0;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.acc-panel,.acc-btn .acc-chev{transition:none}}.acc-body p{margin-bottom:.6rem}.acc-body p:last-child{margin-bottom:0}.acc-body ul,.acc-body ol{flex-direction:column;gap:.4rem;margin-bottom:.7rem;padding-left:1.15rem;list-style:square;display:flex}.acc-body ol{list-style:decimal}.acc-body li::marker{color:var(--accent)}.acc-body li strong{color:var(--text-contrast);font-weight:700}.acc-body code{font-family:var(--font-mono);color:var(--accent-ink);font-size:.8125rem}.modal-body a:not(.studio-link){color:var(--accent-ink);text-underline-offset:2px;text-decoration:underline}.modal-body a:not(.studio-link):hover,.modal-body a:not(.studio-link):focus-visible{color:var(--accent)}.acc-body ul.credits{gap:.45rem;margin-bottom:0;padding-left:0;list-style:none}.credit{background:var(--bg-code);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;padding:.55rem .7rem;display:flex}.credit a{font-weight:700;text-decoration:none}.credit a:hover,.credit a:focus-visible{text-decoration:underline}.credit-note{color:var(--muted);min-width:0;font-size:.8125rem}.credit-lic{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);white-space:nowrap;border-radius:999px;margin-left:auto;padding:.05rem .5rem;font-size:.68rem;font-weight:800}@supports not (backdrop-filter:blur(1px)){.sidebar,.toolbar,.modal-container,.toast,.stage-ctrl{background:var(--solid-panel)}}.theme-switching *,.theme-switching :before,.theme-switching :after{transition:none!important}::view-transition-old(root){animation:none}::view-transition-new(root){animation:.5s ease-in-out theme-reveal}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-toggle-x,50%) var(--theme-toggle-y,50%))}to{clip-path:circle(150vmax at var(--theme-toggle-x,50%) var(--theme-toggle-y,50%))}}@media (width<=768px),(pointer:coarse){::view-transition-old(root){animation:.35s ease-in-out both theme-fade-out}::view-transition-new(root){animation:.35s ease-in-out both theme-fade-in}}@keyframes theme-fade-out{to{opacity:0}}@keyframes theme-fade-in{0%{opacity:0}}@media (width<=768px){:root{--gap:8px}.sidebar{top:var(--gap);bottom:var(--gap);left:var(--gap);width:min(88vw,400px);transform:translateX(calc(-100% - 2 * var(--gap)));transition:transform var(--transition-normal);z-index:40;background:var(--glass-3);position:absolute}.sidebar.open{box-shadow:var(--shadow-lg),var(--glass-hl);transform:translate(0)}.scrim.show{z-index:35;display:block}.resize-handle{display:none}.btn.mobile-menu-btn{display:inline-flex}.toolbar{border-radius:18px;padding:10px 12px}.toolbar-title{font-size:1.4rem}.toolbar-meta{display:none}.stage-wrap{border-radius:18px}.stage-inner{padding:1rem}}@media (width<=640px){.btn-label{display:none}.toolbar .btn-sm{width:40px;padding:0}.toolbar .ico-caret{display:none}.toolbar .btn-sm.armed{width:auto;padding:0 .75rem}}@media print{.ambient,.sidebar,.resize-handle,.toolbar,.mobile-menu-btn,.stage-ctrl{display:none!important}body,#app{color:#000;background:#fff;height:auto;padding:0;overflow:visible}.stage-wrap{box-shadow:none;background:0 0;border:0}.stage{background:0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.seg-btn[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.stage{cursor:grab;background-image:radial-gradient(var(--grid-dot) 1.2px,transparent 1.2px);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-size:22px 22px;flex:1;min-width:0;position:relative;overflow:hidden}.stage.panning{cursor:grabbing}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage.is-empty{cursor:default}.bar{background:var(--line);border-radius:999px;height:6px;position:relative;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:0;box-shadow:0 0 12px var(--accent-glow);transition:width var(--transition-fast);position:absolute;inset:0 auto 0 0}.bar.indeterminate i{width:35%;animation:bar-sweep 1.4s var(--ease) infinite;transition:none}@keyframes bar-sweep{0%{transform:translate(-110%)}to{transform:translate(300%)}}.privacy{color:var(--muted);align-items:flex-start;gap:.55rem;margin-top:.9rem;font-size:.8125rem;line-height:1.45;display:flex}.privacy .ico{width:16px;height:16px;color:var(--gold-ink);margin-top:1px}.scale-grid{grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:.7rem;display:grid}.scale-btn{background:var(--glass-2);border:1px solid var(--line);min-width:0;min-height:66px;color:var(--text);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:.5rem .25rem;display:flex}.scale-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--glass-2-hover)}.scale-btn[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.scale-btn:disabled{opacity:.45;cursor:not-allowed}.scale-value{font-family:var(--font-brand);color:var(--text-contrast);font-size:1.55rem;font-weight:600;line-height:1}.scale-btn[aria-checked=true] .scale-value{color:var(--accent-ink)}.scale-out{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:700;line-height:1.2}.model-list{flex-direction:column;gap:.45rem;margin-bottom:.9rem;display:flex}.model-card{background:var(--glass-2);border:1px solid var(--line);width:100%;color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);border-radius:12px;flex-direction:column;gap:.3rem;padding:.65rem .75rem;display:flex}.model-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--glass-2-hover)}.model-card[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft)}.model-card.is-limited{opacity:.62}.model-top{align-items:center;gap:.45rem;min-width:0;display:flex}.model-name{color:var(--text-contrast);font-size:.9rem;font-weight:800}.model-card[aria-checked=true] .model-name{color:var(--accent-ink)}.model-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);border-radius:999px;flex-shrink:0;padding:.03rem .42rem;font-size:.625rem;font-weight:800}.model-dl{color:var(--muted);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:.6875rem;font-weight:700}.model-dl.is-ready{color:var(--color-success)}.model-blurb{color:var(--muted);font-size:.8125rem;line-height:1.4}.model-rates{color:var(--muted2);flex-wrap:wrap;gap:.2rem 1rem;font-size:.6875rem;font-weight:700;display:flex}.model-rate{align-items:center;gap:.35rem;display:inline-flex}.pips{gap:2px;display:inline-flex}.pips i{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.pips i.on{background:var(--accent-ink)}.toolbar-meta{font-variant-numeric:tabular-nums}.toolbar-title{min-width:0}.load-meter{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-2);height:40px;color:var(--muted);white-space:nowrap;cursor:help;align-items:center;gap:.45rem;padding:0 .7rem;font-size:.75rem;font-weight:800;display:inline-flex}.load-bars{align-items:flex-end;gap:2px;height:16px;display:inline-flex}.load-bars i{background:var(--line-strong);width:4px;transition:background var(--transition-normal);border-radius:1.5px}.load-bars i:first-child{height:5px}.load-bars i:nth-child(2){height:8px}.load-bars i:nth-child(3){height:12px}.load-bars i:nth-child(4){height:16px}.load-meter[data-level="1"] .load-bars i:nth-child(-n+1),.load-meter[data-level="2"] .load-bars i:nth-child(-n+2){background:var(--color-success)}.load-meter[data-level="3"] .load-bars i:nth-child(-n+3){background:var(--color-warning)}.load-meter[data-level="4"] .load-bars i{background:var(--color-error)}.load-meter[data-level="3"] .load-label{color:var(--color-warning)}.load-meter[data-level="4"] .load-label{color:var(--color-error)}.speed-device{color:var(--accent-ink)}.speed-value{font-variant-numeric:tabular-nums}.cmp-label{z-index:3;color:#fff;backdrop-filter:blur(8px);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:999px;max-width:calc(50% - 28px);padding:.25rem .65rem;font-size:.75rem;font-weight:800;position:absolute;top:14px;overflow:hidden}.cmp-before{left:14px}.cmp-after{right:14px}.stage-wrap:has(.hud:not([hidden])) .cmp-after{display:none}.cmp-handle{z-index:4;cursor:ew-resize;touch-action:none;justify-content:center;align-items:center;width:32px;margin-left:-16px;display:flex;position:absolute;top:0;bottom:0;left:50%}.cmp-handle:before{content:"";background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 8px #0000008c}.cmp-knob{width:36px;height:36px;color:var(--accent-deep);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;box-shadow:0 4px 14px #00000073}.cmp-handle:focus-visible{outline:none}.cmp-handle:focus-visible .cmp-knob{outline:3px solid var(--accent-ink);outline-offset:2px}.drop-overlay{z-index:6;border:2px dashed var(--accent-ink);background:color-mix(in srgb,var(--accent) 22%,var(--scrim));backdrop-filter:blur(6px);font-family:var(--font-brand);color:var(--text-contrast);pointer-events:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:600;display:flex;position:absolute;inset:10px}.drop-overlay .ico{width:34px;height:34px;color:var(--accent-ink)}.hud{z-index:5;background:var(--glass-3);width:min(340px,100% - 28px);max-height:calc(100% - 90px);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg),var(--glass-hl);border-radius:18px;flex-direction:column;gap:.55rem;padding:.8rem .9rem;display:flex;position:absolute;top:14px;right:14px;overflow:hidden}.hud>*{flex-shrink:0}.hud>.hud-more{flex-shrink:1;min-height:0;overflow-y:auto}.hud-foot{justify-content:flex-end;display:flex}.hud-head{align-items:flex-start;gap:.5rem;display:flex}.hud-heading{flex:1;min-width:0}.hud-title{color:var(--text-contrast);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:800;overflow:hidden}.hud-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.hud-toggle{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.hud-toggle:hover{background:var(--bg-hover);color:var(--accent-ink)}.hud-toggle .ico{width:16px;height:16px;transition:transform var(--transition-normal)}.hud-toggle[aria-expanded=false] .ico{transform:rotate(180deg)}.hud-detail{color:var(--text);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600;line-height:1.4}.hud-detail.is-stalled{color:var(--gold-ink)}.hud-steps{border-top:1px solid var(--line);flex-direction:column;gap:.28rem;padding-top:.5rem;list-style:none;display:flex}.hud-step{color:var(--muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.hud-step .ico{width:14px;height:14px}.hud-step.done .ico{color:var(--color-success)}.hud-step.active{color:var(--text-contrast);font-weight:700}.hud-step.active .ico{color:var(--accent-ink);animation:1s linear infinite spin}.hud-step time{color:var(--muted2);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}@keyframes spin{to{transform:rotate(360deg)}}.hud-device{border-top:1px solid var(--line);color:var(--muted);margin-top:.35rem;padding-top:.5rem;font-size:.75rem;line-height:1.4}.hud-device b{color:var(--text);font-weight:800}.toast.has-bar{flex-wrap:wrap;gap:.45rem .9rem}.toast.has-bar .toast-text{flex:1;min-width:0}.toast.has-bar .bar{flex-basis:100%}.toast-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;display:block}.about-licenses{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:.8rem;display:flex}.acc-body strong{color:var(--text-contrast)}.acc-body>:last-child{margin-bottom:0}@media (width<=768px){.load-meter{padding:0 .55rem}.hud{width:calc(100% - 16px);top:8px;right:8px}.cmp-label{top:8px}}@media (width<=640px){.toolbar #btnUpscale{width:auto;padding:0 .9rem}}@media (width<=480px){.load-label,.speed-device{display:none}.load-meter{height:40px}}