:root{--bg:#0c0d10;--panel:#101217;--card:#121419;--card-hi:#161920;--surface:#14171c;--surface-alt:#14161b;--field:#101318;--well:#0f1116;--sheet:#13161b;--line:#1c1e25;--line-panel:#1e2027;--line-card:#1f222a;--line-ctl:#23262e;--line-btn:#2b2f39;--line-sheet:#262a33;--line-hover:#33373f;--text:#e7e9ee;--text-soft:#c9cdd6;--muted:#9aa0ad;--muted-alt:#8b919e;--dim:#6b7280;--dim-alt:#7c828f;--faint:#5c626d;--accent:#ff6b3d;--accent-hi:#ff8354;--accent-soft:#ffa17c;--accent-ink:#150c08;--accent-wash:#ff6b3d24;--accent-wash-hi:#ff6b3d29;--select:#8ce9ff;--select-wash:#6ee7ff1a;--warn:#e8c58a;--axis-x:#ff6b6b;--axis-y:#7ee787;--axis-z:#6ea8ff;--display:"Space Grotesk", system-ui, sans-serif;--body:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease:.16s}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:var(--accent-hi);text-decoration:none}a:hover{color:#ffa680}input,button,select,textarea{font-family:inherit}button{color:inherit}input[type=range]{accent-color:var(--accent)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2c2f38;border-radius:6px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes mvSpin{to{transform:rotate(360deg)}}@keyframes mvIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mvPulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mono{font-family:var(--mono)}.section-label{letter-spacing:.09em;color:var(--dim);text-transform:uppercase;font-size:10.5px}.hint{color:var(--dim);margin:0;font-size:12.8px;line-height:1.6}.row-between{justify-content:space-between;align-items:center;display:flex}.axis-x{color:var(--axis-x)}.axis-y{color:var(--axis-y)}.axis-z{color:var(--axis-z)}.btn{border:1px solid var(--line-btn);background:var(--surface-alt);color:var(--text);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:14px 22px;font-size:14.5px;font-weight:500;transition:all .18s;display:inline-flex}.btn:hover{background:#1a1d24;border-color:#3d4250}.btn--accent{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}.btn--accent:hover{background:var(--accent-hi);border-color:var(--accent-hi);transform:translateY(-1px)}.btn--sm{border-radius:9px;gap:7px;padding:10px 18px;font-size:13.5px}.btn--sm.btn--accent:hover{transform:none}.action{border:1px solid var(--line-btn);background:var(--surface);color:var(--text);cursor:pointer;transition:var(--ease);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13px;display:flex}.action:hover{border-color:var(--line-hover)}.action--accent{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}.action--accent:hover{background:var(--accent-hi);border-color:var(--accent-hi)}.icon-btn{border:1px solid var(--line-ctl);background:var(--surface);width:32px;height:32px;color:var(--muted);cursor:pointer;transition:var(--ease);border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:var(--text);border-color:var(--line-hover)}.icon-btn.is-active{border-color:var(--accent);background:var(--accent-wash);color:var(--accent-soft)}.chip{cursor:pointer;transition:var(--ease);border:1px solid var(--line-ctl);background:var(--field);color:var(--muted);border-radius:7px;flex:1;padding:6px 4px;font-size:11.5px}.chip:hover{border-color:var(--line-hover);color:var(--text-soft)}.chip.is-active{border-color:var(--accent);background:var(--accent-wash);color:var(--accent-soft)}.chip-row{gap:5px;display:flex}.slider{cursor:pointer;width:100%;height:4px}.slider-row{margin-bottom:13px}.slider-row__head{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.slider-row__label{color:var(--muted);font-size:12.5px}.slider-row__value{font-family:var(--mono);color:var(--text);font-size:11px}.field{border:1px solid var(--line-ctl);background:var(--field);border-radius:7px;align-items:center;gap:6px;padding:6px 8px;display:flex}.field:focus-within{border-color:var(--line-hover)}.field__axis{font-family:var(--mono);font-size:10.5px}.field__input{width:100%;min-width:0;color:var(--text);font-family:var(--mono);background:0 0;border:none;outline:none;font-size:11.5px}.stack-field{border:1px solid var(--line-ctl);background:var(--field);border-radius:8px;padding:8px 10px;display:block}.stack-field__label{color:var(--dim);margin-bottom:3px;font-size:11px}.stack-field__input{width:100%;color:var(--text);font-family:var(--mono);background:0 0;border:none;outline:none;font-size:12px}.swatch-row{border:1px solid var(--line-ctl);background:var(--field);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.swatch-row__label{color:var(--muted);font-size:12.5px}.swatch-row__value{font-family:var(--mono);color:var(--dim);font-size:11px}.swatch{border:1px solid var(--line-btn);cursor:pointer;background:0 0;border-radius:6px;width:30px;height:24px;padding:0}.toggle-row{border:1px solid var(--line-ctl);background:var(--field);width:100%;color:var(--muted);cursor:pointer;transition:var(--ease);border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:9px 11px;font-size:12.5px;display:flex}.toggle-row:hover{border-color:var(--line-hover)}.toggle-row.is-on{color:var(--text)}.toggle-pill{background:var(--line-btn);width:32px;height:18px;transition:var(--ease);border-radius:10px;flex:none;align-items:center;padding:2px;display:flex}.toggle-row.is-on .toggle-pill{background:var(--accent)}.toggle-knob{background:var(--dim-alt);width:14px;height:14px;transition:var(--ease);border-radius:50%}.toggle-row.is-on .toggle-knob{background:var(--accent-ink);transform:translate(14px)}.landing{background:var(--bg);min-height:100vh}.landing__section{max-width:1280px;margin:0 auto;padding:64px 32px}.landing__header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0d10d1;justify-content:space-between;align-items:center;gap:24px;padding:16px 32px;display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.brand svg,.brand__accent{color:var(--accent)}.landing__nav{align-items:center;gap:28px;font-size:13.5px;display:flex}.landing__nav a{color:var(--muted)}.landing__nav a:hover{color:var(--text)}.landing__cta{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .18s;display:flex}.landing__cta:hover{background:var(--accent-hi);border-color:var(--accent-hi)}@media (width<=720px){.landing__nav{display:none}.landing__header{padding:14px 20px}.landing__section{padding-left:20px;padding-right:20px}}.hero{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:center;gap:48px;max-width:1280px;margin:0 auto;padding:88px 32px 64px;display:grid;position:relative}@media (width<=720px){.hero{gap:32px;padding:56px 20px 40px}}.hero__copy{z-index:2;position:relative}.hero__badge{background:var(--surface-alt);color:var(--muted);border:1px solid #262932;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 12px;font-size:12px;display:inline-flex}.hero__dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2.4s infinite mvPulse}.hero__title{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;margin:0 0 22px;font-size:clamp(38px,5.2vw,64px);font-weight:600;line-height:1.03}.hero__lede{color:var(--muted);text-wrap:pretty;max-width:520px;margin:0 0 34px;font-size:17.5px;line-height:1.6}.hero__actions{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.hero__note{color:var(--dim);align-items:center;gap:7px;margin:0;font-size:12.5px;display:flex}.hero__stage{border:1px solid var(--line-card);background:radial-gradient(120% 100% at 50% 0,#1a1d25 0%,#0f1116 70%);border-radius:20px;min-height:420px;position:relative;overflow:hidden}.hero__stage hero-stage{position:absolute;inset:0}.hero__readout{font-family:var(--mono);color:var(--dim);gap:8px;font-size:11px;display:flex;position:absolute;bottom:16px;left:16px}.hero__readout span{border:1px solid var(--line-ctl);background:#0c0d10b3;border-radius:6px;padding:5px 9px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:36px;display:flex}.section-title{font-family:var(--display);letter-spacing:-.028em;margin:0;font-size:32px;font-weight:600}.section-meta{color:var(--dim);font-size:13px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px;display:grid}.feature{border:1px solid var(--line-card);background:var(--card);border-radius:14px;padding:22px;transition:all .2s}.feature:hover{background:var(--card-hi);border-color:#31363f;transform:translateY(-2px)}.feature svg{color:var(--accent);margin-bottom:14px}.feature h3{font-family:var(--display);letter-spacing:-.01em;margin:0 0 7px;font-size:15.5px;font-weight:600}.feature p{color:var(--muted-alt);text-wrap:pretty;margin:0;font-size:13.2px;line-height:1.55}.formats{border:1px solid var(--line-card);background:linear-gradient(140deg,#14171d 0%,#0f1115 100%);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:32px;padding:38px;display:grid}.formats h2{font-family:var(--display);letter-spacing:-.025em;margin:0 0 10px;font-size:26px;font-weight:600}.formats p{color:var(--muted-alt);max-width:420px;margin:0;font-size:14px;line-height:1.6}.formats__grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.format{border:1px solid var(--line-sheet);background:var(--well);border-radius:11px;padding:16px}.format__ext{font-family:var(--mono);color:var(--accent-hi);margin-bottom:4px;font-size:15px;font-weight:500}.format__note{color:var(--dim-alt);font-size:11.5px}.steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.step{border:1px solid var(--line-card);background:var(--card);border-radius:14px;padding:24px}.step__n{font-family:var(--mono);color:var(--accent);margin-bottom:12px;font-size:12px}.step h3{font-family:var(--display);margin:0 0 8px;font-size:16px;font-weight:600}.step p{color:var(--muted-alt);margin:0;font-size:13.2px;line-height:1.55}.banner{background:linear-gradient(120deg,#1d1310 0%,#111318 65%);border:1px solid #2a1c15;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:40px;display:flex}.banner h2{font-family:var(--display);letter-spacing:-.025em;margin:0 0 8px;font-size:26px;font-weight:600}.banner p{color:var(--muted);margin:0;font-size:14px}.landing__footer{border-top:1px solid var(--line);max-width:1280px;color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:28px 32px;font-size:12.5px;display:flex}.landing__footer>div{align-items:center;gap:9px;display:flex}.landing__footer svg{color:#454b57}.landing__footer-meta{gap:22px}.boot{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100dvh;display:flex}.viewer{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.viewer__body{flex:auto;min-height:0;display:flex;position:relative}.topbar{border-bottom:1px solid var(--line-panel);background:var(--panel);z-index:30;flex:none;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 12px;display:flex;position:relative}.topbar__group{align-items:center;gap:12px;min-width:0;display:flex}.topbar__menu{align-items:center;gap:4px;display:flex}.topbar__actions{align-items:center;gap:8px;display:flex}.topbar__divider{background:var(--line-ctl);flex:none;width:1px;height:22px}.home-btn{color:var(--text);cursor:pointer;transition:var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.home-btn:hover{background:#171a20;border-color:#2a2e37}.home-btn svg{color:var(--accent)}.home-btn span{font-family:var(--display);font-size:14px;font-weight:600}.menu-btn{color:var(--muted);cursor:pointer;transition:var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:6px 10px;font-size:12.5px;display:flex}.menu-btn:hover{color:var(--text);background:#171a20;border-color:#2a2e37}.fps{font-family:var(--mono);border:1px solid var(--line-ctl);background:var(--surface);color:var(--dim-alt);white-space:nowrap;border-radius:7px;padding:5px 9px;font-size:11px}.fps.is-low{color:var(--warn)}.panel{background:var(--panel);flex-direction:column;flex:none;min-height:0;display:flex}.panel--left{border-right:1px solid var(--line-panel);width:246px}.panel--right{border-left:1px solid var(--line-panel);width:286px}.panel__tabs{border-bottom:1px solid var(--line-panel);gap:2px;padding:8px;display:flex}.panel__tabs--wrap{flex-wrap:wrap}.panel__tabs--wrap .chip{flex:none;padding:6px 9px}.panel__scroll{flex:auto;overflow-y:auto}.panel--left .panel__scroll{padding:8px}.panel--right .panel__scroll{padding:14px}.panel--overlay{z-index:25;position:absolute;top:0;bottom:0}.panel--overlay.panel--left{width:78vw;left:0;box-shadow:24px 0 48px #00000080}.panel--overlay.panel--right{width:84vw;right:0;box-shadow:-24px 0 48px #00000080}.panel__group{margin-bottom:14px}.panel__group-head{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.panel__unit{font-family:var(--mono);color:#4e545f;font-size:10.5px}.triple{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.entity{margin-bottom:16px}.entity__name{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:14.5px;font-weight:600;overflow:hidden}.entity__sub{font-family:var(--mono);color:var(--dim);font-size:11px}.tree-row{border-radius:7px;align-items:center;gap:2px;display:flex}.tree-row.is-selected{background:var(--select-wash)}.tree-caret{width:16px;height:22px;color:var(--dim);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.tree-caret:disabled{cursor:default;visibility:hidden}.tree-caret svg{transition:all .14s}.tree-caret.is-open svg{transform:rotate(90deg)}.tree-name{cursor:pointer;text-align:left;min-width:0;color:var(--text-soft);background:0 0;border:none;flex:auto;align-items:center;gap:6px;padding:4px;font-size:12.3px;display:flex}.tree-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-name svg{opacity:.75}.tree-name.is-selected{color:var(--select)}.tree-name.is-hidden{color:var(--faint)}.tree-vis{width:22px;height:22px;color:var(--faint);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.tree-vis.is-hidden{color:var(--accent)}.recents__head{justify-content:space-between;align-items:center;padding:4px 6px 10px;display:flex}.recents__clear{color:var(--dim);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px}.recents__clear:hover{color:var(--accent-hi)}.recent{border:1px solid var(--line-panel);background:var(--card);transition:var(--ease);border-radius:9px;align-items:center;gap:9px;margin-bottom:6px;padding:7px;display:flex}.recent:hover{border-color:#2e323b}.recent__thumb{background-color:#0d0f13;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:5px;flex:none;width:44px;height:30px}.recent__open{text-align:left;cursor:pointer;min-width:0;color:var(--text);background:0 0;border:none;flex:auto;padding:0}.recent__name{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.recent__sub{font-family:var(--mono);color:var(--dim);font-size:10.5px}.recent__delete{width:24px;height:24px;color:var(--faint);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.recent__delete:hover{color:var(--accent);background:#1c1f26}.viewport{background:var(--well);flex:auto;min-width:0;position:relative;overflow:hidden}.viewport viewer-stage{position:absolute;inset:0}.viewport__overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.empty{pointer-events:none;gap:18px}.empty__frame{border:1px dashed var(--line-hover);color:#4a505c;background:#12141999;border-radius:20px;justify-content:center;align-items:center;width:104px;height:104px;display:flex}.empty__title{font-family:var(--display);margin-bottom:6px;font-size:19px;font-weight:600}.empty__or{color:var(--dim);margin-bottom:16px;font-size:13px}.empty__actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.empty__formats{font-family:var(--mono);color:var(--faint);font-size:11px}.dropzone{border:2px dashed var(--accent);pointer-events:none;z-index:12;font-family:var(--display);color:var(--accent-hi);background:#ff6b3d12;border-radius:14px;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex;position:absolute;inset:12px}.loading{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:14;background:#0c0d10c7}.loading__spinner{border:2px solid #2a2e37;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite mvSpin}.loading__title{font-family:var(--display);font-size:15px;font-weight:500}.loading__track{background:#22252c;border-radius:3px;width:240px;height:4px;overflow:hidden}.loading__bar{background:var(--accent);height:100%;transition:width .25s ease-out}.loading__phase{font-family:var(--mono);color:var(--dim-alt);font-size:11.5px}.error{z-index:15;background:#0c0d10db;padding:28px}.error svg{color:var(--accent)}.error__title{font-family:var(--display);font-size:17px;font-weight:600}.error__body{color:var(--muted);max-width:420px;margin:0;font-size:13.2px;line-height:1.6}.error__actions{gap:10px;display:flex}.viewport__hud{z-index:10;pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}.viewport__hud>*{pointer-events:auto}.view-cube{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.view-cube button{font-family:var(--mono);letter-spacing:.04em;border:1px solid var(--line-ctl);color:var(--muted);cursor:pointer;transition:var(--ease);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101318d1;border-radius:7px;padding:5px 9px;font-size:10.5px}.view-cube button:hover{color:var(--accent-soft);border-color:var(--accent)}.heavy-warning{max-width:min(280px,100%);color:var(--warn);background:#20180ceb;border:1px solid #4a3517;border-radius:10px;padding:10px 13px;font-size:12px;line-height:1.5}.toolbar{border:1px solid var(--line-sheet);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:11;background:#101217e6;border-radius:12px;align-items:center;gap:2px;max-width:calc(100% - 24px);padding:5px;display:flex;position:absolute;bottom:18px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 10px 32px #0000006b}.toolbar__btn{cursor:pointer;width:34px;height:34px;transition:var(--ease);color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.toolbar__btn:hover{color:var(--text);background:#1c1f26}.toolbar__btn.is-active{border-color:var(--accent);background:var(--accent-wash-hi);color:var(--accent-soft)}.stat-table{border:1px solid var(--line-ctl);border-radius:10px;margin-bottom:18px;overflow:hidden}.stat-row{background:var(--field);border-bottom:1px solid #1b1e25;justify-content:space-between;align-items:center;padding:7px 11px;display:flex}.stat-row:last-child{border-bottom:none}.stat-row__label{color:var(--muted-alt);font-size:12.2px}.stat-row__value{font-family:var(--mono);color:var(--text);font-size:12px}.dim-tile{border:1px solid var(--line-ctl);background:var(--field);border-radius:8px;padding:9px}.dim-tile__axis{font-family:var(--mono);font-size:10.5px}.dim-tile__value{font-family:var(--mono);margin-top:3px;font-size:12px}.preset-grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:5px;margin-bottom:18px;display:grid}.preset-grid--wide{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.clip{cursor:pointer;width:100%;transition:var(--ease);border:1px solid var(--line-ctl);background:var(--field);color:var(--text-soft);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;padding:9px 11px;font-size:12.5px;display:flex}.clip:hover{border-color:var(--line-hover)}.clip.is-active{border-color:var(--accent);color:var(--accent-soft);background:#ff6b3d1f}.clip__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip__duration{font-family:var(--mono);color:var(--dim);font-size:10.5px}.reset-scene{width:100%;color:var(--accent-hi);cursor:pointer;transition:var(--ease);background:#1a1210;border:1px solid #3a2119;border-radius:8px;padding:9px;font-size:12.5px}.reset-scene:hover{border-color:var(--accent)}.mobile-bar{border-top:1px solid var(--line-panel);background:var(--panel);flex:none;gap:4px;padding:8px;display:flex}.mobile-bar button{border:1px solid var(--line-ctl);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:9px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 4px;font-size:10px;display:flex}.mobile-bar button.is-active{border-color:var(--accent);color:var(--accent-soft)}.modal{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060709b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal__card{border:1px solid var(--line-sheet);background:var(--sheet);border-radius:14px;width:100%;max-width:460px;max-height:calc(100dvh - 48px);padding:22px;animation:.18s ease-out mvIn;overflow-y:auto}.modal__card--wide{max-width:520px}.modal__card--narrow{max-width:420px}.modal__title{font-family:var(--display);margin:0 0 6px;font-size:17px;font-weight:600}.modal__lede{color:var(--muted-alt);margin:0 0 16px;font-size:12.8px;line-height:1.55}.modal__actions{justify-content:flex-end;gap:8px;display:flex}.modal__input{border:1px solid var(--line-btn);width:100%;color:var(--text);font-family:var(--mono);background:#0e1015;border-radius:9px;outline:none;margin-bottom:14px;padding:11px 13px;font-size:12.5px}.modal__input:focus{border-color:var(--accent)}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.demo-card{border:1px solid var(--line-btn);background:var(--well);color:var(--text);cursor:pointer;text-align:left;transition:var(--ease);border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.demo-card:hover{border-color:var(--accent);background:var(--card-hi)}.demo-card__label{font-size:13.5px;font-weight:500}.demo-card__note{color:var(--dim);font-size:11.5px}.shortcut{border-bottom:1px solid #1b1e25;justify-content:space-between;align-items:center;padding:7px 0;display:flex}.shortcut:last-child{border-bottom:none}.shortcut__action{color:var(--muted);font-size:13px}.shortcut__key{font-family:var(--mono);border:1px solid var(--line-btn);background:var(--well);border-radius:6px;padding:3px 8px;font-size:11.5px}.toast{z-index:70;border:1px solid var(--line-btn);background:#181b21;border-radius:10px;padding:10px 16px;font-size:12.8px;animation:.18s ease-out mvIn;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000073}