:root{--bg:#e8eef4;--bg-deep:#dde6ee;--grid-minor:#0b35540e;--grid-major:#0b35541a;--vignette:#0b35540f;--panel:#ffffffbd;--panel-solid:#fff;--panel-raise:#ffffffeb;--inset:#0b35540d;--checker-a:#fff;--checker-b:#e2e8ef;--line:#0b355429;--line-soft:#0b355417;--line-strong:#0b355452;--text:#0b2540;--text-dim:#4a6483;--text-faint:#566d87;--accent-a:#0e7490;--accent-b:#6d28d9;--accent-a-soft:#0e749021;--accent-b-soft:#6d28d91f;--accent-grad:linear-gradient(115deg, var(--accent-a), var(--accent-b));--on-accent:#fff;--warn:#a4590a;--danger:#b42318;--ok:#0f7a4d;--shadow-panel:0 1px 2px #0b25400f, 0 18px 44px -18px #0b254047;--shadow-pop:0 2px 6px #0b254014, 0 28px 60px -20px #0b25405c;--font-display:"Bricolage Grotesque", "SF Pro Display", -apple-system, system-ui, sans-serif;--font-mono:"Spline Sans Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-micro:10px;--fs-tiny:11px;--fs-small:12.5px;--fs-body:14px;--fs-lead:17.5px;--fs-title:22px;--fs-hero:34px;--r-panel:12px;--r-control:7px;--r-chip:4px;--r-pill:999px;--ease-draw:cubic-bezier(.65, 0, .35, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-mid:.26s;--dur-slow:.62s;--topbar-h:56px;--statusbar-h:30px;--inspector-w:344px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#071320;--bg-deep:#050d17;--grid-minor:#7dc3eb0d;--grid-major:#7dc3eb18;--vignette:#00000059;--panel:#0d1c2bc2;--panel-solid:#0c1a28;--panel-raise:#142739eb;--inset:#7dc3eb0d;--checker-a:#16283a;--checker-b:#0f1f2e;--line:#8cc3eb2b;--line-soft:#8cc3eb17;--line-strong:#8cc3eb5c;--text:#dcebf7;--text-dim:#93aec6;--text-faint:#7093ae;--accent-a:#22d3ee;--accent-b:#a78bfa;--accent-a-soft:#22d3ee26;--accent-b-soft:#a78bfa26;--on-accent:#04121a;--warn:#f2b45c;--danger:#ff8078;--ok:#4ade9b;--shadow-panel:0 1px 0 #8cc3eb0f inset, 0 22px 50px -20px #000000bf;--shadow-pop:0 1px 0 #8cc3eb14 inset, 0 34px 70px -24px #000000d9}}:root[data-theme=dark]{--bg:#071320;--bg-deep:#050d17;--grid-minor:#7dc3eb0d;--grid-major:#7dc3eb18;--vignette:#00000059;--panel:#0d1c2bc2;--panel-solid:#0c1a28;--panel-raise:#142739eb;--inset:#7dc3eb0d;--checker-a:#16283a;--checker-b:#0f1f2e;--line:#8cc3eb2b;--line-soft:#8cc3eb17;--line-strong:#8cc3eb5c;--text:#dcebf7;--text-dim:#93aec6;--text-faint:#7093ae;--accent-a:#22d3ee;--accent-b:#a78bfa;--accent-a-soft:#22d3ee26;--accent-b-soft:#a78bfa26;--on-accent:#04121a;--warn:#f2b45c;--danger:#ff8078;--ok:#4ade9b;--shadow-panel:0 1px 0 #8cc3eb0f inset, 0 22px 50px -20px #000000bf;--shadow-pop:0 1px 0 #8cc3eb14 inset, 0 34px 70px -24px #000000d9}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-display);font-size:var(--fs-body);font-variation-settings:"opsz" 14, "wdth" 100, "wght" 400;-webkit-font-smoothing:antialiased;transition:background var(--dur-mid) var(--ease-out), color var(--dur-mid) var(--ease-out);margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-a);outline-offset:2px;border-radius:var(--r-chip)}::selection{background:var(--accent-a-soft)}@keyframes draw{0%{stroke-dashoffset:var(--dash,400)}to{stroke-dashoffset:0}}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes edge-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(320%)}}@keyframes pop{0%{opacity:0;transform:scale(.965)translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar-h) 1fr var(--statusbar-h);isolation:isolate;height:100%;display:grid;position:relative}.app:before{content:"";z-index:-1;background-color:var(--bg);background-image:linear-gradient(var(--grid-minor) 1px, transparent 1px), linear-gradient(90deg, var(--grid-minor) 1px, transparent 1px), linear-gradient(var(--grid-major) 1px, transparent 1px), linear-gradient(90deg, var(--grid-major) 1px, transparent 1px), radial-gradient(120% 90% at 50% 0%, transparent 40%, var(--vignette) 100%);transition:background-color var(--dur-mid) var(--ease-out);background-size:8px 8px,8px 8px,64px 64px,64px 64px,100% 100%;position:fixed;inset:0}.topbar{border-bottom:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px)saturate(1.3);z-index:20;scrollbar-width:none;align-items:center;gap:14px;padding:0 14px;display:flex;overflow-x:auto}.topbar::-webkit-scrollbar{display:none}.topbar>*{flex-shrink:0}.brand{border-right:1px solid var(--line-soft);align-items:center;gap:9px;height:30px;padding-right:14px;display:flex}.brand__name{font-size:var(--fs-lead);font-variation-settings:"opsz" 18, "wdth" 88, "wght" 700;letter-spacing:-.022em;background:var(--accent-grad);color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text}.brand__mark path,.brand__mark circle{stroke-dasharray:var(--dash);animation:draw var(--dur-slow) var(--ease-draw) both}.brand__mark .m2{animation-delay:.12s}.brand__mark .m3{animation-delay:.24s}.topbar__file{min-width:0;animation:rise var(--dur-mid) var(--ease-out) both;align-items:baseline;gap:8px;display:flex}.topbar__filename{font-size:var(--fs-small);white-space:nowrap;text-overflow:ellipsis;max-width:22ch;font-weight:600;overflow:hidden}.topbar__dims{font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--text-faint);white-space:nowrap}.topbar__spacer{flex:1}.topbar__group{align-items:center;gap:6px;display:flex}.btn{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel-raise);height:30px;color:var(--text-dim);font-size:var(--fs-small);letter-spacing:-.008em;cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 11px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)scale(.98)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn--icon{justify-content:center;width:30px;padding:0}.btn--primary{background:var(--accent-grad);color:var(--on-accent);border-color:#0000;position:relative;overflow:hidden}.btn--primary:hover:not(:disabled){color:var(--on-accent);box-shadow:0 6px 18px -6px var(--accent-b)}.btn--primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:30%;position:absolute;inset:0 auto 0 0;transform:translate(-120%)}.btn--primary:hover:not(:disabled):after{animation:scan .62s var(--ease-out)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--inset);border-color:var(--line-soft)}.seg{border:1px solid var(--line);border-radius:var(--r-control);background:var(--inset);gap:2px;padding:2px;display:inline-flex}.seg__btn{height:24px;color:var(--text-faint);font-size:var(--fs-tiny);letter-spacing:.01em;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:5px;padding:0 9px;font-weight:650}.seg__btn:hover{color:var(--text)}.seg__btn[aria-pressed=true]{background:var(--panel-solid);color:var(--text);box-shadow:0 1px 2px #00000024}.stage{contain:strict;position:relative;overflow:hidden}.stage__viewport{cursor:grab;touch-action:none;position:absolute;inset:0}.stage__viewport[data-panning=true]{cursor:grabbing}.stage__world{transform-origin:0 0;will-change:transform;position:absolute;top:50%;left:50%}.stage__layer{position:absolute;inset:0;overflow:hidden}.stage__layer img,.stage__layer svg{width:100%;height:100%;display:block;position:absolute;inset:0}.stage__frame{outline:1px solid var(--line-strong);background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-b) 75%);animation:pop var(--dur-mid) var(--ease-out) both;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:relative}.stage__layer--clip{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}.stage__layer--clip-right{clip-path:inset(0 0 0 var(--split,50%))}.stage__divider{top:0;bottom:0;left:var(--split,50%);background:var(--accent-grad);cursor:ew-resize;z-index:6;width:2px;margin-left:-1px;position:absolute}.stage__divider:before{content:"";position:absolute;inset:0 -9px}.stage__handle{border-radius:var(--r-pill);background:var(--panel-solid);border:1px solid var(--line-strong);width:26px;height:26px;box-shadow:var(--shadow-panel);color:var(--text-dim);transition:transform var(--dur-fast) var(--ease-out);place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.stage__divider:hover .stage__handle{transform:scale(1.12)}.stage__pair{align-items:flex-start;gap:18px;display:flex}.stage__caption{margin-bottom:calc(7px / var(--z,1));font-family:var(--font-mono);font-size:calc(var(--fs-micro) / var(--z,1));letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:var(--text-faint);line-height:1.2;position:absolute;bottom:100%;left:0}.stage__layer--onion{opacity:var(--onion,.5);mix-blend-mode:difference}.stage__hud{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-panel);animation:rise var(--dur-mid) var(--ease-out) .12s both;z-index:8;gap:6px;padding:5px;display:flex;position:absolute;bottom:14px;left:14px}.stage__zoom{text-align:center;min-width:54px;font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--text-dim);align-self:center}.stage__busy{z-index:9;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.stage__busy:after{content:"";background:var(--accent-grad);width:30%;animation:scan 1.1s var(--ease-draw) infinite;position:absolute;inset:0 auto 0 0}.drop{z-index:4;place-items:center;padding:32px;display:grid;position:absolute;inset:0}.drop__inner{text-align:center;border-radius:var(--r-panel);background:var(--panel);-webkit-backdrop-filter:blur(16px);width:min(560px,100%);box-shadow:var(--shadow-pop);animation:pop var(--dur-slow) var(--ease-out) both;padding:46px 40px 40px;position:relative}.drop__frame{pointer-events:none;position:absolute;inset:0;overflow:visible}.drop__frame rect{x:1px;y:1px;rx:12px;fill:none;width:calc(100% - 2px);height:calc(100% - 2px);stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:9 7;animation:draw 1.4s var(--ease-draw) both;--dash:2400;transition:stroke var(--dur-fast) var(--ease-out)}.drop[data-over=true] .drop__frame rect{stroke:var(--accent-a);stroke-width:2px}.drop[data-over=true] .drop__inner{background:var(--panel-raise)}.drop__title{font-size:var(--fs-title);font-variation-settings:"opsz" 24, "wdth" 92, "wght" 680;letter-spacing:-.025em;margin:18px 0 6px}.drop__sub{color:var(--text-dim);font-size:var(--fs-small);margin:0 0 24px;line-height:1.6}.drop__actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.drop__formats{border-top:1px solid var(--line-soft);font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-top:22px;padding-top:18px}kbd{border:1px solid var(--line);border-radius:var(--r-chip);background:var(--panel-solid);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--text-dim);border-bottom-width:2px;padding:1px 5px;display:inline-block}.inspector{width:var(--inspector-w);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel);-webkit-backdrop-filter:blur(20px)saturate(1.4);box-shadow:var(--shadow-pop);animation:edge-in var(--dur-mid) var(--ease-out) both;z-index:10;flex-direction:column;display:flex;position:absolute;top:14px;bottom:14px;right:14px;overflow:hidden}.inspector[data-collapsed=true]{width:auto;bottom:auto}.inspector__head{border-bottom:1px solid var(--line-soft);flex-shrink:0;align-items:center;gap:8px;padding:10px 10px 10px 14px;display:flex}.inspector__title{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);flex:1}.inspector__body{overscroll-behavior:contain;flex:1;padding-bottom:8px;overflow-y:auto}.inspector__body::-webkit-scrollbar{width:9px}.inspector__body::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--r-pill);background-clip:content-box;border:3px solid #0000}.inspector__body::-webkit-scrollbar-thumb:hover{background:var(--line-strong);background-clip:content-box}.section{border-bottom:1px solid var(--line-soft)}.section__head{cursor:pointer;text-align:left;width:100%;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;padding:11px 14px;display:flex}.section__head:hover{background:var(--inset)}.section__label{font-size:var(--fs-small);letter-spacing:-.01em;flex:1;font-weight:680}.section__badge{font-family:var(--font-mono);font-size:var(--fs-micro);border-radius:var(--r-chip);background:var(--accent-a-soft);color:var(--accent-a);padding:1px 6px}.section__chev{color:var(--text-faint);transition:transform var(--dur-mid) var(--ease-out)}.section[data-open=true] .section__chev{transform:rotate(90deg)}.section__body{animation:rise var(--dur-mid) var(--ease-out) both;gap:13px;padding:2px 14px 14px;display:grid}.field{gap:6px;display:grid}.field__top{align-items:baseline;gap:8px;display:flex}.field__label{font-size:var(--fs-small);color:var(--text-dim);letter-spacing:-.005em;flex:1}.field__value{font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--text);font-variant-numeric:tabular-nums}.field__hint{font-size:var(--fs-tiny);color:var(--text-faint);line-height:1.45}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;display:block}.range::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--accent-a) 0 var(--pct,50%), var(--line) var(--pct,50%) 100%);height:4px}.range::-moz-range-track{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--accent-a) 0 var(--pct,50%), var(--line) var(--pct,50%) 100%);height:4px}.range::-webkit-slider-thumb{appearance:none;border-radius:var(--r-pill);background:var(--panel-solid);border:1.5px solid var(--accent-a);width:14px;height:14px;transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);margin-top:-5px;box-shadow:0 1px 3px #0000003d}.range::-moz-range-thumb{border-radius:var(--r-pill);background:var(--panel-solid);border:1.5px solid var(--accent-a);width:14px;height:14px;box-shadow:0 1px 3px #0000003d}.range:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--accent-a-soft);transform:scale(1.18)}.range:active::-webkit-slider-thumb{transform:scale(1.05)}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.toggle__track{border-radius:var(--r-pill);background:var(--line);width:34px;height:19px;transition:background var(--dur-mid) var(--ease-out);border:1px solid #0000;flex-shrink:0;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__knob{border-radius:var(--r-pill);background:var(--panel-solid);width:13px;height:13px;transition:transform var(--dur-mid) var(--ease-out);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.toggle input:checked+.toggle__track{background:var(--accent-grad)}.toggle input:checked+.toggle__track .toggle__knob{transform:translate(15px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--accent-a);outline-offset:2px}.toggle__label{font-size:var(--fs-small);color:var(--text-dim)}.select{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel-raise);width:100%;height:30px;font-size:var(--fs-small);cursor:pointer;appearance:none;transition:border-color var(--dur-fast) var(--ease-out);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 14px) 13px,calc(100% - 9px) 13px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:0 28px 0 9px}.select:hover{border-color:var(--line-strong)}.swatch{align-items:center;gap:8px;display:flex}.swatch input[type=color]{border:1px solid var(--line);border-radius:var(--r-chip);background:var(--panel-raise);cursor:pointer;width:30px;height:26px;padding:2px}.swatch__hex{border:1px solid var(--line);border-radius:var(--r-chip);background:var(--panel-raise);height:26px;font-family:var(--font-mono);font-size:var(--fs-tiny);text-transform:uppercase;flex:1;padding:0 8px}.engines{gap:6px;display:grid}.engine{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel-raise);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);gap:2px;padding:9px 11px;display:grid}.engine:hover{border-color:var(--line-strong);transform:translateY(-1px)}.engine[aria-pressed=true]{border-color:var(--accent-a);background:var(--accent-a-soft)}.engine__name{font-size:var(--fs-small);font-weight:660}.engine__desc{font-size:var(--fs-tiny);color:var(--text-dim);line-height:1.4}.presets{grid-template-columns:1fr 1fr;gap:6px;display:grid}.preset{border:1px solid var(--line);border-radius:var(--r-control);background:var(--panel-raise);text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);padding:8px 9px}.preset:hover{border-color:var(--accent-b);background:var(--accent-b-soft);transform:translateY(-1px)}.preset__name{font-size:var(--fs-tiny);font-weight:660;display:block}.preset__hint{font-size:var(--fs-micro);color:var(--text-dim);line-height:1.35}.statusbar{border-top:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--text-faint);z-index:20;align-items:center;gap:0;padding:0 12px;display:flex;overflow:hidden}.statusbar__item{border-right:1px solid var(--line-soft);white-space:nowrap;gap:6px;padding:0 12px;display:flex}.statusbar__item:first-child{padding-left:0}.statusbar__key{color:var(--text-faint)}.statusbar__val{color:var(--text-dim);font-variant-numeric:tabular-nums}.statusbar__spacer{flex:1}.statusbar__err{color:var(--danger);border:0}dialog.about{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel-solid);color:var(--text);box-shadow:var(--shadow-pop);width:min(400px,100vw - 32px);padding:0}dialog.about::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06101a80}dialog.about[open]{animation:pop var(--dur-mid) var(--ease-out)}.about__inner{padding:24px}.about__title{font-size:var(--fs-lead);font-variation-settings:"opsz" 18, "wdth" 92, "wght" 700;letter-spacing:-.02em;margin:14px 0 4px}.about__ver{font-family:var(--font-mono);font-size:var(--fs-tiny);color:var(--text-faint)}.about__text{font-size:var(--fs-small);color:var(--text-dim);margin:14px 0;line-height:1.62}.about__credit{border-radius:var(--r-control);background:var(--accent-grad);color:var(--on-accent);font-size:var(--fs-small);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:6px;margin-top:4px;padding:9px 14px;font-weight:660;text-decoration:none;display:inline-flex}.about__credit:hover{box-shadow:0 8px 20px -8px var(--accent-b);transform:translateY(-1px)}.about__meta{border-top:1px solid var(--line-soft);font-size:var(--fs-tiny);color:var(--text-faint);margin-top:18px;padding-top:14px;line-height:1.6}.about__meta a{color:var(--accent-a)}.about__close{position:absolute;top:12px;right:12px}.toast{left:50%;bottom:calc(var(--statusbar-h) + 18px);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--panel-solid);box-shadow:var(--shadow-pop);font-size:var(--fs-small);z-index:60;animation:rise var(--dur-mid) var(--ease-out);padding:9px 16px;font-weight:600;position:fixed;translate:-50%}@media (max-width:900px){:root{--inspector-w:300px}.inspector{width:auto;max-height:55%;inset:auto 8px 8px}.brand__name,.topbar__dims{display:none}.stage__hud{top:14px;bottom:auto}}@media (max-width:860px){.topbar__group .btn:not(.btn--primary){justify-content:center;gap:0;width:30px;padding:0;font-size:0}}