@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:CalSansVF,sans-serif;font-optical-sizing:none;font-variation-settings:"opsz" 10,"GEOM" 25;background:#0f0f0f;color:#e8e8e8;min-height:100vh;overflow-x:hidden}.app{max-width:1100px;margin:0 auto;padding:40px 24px}.controls-toggle{display:none}@media(max-width:450px){.controls-toggle{display:inline-flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;color:#e8e8e8;font-size:.875rem;font-weight:600;cursor:pointer}.controls-toggle-icon{font-size:1rem;line-height:1}.controls:not(.controls--open){display:none}}.app--no-anim,.app--no-anim *,.app--no-anim *:before,.app--no-anim *:after{animation:none!important;transition:none!important}@media(min-width:1000px){.app{max-width:100%;padding:32px 24px;transition:padding .2s ease}.main-layout{display:flex;flex-direction:column;gap:32px;align-items:stretch}.controls{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:24px 40px}.controls .control-group{min-width:200px;margin-bottom:0}}header{margin-bottom:40px;display:grid;grid-template-columns:280px 1fr auto;column-gap:48px;align-items:start}@media(max-width:700px){header{grid-template-columns:1fr;gap:20px}}.preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.presets-above{display:grid;grid-template-columns:repeat(3,120px);gap:8px;margin-bottom:12px}.preset-btn{aspect-ratio:2 / 1;background:#111;border:1px solid #2e2e2e;border-radius:10px;color:#ccc;font-size:.75rem;font-weight:600;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;line-height:1.3;transition:border-color .15s,background .15s,color .15s}.preset-btn:not(:disabled):hover{border-color:#555;background:#1a1a1a;color:#fff}.preset-btn:disabled{cursor:default;opacity:.4}.presets-more{font-size:.75rem;color:#444}h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.subtitle{color:#666;font-size:.875rem;margin-top:2px}.attribution{font-size:.75rem;color:#444;line-height:1.5;max-width:500px;font-optical-sizing:none;font-variation-settings:"opsz" 10,"GEOM" 25}.attribution a{color:#666;text-decoration:underline;text-underline-offset:2px}.attribution a:hover{color:#aaa}.attribution .emoji{display:inline-block;position:relative;top:-2px}h2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:20px}.loading{display:flex;flex-direction:column;gap:10px}.spinner{width:20px;height:20px;border:2px solid #2a2a2a;border-top-color:#e8e8e8;border-radius:50%;animation:wm-spin .7s linear infinite}.loading-note{color:#444;font-size:.75rem}.error{color:#f87171}.error pre{margin-top:8px;font-size:.75rem;white-space:pre-wrap;word-break:break-all;background:#1a1a1a;padding:12px;border-radius:6px;border:1px solid #2a2a2a}.main-layout{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}@media(max-width:700px){.app{padding:24px 16px}header{gap:12px}.main-layout{grid-template-columns:1fr;gap:32px}.controls{position:static}.zone-preview-row{grid-template-columns:1fr}.zone-preview-block:first-child,.zone-preview-block:last-child{grid-column:1 / -1}.zone-grid{overflow-x:visible}.zone-col{padding:10px 6px 12px}.zone-col-header-inner{flex-direction:column;align-items:flex-start;gap:3px;padding:6px 8px 4px}.zone-col-name{font-size:.75rem}.zone-col-sublabel{font-size:.5625rem}.pill-row{flex-wrap:wrap}.pill-slider{flex:1 1 28%;min-width:84px}.download-gate{width:100%}}.controls{position:static}.zone-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:24px;margin-bottom:16px}.zone-col{padding:14px 0 16px;display:flex;flex-direction:column;overflow:hidden}.zone-col--previewing .zone-col-topbar,.zone-col--previewing .zone-col-bottombar{opacity:.9}.zone-col--previewing .zone-col-header{outline:1px dashed var(--zone-color);outline-offset:-1px}.zone-col-header{margin-bottom:10px;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;min-height:92px}.zone-col--active .zone-col-header{margin:0 0 10px;background:var(--zone-active-bg, var(--zone-color))}.zone-col-topbar,.zone-col-bottombar{height:2px;background:var(--zone-color);opacity:.5}.zone-col--active .zone-col-topbar,.zone-col--active .zone-col-bottombar{opacity:1}.zone-col-bottombar{margin-top:auto}.zone-col-header-inner{display:flex;align-items:center;gap:8px;padding:8px 14px 6px}.zone-col-icon{font-size:1.1rem;color:var(--zone-color);line-height:1;flex-shrink:0}.zone-col--active .zone-col-icon{color:#000}.zone-col--active .zone-col-header-inner{padding:8px 14px 6px}.zone-col-header-text{display:flex;flex-direction:column;gap:1px}.zone-col-sublabel{font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#555;line-height:1}.zone-col--active .zone-col-sublabel{color:#000}.zone-col-name{font-size:1rem;font-weight:700;color:var(--zone-color);line-height:1.1;letter-spacing:-.01em}.zone-col--active .zone-col-name{color:#000}.zone-swatch-row{display:none}.zone-col-preview-word{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#0f0f0f;background:var(--zone-color);border-radius:3px;padding:1px 6px;cursor:pointer;opacity:.35;transition:opacity .12s;vertical-align:middle}.zone-col-preview-word:hover{opacity:.7}.zone-col--active .zone-col-preview-word{opacity:1}.zone-col-geom-default{margin-top:4px;font-weight:700;color:#e8e8e8;font-size:.75rem}.zone-col:not(.zone-col--active) .zone-col-geom-default{color:var(--zone-color);opacity:1}.zone-col-words{display:flex;flex-direction:column;gap:2px;margin-bottom:14px;overflow:hidden}.zone-col-word{font-family:CalSansPreview,CalSansVF,sans-serif;font-optical-sizing:none;font-feature-settings:"rclt" 1;color:#e8e8e8;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden;opacity:.6;transition:opacity .15s ease}.zone-col--active .zone-col-word{opacity:1}.zone-preview-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch;margin-top:20px;margin-bottom:clamp(16px,4vh,44px)}.zone-preview-block{min-width:0;display:flex;flex-direction:column}.zone-preview-block:first-child{grid-column:1 / 2}.zone-preview-block:last-child{grid-column:2 / 5}.zone-preview-block .zone-col-word{white-space:normal;overflow:visible;opacity:1;line-height:1.08;text-box-trim:trim-start;text-box-edge:cap alphabetic}.zone-preview-label{display:flex;flex-direction:column;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#444;margin-top:auto;padding-top:16px;line-height:1.5}.zone-preview-label .zpl-kind{color:#777}.zone-type-tester{display:block;width:100%;border:none;border-top:1px solid #1e1e1e;margin-top:24px;padding:24px 0 0;background:transparent;color:#e8e8e8;outline:none;cursor:text;resize:none;overflow:hidden;min-height:1em;line-height:1.1;font:inherit}.samples-glyphs-wrap{display:flex;flex-direction:column;gap:8px}@media(min-width:1000px){.samples-glyphs-wrap{flex-direction:row-reverse;align-items:flex-start;gap:clamp(24px,3vw,48px)}.samples-glyphs-wrap .zone-preview-row{flex:1 1 0;min-width:0}.samples-glyphs-wrap .glyph-strip{flex:0 1 auto}}.glyph-strip{display:flex;flex-direction:row;gap:4px;padding:16px 0 12px;overflow-x:auto}.glyph-strip-col{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.glyph-strip-token{font-size:28px;line-height:1;cursor:default;padding:2px 4px;border-radius:4px;transition:opacity .12s}.glyph-strip-token--active{background:#ffffff0f}.glyph-strip-token--empty{visibility:hidden}.zone-full-preview{padding:22px 24px 24px;border:1px solid rgba(255,255,255,.07);border-radius:14px;margin:calc(clamp(16px,4vh,44px) - 20px) 0 clamp(16px,4vh,44px);animation:preview-throb 3.2s ease-in-out infinite}@keyframes preview-throb{0%,to{border-color:#ffffff0f;box-shadow:0 0 #fff0}50%{border-color:#ffffff29;box-shadow:0 0 18px #ffffff0a}}@media(prefers-reduced-motion:reduce){.zone-full-preview{animation:none}}.zone-swatch-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:pointer}.zone-swatch{width:28px;height:11px;border-radius:2px;flex-shrink:0;background:var(--zone-color);opacity:.3;transition:opacity .15s}.zone-col--active .zone-swatch{opacity:1}.zone-range-label{font-size:.75rem;color:#444;white-space:nowrap}.zone-range-nums{color:#555;text-decoration:underline;text-underline-offset:2px}.zone-col--active .zone-range-label{color:#777}.zone-col--active .zone-range-nums{color:var(--zone-color);text-decoration-color:var(--zone-color)}.zone-rosetta-bin{display:flex;flex-wrap:wrap;gap:2px 6px;background:#ffffff1a;border-radius:8px;padding:8px 10px;overflow:hidden}.zone-col--drag-target .zone-rosetta-bin{background:#ffffff38}.zone-full-preview--rebuilding{opacity:.2;transition:opacity .1s ease}.zone-full-preview:not(.zone-full-preview--rebuilding){opacity:1;transition:opacity .25s ease}.zone-token{font-family:CalSansPreview,CalSansVF,sans-serif;font-optical-sizing:none;font-feature-settings:"rclt" 1;font-size:68px;line-height:1.1;color:var(--zone-color);display:inline-block;transition:transform .12s ease;transform-origin:50% 45%;-webkit-user-select:none;user-select:none;cursor:grab;will-change:transform}.zone-token:hover{transform:scale(1.08);position:relative;z-index:2}.zone-token--default{cursor:grab;opacity:.45}.zone-token--default:hover{transform:scale(1.05);opacity:.65}.zone-token:active,.zone-token--dragging{opacity:.3;cursor:grabbing}.drag-ghost-wrap{position:fixed;pointer-events:none;z-index:1000;transform:translate(-50%,-60%);display:flex;flex-direction:column;align-items:center;gap:6px}.drag-ghost-token{font-size:52px;line-height:1;transform:scale(1.15);filter:drop-shadow(0 4px 20px rgba(0,0,0,.6))}.drag-ghost-label{font-size:.75rem;color:#ffffff73;letter-spacing:.06em;white-space:nowrap;font-family:ui-monospace,monospace}.footer-letterbox{position:relative;z-index:-1;width:100vw;margin-left:calc(-50vw + 50%);margin-top:-280px;margin-bottom:-40px;pointer-events:none}.footer-letterbox canvas{display:block;margin:0 auto}@media(max-width:700px){.footer-letterbox{margin-bottom:-24px}}.site-footer{margin-top:56px;display:flex;flex-direction:column;gap:10px}.site-footer-links{display:flex;gap:20px;font-size:.875rem}.site-footer-links a{color:#9a9a9a;text-decoration:none}.site-footer-links a:hover{color:#e8e8e8}.site-footer-credit{font-size:.75rem;color:#666}.site-footer-credit a{color:#9a9a9a}.site-footer-credit a:hover{color:#e8e8e8}.trash-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#dc503c0f;border:1px solid rgba(220,80,60,.18);border-radius:8px;margin-top:12px;flex-wrap:wrap}.trash-bar-label{font-size:.75rem;color:#dc503c8c;letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;margin-right:2px}.trash-token{font-size:36px!important;cursor:pointer;opacity:.55;transition:opacity .15s,transform .15s}.trash-token:hover{opacity:1;transform:scale(1.12)!important}.xray-toggle-row{display:flex;justify-content:flex-end;margin-bottom:8px}.xray-toggle-row--left{justify-content:flex-start}.xray-toggle-btn{background:#1e1e1e;border:1px solid #333;color:#888;font-size:.75rem;padding:5px 14px;border-radius:4px;cursor:pointer;letter-spacing:.04em}.xray-toggle-btn:hover:not(:disabled){background:#252525;border-color:#555;color:#bbb}.axis-row{margin-bottom:20px}.axis-header{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.axis-name{font-size:.875rem;color:#ccc}.axis-tag{font-size:.75rem;font-family:monospace;color:#555;background:#1a1a1a;padding:1px 5px;border-radius:3px}.axis-value{margin-left:auto;font-size:.875rem;font-variant-numeric:tabular-nums;color:#aaa}input[type=range]{width:100%;accent-color:#e8e8e8;cursor:pointer}.axis-bounds{display:flex;justify-content:space-between;font-size:.75rem;color:#444;margin-top:2px}.preview{min-width:0}.zone-previews{display:flex;gap:32px;margin-bottom:24px;overflow-x:auto}.zone-preview-group{display:flex;flex-direction:column;gap:2px;transition:opacity .15s ease;flex-shrink:0}.zone-preview-line{color:#e8e8e8;line-height:1.2;margin:0;white-space:nowrap}.processing{color:#555;font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:0}.preview-samples{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.preview-row{display:flex;flex-direction:column;gap:4px}.preview-size-label{font-size:10px;color:#444;font-family:monospace;letter-spacing:.04em}.preview-samples p{color:#e8e8e8;line-height:1.2;margin:0}.preview-nowrap{white-space:nowrap;overflow:hidden}.control-group{margin-bottom:24px}.control-group h2{display:flex;align-items:center;min-height:28px;margin-bottom:10px}.control-note{font-size:.75rem;color:#555;line-height:1.4;margin-bottom:12px}.hoi-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:8px;font-size:.875rem}.multiplier-buttons{display:flex;gap:6px;margin-top:6px}.mult-btn{flex:1;padding:6px 0;background:#1a1a1a;color:#888;border:1px solid #2a2a2a;border-radius:5px;font-size:.75rem;font-weight:600;cursor:pointer}.mult-btn:hover{background:#252525;color:#ccc}.mult-btn.active{background:#e8e8e8;color:#0f0f0f;border-color:#e8e8e8}.preview-size-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.preview-px-label{font-size:.75rem;font-family:monospace;font-variant-numeric:tabular-nums;color:#aaa;min-width:34px}.glyph-groups{margin-bottom:32px;-webkit-user-select:none;user-select:none}.gg-sticky-header{position:sticky;top:0;z-index:10;background:#0f0f0f;padding-bottom:4px}.gg-preview-row{display:flex;align-items:flex-end;padding-bottom:8px}.gg-preview-track{flex:1;position:relative;overflow:visible}.gg-preview-group{position:absolute;top:0;display:flex;flex-direction:column;gap:1px;transition:opacity .15s ease}.gg-preview-word{font-family:CalSansPreview,CalSansVF,sans-serif;font-optical-sizing:none;font-feature-settings:"rclt" 1;color:#e8e8e8;line-height:1.2;margin:0;white-space:nowrap}.gg-ruler-row{display:flex;align-items:stretch;margin-bottom:1px}.gg-ruler-track{flex:1;position:relative;overflow:visible;height:52px}.gg-geom-axis-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#444;writing-mode:vertical-rl;transform:rotate(180deg);align-self:center}.gg-zone-bar{position:absolute;top:12px;height:10px;border-radius:3px;background:var(--zone-color);opacity:.35;cursor:pointer;transition:opacity .12s}.gg-zone-bar:hover{opacity:.55}.gg-zone-bar.active{opacity:.85}.gg-active-zone-label{position:absolute;top:2px;transform:translate(-50%);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}.gg-tick{position:absolute;bottom:2px;transform:translate(-50%);font-size:.75rem;font-family:CalSansVF,sans-serif;font-optical-sizing:none;font-variation-settings:"opsz" 10,"GEOM" 0;font-feature-settings:"zero" 1;color:#3a3a3a;pointer-events:none}.gg-geom-handle{--gg-handle-half: 21px;position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:ew-resize;z-index:10}.gg-geom-tooltip{background:#111;color:#e8e8e8;font-size:.75rem;font-family:CalSansVF,sans-serif;font-optical-sizing:none;font-variation-settings:"opsz" 10,"GEOM" 0;font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1,"tnum" 1;padding:1px 5px;border-radius:3px;line-height:1.6}.gg-geom-circle{display:flex;align-items:center;gap:2px}.gg-arrow{font-size:.75rem;color:#666;line-height:1}.gg-geom-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid #888;background:#111}.gg-geom-handle:hover .gg-geom-dot{border-color:#ccc}.gg-geom-handle:hover .gg-arrow{color:#aaa}.gg-rows{position:relative}.gg-marker-layer{position:absolute;left:var(--labels-w);right:0;top:0;bottom:0;pointer-events:none;z-index:1}.gg-marker-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff14;pointer-events:none}.gg-row{display:flex;align-items:stretch;border-top:1px solid #181818}.gg-labels{width:28px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;padding-right:5px}.gg-label{font-size:14px;opacity:.25;transition:opacity .1s;line-height:1}.gg-label.active{opacity:1}.gg-track{flex:1;position:relative;overflow:hidden}.gg-zone-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gg-bar{position:absolute;height:3px;border-radius:2px;opacity:.3;pointer-events:none}.gg-bar.active{opacity:.8}.gg-handle{position:absolute;top:0;bottom:0;width:2px;background:#444;cursor:ew-resize;transform:translate(-50%);z-index:2;transition:background .1s}.gg-handle:before{content:"";position:absolute;top:0;right:-7px;bottom:0;left:-7px}.gg-handle:hover{background:#aaa}.classic-ui button{display:inline-block;padding:9px 18px;background:#e8e8e8;color:#0f0f0f;border:none;border-radius:6px;font-family:inherit;font-size:.875rem;font-weight:600;font-optical-sizing:none;font-variation-settings:"opsz" 10,"GEOM" 25;cursor:pointer}.classic-ui button:hover:not(:disabled){filter:brightness(1.12)}.classic-ui button:disabled{opacity:.4;cursor:not-allowed}.download-gate{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0}.ofl-checkbox{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#888;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.ofl-checkbox--required{color:#c94040;animation:ofl-nudge .35s ease}.ofl-checkbox input[type=checkbox]{width:13px;height:13px;cursor:pointer;accent-color:#c97050;flex-shrink:0}.ofl-inline-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.ofl-inline-link:hover{opacity:.8}@keyframes ofl-nudge{0%{transform:translate(0)}20%{transform:translate(-4px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.axis-row--auto{opacity:.35;pointer-events:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal-panel{background:#111;border:1px solid #2a2a2a;border-radius:12px;padding:28px;max-width:520px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-close{background:none;border:1px solid #2a2a2a;color:#888;font-size:.75rem;padding:4px 10px;border-radius:4px;cursor:pointer}.modal-close:hover:not(:disabled){background:#1a1a1a;color:#ccc}.waterfall{display:flex;flex-direction:column;gap:0;margin-top:16px}.waterfall-row{display:flex;align-items:baseline;gap:16px;border-top:1px solid #1a1a1a;padding:8px 0}.waterfall-meta{display:flex;flex-direction:column;gap:2px;min-width:70px;flex-shrink:0}.waterfall-opsz{font-size:.75rem;font-family:monospace;color:#555}.waterfall-ytas{font-size:.75rem;font-family:monospace;color:#3a3a3a}.waterfall-text{font-family:CalSansPreview,CalSansVF,sans-serif;font-optical-sizing:none;font-feature-settings:"rclt" 1;color:#e8e8e8;line-height:1.2;margin:0;white-space:nowrap;overflow:hidden}.auto-ascender-preview-btn{background:none;border:1px solid #2a2a2a;color:#666;font-size:.75rem;padding:4px 10px;border-radius:4px;margin-top:8px;cursor:pointer}.auto-ascender-preview-btn:hover:not(:disabled){background:#1a1a1a;color:#aaa;border-color:#444}.preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.preview-modal-panel{background:#111;color:#e8e8e8;border:1px solid #2a2a2a;border-radius:14px;width:100%;max-width:860px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 100px #000c,0 0 0 1px #ffffff0a}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#555}.preview-modal-header .modal-close{background:none;border:1px solid #2a2a2a;color:#555}.preview-modal-header .modal-close:hover:not(:disabled){background:#1a1a1a;color:#aaa;border-color:#444}.pm-top-row{display:flex;gap:32px;padding:16px 22px 14px;border-bottom:1px solid #1e1e1e}.pm-ctrl{display:flex;flex-direction:column;gap:5px;flex:1;min-width:100px}.pm-ctrl--geom{flex:2}.pm-label{font-size:.75rem;color:#555;white-space:nowrap}.pm-val{color:#ccc;font-variant-numeric:tabular-nums;margin-left:5px}.pm-ctrl input[type=range]{accent-color:#e8e8e8;width:100%}.pm-axes-row{display:flex;flex-wrap:wrap;gap:20px 32px;padding:16px 22px 14px;border-bottom:1px solid #1e1e1e}.pm-zone-tabs{display:flex;align-items:center;gap:3px;background:#1a1a1a;border-radius:6px;padding:2px;margin-bottom:4px;width:fit-content}.pm-zone-tab{background:none;border:none;color:#555;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:4px;cursor:pointer;transition:background .1s,color .1s;letter-spacing:.04em}.pm-zone-tab:hover:not(:disabled){background:#252525;color:#aaa}.pm-zone-tab.active{background:#2a2a2a;color:var(--tab-color, #e8e8e8)}.preview-modal-text{flex:1;padding:28px;font-family:CalSansPreview,CalSansVF,sans-serif;font-optical-sizing:none;color:#e8e8e8;line-height:1.2;outline:none;overflow-y:auto;min-height:180px;word-break:break-word}.preview-modal-text:empty:before{content:attr(data-placeholder);color:#333;pointer-events:none}.preview-mode-header{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:nowrap}.dial-axis-row{margin-bottom:16px}.dialkit-slider-hashmarks{display:none}.controls.dialkit-root{--dial-row-height: 40px}.pill-slider-rows{display:flex;flex-direction:column;gap:8px;margin:0}.pill-rows-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:-2px}.pill-rows-caption{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#666}.pill-reset-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid #2a2a2a;color:#888;width:26px;height:26px;padding:0;border-radius:999px;cursor:pointer;transition:color .12s,border-color .12s}.pill-reset-btn:hover{color:#ddd;border-color:#444}.pill-reset-btn:disabled{opacity:.35;cursor:default}.pill-reset-btn--active{color:#e8e8e8;border-color:#5a5a5a}.pill-reset-btn svg{display:block}.pill-reset-btn--spin svg{animation:pill-reset-spin .5s ease}@keyframes pill-reset-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.pill-row{display:flex;gap:8px}.pill-row--axes-v{display:none}@media(max-width:450px){.pill-row--axes-h{display:none}.pill-row--axes-v{display:flex;align-items:flex-end;justify-content:space-between;gap:4px}}.vslider{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.vslider-track{position:relative;width:10px;height:100px;background:#262626;border-radius:999px;cursor:pointer;touch-action:none}.vslider-fill{position:absolute;left:0;right:0;bottom:0;background:#8a8a8a;border-radius:999px}.vslider-thumb{position:absolute;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:#e8e8e8;box-shadow:0 1px 3px #00000073;pointer-events:none}.vslider-value{font-size:.65rem;color:#cfcfcf;font-variant-numeric:tabular-nums;line-height:1}.vslider-label{font-size:.6rem;color:#888;text-transform:lowercase;line-height:1}.vslider--overridden .vslider-fill,.vslider--overridden .vslider-thumb{background:#4a7fd4}.vslider--overridden .vslider-label,.vslider--overridden .vslider-value{color:#4a7fd4}.pill-slider{flex:1;min-width:0}.pill-slider--overridden .dialkit-slider{box-shadow:0 0 0 1.5px #4a7fd4}.pill-slider--overridden .dialkit-slider-label:after{content:"●";font-size:.5em;color:#4a7fd4;margin-left:5px;vertical-align:middle}.pill-slider .dialkit-slider-wrapper{height:30px}.pill-slider .dialkit-slider{border-radius:999px;background:#f0f0f0;overflow:hidden}.pill-slider .dialkit-slider-fill{background:#9a9a9a;border-radius:999px}.pill-slider .dialkit-slider-active .dialkit-slider-fill{background:#8a8a8a}.pill-slider .dialkit-slider-handle{display:none}.pill-slider .dialkit-slider-label{left:0;right:0;padding:0 14px;text-align:left;text-transform:lowercase;color:#111;font-weight:500;pointer-events:none}.pill-slider .dialkit-slider-value,.pill-slider .dialkit-slider-input{right:12px;color:#333}.zone-area-wrap{display:flex;align-items:stretch;margin-bottom:16px}.glyph-palette{width:88px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #1e1e1e;padding-right:8px;margin-right:0}.glyph-palette-rows{flex:1;overflow-y:auto}.palette-row{display:flex;align-items:flex-end;gap:4px;padding:5px 0;border-bottom:1px solid #1a1a1a}.palette-row:last-child{border-bottom:none}.palette-token{font-size:22px;line-height:1.15;display:inline-block;-webkit-user-select:none;user-select:none;border-radius:4px;padding:1px 2px;transition:background .1s,opacity .1s;font-optical-sizing:none}.palette-token--active{background:#ffffff1a}[style*="cursor: grab"].palette-token:hover{background:#ffffff12}.palette-trash{border-top:1px solid #1e1e1e;padding:6px 0 4px;display:flex;flex-wrap:wrap;gap:2px;align-items:center;min-height:36px;border-radius:4px;transition:background .15s}.palette-trash--active{background:#dc503c1f;outline:1px dashed rgba(220,80,60,.4);outline-offset:2px}.palette-trash-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#333;width:100%;margin-bottom:2px}.zone-area-wrap>.zone-grid{flex:1;margin-bottom:0;flex-shrink:0}.preview-size-inline{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.preview-size-inline input[type=range]{flex:1;min-width:60px}.zone-col--drag-target{background:#ffffff0a}.preview-size-row--bottom{display:flex;align-items:center;gap:10px;padding:10px 0 6px;border-top:1px solid #1a1a1a;margin-top:10px}.palette-row{padding:6px 0!important}.palette-token:not(.palette-token--active){opacity:.32}.presets-wrap{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.preset-add-btn{width:36px;flex-shrink:0;align-self:stretch;background:#111;border:1px dashed #333;border-radius:10px;color:#555;font-size:1.2rem;cursor:pointer;transition:border-color .15s,color .15s}.preset-add-btn:not(:disabled):hover{border-color:#666;color:#aaa}.preset-add-btn:disabled{cursor:default;opacity:.4}.presets-row{display:flex;align-items:center;gap:6px;margin-bottom:10px}.presets-label{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#666;flex-shrink:0;margin-right:4px}.presets-row .preset-btn{aspect-ratio:unset;padding:5px 12px;font-size:.75rem;border-radius:6px;height:28px;white-space:nowrap}.preset-btn--see-all{color:#666!important;border-color:#222!important}.preset-btn--active{border-color:#888;background:#222;color:#fff}.preset-btn--bifamily{flex-direction:column;gap:2px;line-height:.7}.preset-btn-subfamily{font-size:.75rem;font-weight:500;opacity:.5;letter-spacing:.02em}.preset-btn--more{color:#555;border-color:#222}.preset-variant-row{display:flex;align-items:center;gap:8px}.preset-variant-pills{display:flex;gap:4px}.preset-variant-pill{padding:3px 10px;border-radius:4px;border:1px solid #333;background:transparent;color:#555;font-size:.75rem;font-weight:600;cursor:pointer;transition:border-color .12s,color .12s}.preset-variant-pill:hover{color:#999;border-color:#555}.preset-variant-pill.active{border-color:#888;color:#fff}.preset-scaled-label{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#555;cursor:pointer;margin-left:4px;-webkit-user-select:none;user-select:none}.preset-scaled-label:hover{color:#888}.zone-col-radio-row{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:6px}.zone-col-radio-row input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;flex-shrink:0;border-radius:50%;border:2px solid #444;background:transparent;cursor:pointer;position:relative;transition:border-color .15s}.zone-col-radio-row input[type=radio]:checked{border-color:#e8e8e8}.zone-col-radio-row input[type=radio]:checked:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#e8e8e8}.zone-col-radio-label{font-size:.75rem;font-weight:600;white-space:nowrap}.controls.dialkit-root,.controls.dialkit-root *,.pill-slider-rows.dialkit-root,.pill-slider-rows.dialkit-root *{font-family:CalSansVF,sans-serif!important;font-optical-sizing:none;font-variation-settings:"opsz" 10,"GEOM" 25}.controls.dialkit-root .dialkit-slider-label,.controls.dialkit-root .dialkit-slider-value,.controls.dialkit-root .dialkit-slider-input,.pill-slider .dialkit-slider-label,.pill-slider .dialkit-slider-value,.pill-slider .dialkit-slider-input{font-size:.75rem}.preview-size-row--off{opacity:.3;pointer-events:none}.zone-col-canonical-small{margin-bottom:10px}.zone-col-canonical-large{border-top:1px solid rgba(255,255,255,.04);padding-top:8px}.dialkit-root{--dial-surface: rgba(255, 255, 255, .05);--dial-surface-hover: rgba(255, 255, 255, .1);--dial-surface-active: rgba(255, 255, 255, .11);--dial-surface-subtle: rgba(255, 255, 255, .06);--dial-text-root: #FFFFFF;--dial-text-section: rgba(255, 255, 255, .7);--dial-text-label: rgba(255, 255, 255, .7);--dial-text-focus: #ffffff;--dial-text-primary: rgba(255, 255, 255, .95);--dial-text-secondary: rgba(255, 255, 255, .6);--dial-text-tertiary: rgba(255, 255, 255, .4);--dial-border: rgba(255, 255, 255, .1);--dial-border-hover: rgba(255, 255, 255, .15);--dial-glass-bg: #212121;--dial-dropdown-bg: #2a2a2a;--dial-backdrop-blur: 20px;--dial-radius: 8px;--dial-row-height: 36px;--dial-shadow: 0 8px 32px rgba(0, 0, 0, .5);--dial-shadow-collapsed: 0 4px 16px rgba(0, 0, 0, .25);--dial-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .4);font-family:system-ui,-apple-system,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dialkit-panel{position:fixed;z-index:9999;max-height:calc(100vh - 32px);overflow:visible}.dialkit-root[data-mode=inline]{height:100%}.dialkit-panel[data-mode=inline]{position:static;z-index:auto;max-height:100%;height:100%;overflow:hidden}.dialkit-panel-inner{background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:14px;backdrop-filter:blur(var(--dial-backdrop-blur));-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));padding:10px 12px 0;transform:translateZ(0);transform-origin:top right}.dialkit-panel[data-position=top-left] .dialkit-panel-inner{transform-origin:top left;max-height:calc(100vh - 80px);overflow-y:auto}.dialkit-panel-inner[data-collapsed=true]{border-radius:50%;padding:12px;box-sizing:border-box}.dialkit-panel-inner[data-collapsed=true] .dialkit-panel-header{padding-bottom:0;margin-bottom:0;border-bottom:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-title-row{display:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{justify-content:center;padding:0}.dialkit-panel-inner::-webkit-scrollbar{display:none}.dialkit-panel-inner{-ms-overflow-style:none;scrollbar-width:none}.dialkit-panel-inline{width:100%;height:100%;max-height:none;overflow-y:auto;box-shadow:none;border-radius:0;border:none;box-sizing:border-box}.dialkit-panel[data-mode=inline] .dialkit-panel-wrapper{display:flex;flex-direction:column;width:100%;height:100%}.dialkit-panel[data-position=top-right]{top:16px;right:16px}.dialkit-panel[data-position=top-left]{top:16px;left:16px}.dialkit-panel[data-position=bottom-right]{bottom:16px;right:16px}.dialkit-panel[data-position=bottom-left]{bottom:16px;left:16px}.dialkit-folder{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--dial-surface-subtle)}.dialkit-folder:last-child:not(.dialkit-folder-root){padding-bottom:0;margin-bottom:0}.dialkit-folder-root{padding-bottom:0;margin-bottom:0;border-bottom:none}.dialkit-panel-header{padding-bottom:6px;margin-bottom:12px;border-bottom:1px solid var(--dial-surface-subtle)}.dialkit-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none}.dialkit-folder-header-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px}.dialkit-folder-title{font-size:13px;font-weight:600;color:var(--dial-text-section);letter-spacing:-.01em;transform:translateY(-.5px);transition:color .15s}.dialkit-folder-title-root{font-size:15px;font-weight:600;color:var(--dial-text-root);transform:translateZ(0)}.dialkit-folder-title-row{display:flex;align-items:center;gap:6px;flex:1;white-space:nowrap;overflow:hidden}.dialkit-folder-copy{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;cursor:pointer}.dialkit-folder-copy svg{width:14px;height:14px;color:var(--dial-text-section)}.dialkit-folder-icon{width:20px;height:20px;padding:2px;box-sizing:border-box;flex-shrink:0;color:var(--dial-text-label);opacity:.6}.dialkit-panel-icon{position:absolute;top:12px;right:12px;width:16px;height:16px;color:var(--dial-text-focus);z-index:1}.dialkit-folder-content{will-change:transform}.dialkit-folder-inner{display:flex;flex-direction:column;gap:6px;padding-bottom:10px}.dialkit-folder:not(.dialkit-folder-root){border-top:1px solid var(--dial-surface-subtle);border-bottom:1px solid var(--dial-surface-subtle);margin-top:4px;margin-bottom:4px;padding-bottom:0}.dialkit-folder:not(.dialkit-folder-root)+.dialkit-folder:not(.dialkit-folder-root){margin-top:-10px;border-top:none}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{height:var(--dial-row-height);padding:0}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header>.dialkit-folder-header-top{padding:0;height:100%}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:0}.dialkit-slider-wrapper{position:relative;height:var(--dial-row-height)}.dialkit-slider{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--dial-surface);border-radius:var(--dial-radius);touch-action:none}.dialkit-slider-hashmarks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dialkit-slider-hashmark{position:absolute;top:50%;width:1px;height:8px;border-radius:999px;transform:translate(-50%) translateY(-50%);background:#fff0;transition:background .2s}.dialkit-slider-active .dialkit-slider-hashmark{background:var(--dial-border-hover)}.dialkit-slider-active .dialkit-slider-value{color:var(--dial-text-focus)}.dialkit-slider-fill{position:absolute;top:0;bottom:0;left:0;background:var(--dial-surface-active);transition:background .15s;pointer-events:none}.dialkit-slider-active .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-slider-handle{position:absolute;top:50%;width:3px;height:20px;border-radius:999px;background:var(--dial-text-primary);pointer-events:none}.dialkit-slider-label{position:absolute;left:10px;top:50%;transform:translateY(calc(-50% - .5px));font-size:13px;font-weight:500;color:var(--dial-text-label);pointer-events:none;transition:color .15s;display:inline-flex;align-items:center}.dialkit-slider-value{position:absolute;right:10px;top:50%;transform:translateY(calc(-50% + .5px));font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);pointer-events:auto;transition:color .15s,border-color .15s;border-bottom:1px solid transparent;padding-bottom:1px}.dialkit-slider-value-editable{border-bottom-color:var(--dial-text-label)}.dialkit-slider-input{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:4ch;min-width:3ch;max-width:6ch;font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);background:transparent;border:none;border-bottom:1px solid var(--dial-text-label);padding:0 0 1px;outline:none;text-align:right}.dialkit-slider-input:focus{color:var(--dial-text-focus)}.dialkit-segmented{position:relative;display:flex;padding:2px;background:transparent;border-radius:var(--dial-radius)}.dialkit-segmented-pill{position:absolute;top:2px;bottom:2px;background:var(--dial-surface-active);border-radius:6px;z-index:0;pointer-events:none}.dialkit-segmented-button{position:relative;z-index:1;flex:0 0 auto;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:500;background:transparent;border:none;cursor:pointer;transition:color .15s}.dialkit-segmented-button[data-active=true]{color:var(--dial-text-primary)}.dialkit-segmented-button[data-active=false]{color:var(--dial-text-label)}.dialkit-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.dialkit-toggle:hover{background:var(--dial-surface-hover)}.dialkit-toggle-label{font-size:13px;font-weight:500;color:var(--dial-text-label);transition:color .15s}.dialkit-toggle[data-checked=true] .dialkit-toggle-label{color:var(--dial-text-primary)}.dialkit-toggle-track{width:36px;height:20px;border-radius:10px;background:var(--dial-surface-active);transition:background .2s;position:relative}.dialkit-toggle[data-checked=true] .dialkit-toggle-track{background:var(--dial-border-hover)}.dialkit-toggle-thumb{position:absolute;top:2px;width:16px;height:16px;border-radius:8px;background:var(--dial-text-primary)}.dialkit-button-group{display:flex;flex-direction:column;gap:6px}.dialkit-button{flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-secondary);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s,color .15s}.dialkit-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-button:active{background:var(--dial-surface-active)}.dialkit-labeled-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:2px 10px 2px 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-labeled-control-label{display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;line-height:17px}.dialkit-labeled-control .dialkit-segmented{flex-shrink:0;margin-right:-6px}.dialkit-action-button{width:160px;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-secondary);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s,color .15s}.dialkit-action-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-action-button:active{background:var(--dial-surface-active)}.dialkit-actions-group{align-items:flex-start}.dialkit-actions-stack{display:flex;flex-direction:column;gap:6px;width:160px}.dialkit-spring-viz{width:100%;border-radius:var(--dial-radius);background:var(--dial-surface);overflow:visible}.dialkit-easing-viz{width:100%;aspect-ratio:256 / 140}.dialkit-panel-wrapper{display:inline-flex;flex-direction:column}.dialkit-panel-toolbar{display:flex;align-items:center;gap:6px;height:var(--dial-row-height);margin-bottom:6px;min-width:0;overflow:hidden}.dialkit-toolbar-add{display:flex;align-items:center;justify-content:center;width:var(--dial-row-height);height:var(--dial-row-height);padding:0;flex-shrink:0;background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-toolbar-add:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-add svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-toolbar-copy{position:relative;display:flex;align-items:center;gap:6px;height:var(--dial-row-height);padding:0 12px;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-toolbar-copy:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-copy-icon-wrap{position:relative;width:16px;height:16px;flex-shrink:0}.dialkit-toolbar-copy-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:16px;height:16px}.dialkit-text-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:0 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-text-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0}.dialkit-text-input{flex:1;min-width:0;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;padding:0;outline:none;text-align:right;cursor:text}.dialkit-text-input:focus{color:var(--dial-text-focus)}.dialkit-text-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--dial-row-height);padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-select-trigger:hover{background:var(--dial-surface-hover)}.dialkit-select-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-select-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;transform:translateY(-.5px)}.dialkit-select-right{display:flex;align-items:center;gap:8px}.dialkit-select-value{font-size:13px;font-weight:500;color:var(--dial-text-label);transform:translateY(-.5px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-select-chevron{width:20px;height:20px;padding:2px;box-sizing:border-box;flex-shrink:0;opacity:.6}.dialkit-select-dropdown{background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:var(--dial-radius);padding:4px;z-index:10000;box-shadow:var(--dial-shadow-dropdown)}.dialkit-select-option{display:block;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.dialkit-select-option:hover{background:var(--dial-surface-hover)}.dialkit-select-option[data-selected=true]{color:var(--dial-text-primary);background:var(--dial-surface-active)}.dialkit-color-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:0 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-color-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;transform:translateY(-.5px)}.dialkit-color-inputs{display:flex;align-items:center;gap:8px}.dialkit-color-hex{font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);cursor:text;transform:translateY(-.5px)}.dialkit-color-hex-input{width:7ch;font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);background:transparent;border:none;padding:0;outline:none;text-transform:uppercase;transform:translateY(-.5px)}.dialkit-color-hex-input:focus{color:var(--dial-text-focus)}.dialkit-color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--dial-border-hover);cursor:pointer;transition:transform .15s}.dialkit-color-swatch:hover{transform:scale(1.1)}.dialkit-color-picker-native{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.dialkit-preset-manager{position:relative;flex:1}.dialkit-preset-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--dial-row-height);padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-preset-trigger:hover{background:var(--dial-surface-hover)}.dialkit-preset-trigger[data-disabled=true]{cursor:default}.dialkit-preset-trigger[data-disabled=true]:hover{background:var(--dial-surface)}.dialkit-preset-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-preset-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-preset-dropdown{width:max-content;background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);border-radius:12px;padding:4px;z-index:10000;box-shadow:var(--dial-shadow-dropdown)}.dialkit-preset-list{display:flex;flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--dial-border)}.dialkit-preset-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:8px;border-radius:8px;cursor:pointer;transition:background .15s}.dialkit-preset-item:hover{background:var(--dial-surface-hover)}.dialkit-preset-item[data-active=true]{background:var(--dial-surface-active)}.dialkit-preset-name{font-size:13px;font-weight:500;color:var(--dial-text-label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-preset-item[data-active=true] .dialkit-preset-name{color:var(--dial-text-primary)}.dialkit-preset-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity .15s;flex-shrink:0}.dialkit-preset-item:hover .dialkit-preset-delete{opacity:.6}.dialkit-preset-delete:hover{opacity:1!important}.dialkit-preset-delete svg{width:14px;height:14px;color:var(--dial-text-focus);pointer-events:none}.dialkit-preset-save-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.dialkit-preset-save-btn:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-preset-save-btn svg{width:12px;height:12px}.dialkit-preset-save-row{display:flex;align-items:center;gap:6px;padding:4px}.dialkit-preset-input{flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:13px;color:var(--dial-text-primary);background:var(--dial-surface);border:1px solid var(--dial-border);border-radius:6px;outline:none}.dialkit-preset-input:focus{border-color:var(--dial-text-label)}.dialkit-preset-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-preset-confirm{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--dial-surface);border:none;border-radius:6px;cursor:pointer;transition:background .15s}.dialkit-preset-confirm:hover:not(:disabled){background:var(--dial-surface-hover)}.dialkit-preset-confirm:disabled{opacity:.4;cursor:not-allowed}.dialkit-preset-confirm svg{width:14px;height:14px;color:var(--dial-text-label)}.dialkit-shortcut-pill{display:inline-block;font-size:10px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;color:var(--dial-text-tertiary);background:var(--dial-surface-subtle);padding:1px 5px;border-radius:4px;margin-left:6px;letter-spacing:.02em;line-height:16px;white-space:nowrap;vertical-align:middle;transition:color .15s,background .15s}.dialkit-shortcut-pill-active{color:var(--dial-text-primary);background:var(--dial-border-hover)}.dialkit-shortcuts-trigger{display:flex;align-items:center;justify-content:center;width:var(--dial-row-height);height:var(--dial-row-height);padding:0;flex-shrink:0;background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-shortcuts-trigger:hover{background:var(--dial-surface-hover)}.dialkit-shortcuts-trigger svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-shortcuts-dropdown{background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);border-radius:12px;padding:8px;z-index:10000;box-shadow:var(--dial-shadow-dropdown);min-width:200px}.dialkit-shortcuts-title{font-size:11px;font-weight:600;color:var(--dial-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 8px}.dialkit-shortcuts-list{display:flex;flex-direction:column;gap:2px}.dialkit-shortcuts-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px}.dialkit-shortcuts-row-key{font-size:11px;font-weight:600;font-family:ui-monospace,SF Mono,Courier New,monospace;color:var(--dial-text-secondary);background:var(--dial-surface-subtle);padding:2px 6px;border-radius:4px;min-width:28px;text-align:center}.dialkit-shortcuts-row-label{flex:1;font-size:13px;font-weight:500;color:var(--dial-text-label)}.dialkit-shortcuts-row-mode{font-size:11px;font-weight:500;color:var(--dial-text-tertiary);font-style:italic}.dialkit-shortcuts-hint{font-size:11px;color:var(--dial-text-tertiary);padding:6px 8px 2px;border-top:1px solid var(--dial-border);margin-top:4px}.dialkit-root[data-theme=light]{--dial-surface: rgba(0, 0, 0, .04);--dial-surface-hover: rgba(0, 0, 0, .08);--dial-surface-active: rgba(0, 0, 0, .1);--dial-surface-subtle: rgba(0, 0, 0, .06);--dial-text-root: #000000;--dial-text-section: rgba(0, 0, 0, .65);--dial-text-label: rgba(0, 0, 0, .6);--dial-text-focus: #000000;--dial-text-primary: rgba(0, 0, 0, .9);--dial-text-secondary: rgba(0, 0, 0, .55);--dial-text-tertiary: rgba(0, 0, 0, .35);--dial-border: rgba(0, 0, 0, .1);--dial-border-hover: rgba(0, 0, 0, .15);--dial-glass-bg: #fafafa;--dial-dropdown-bg: #ffffff;--dial-shadow: 0 4px 20px rgba(0, 0, 0, .08);--dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, .06);--dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .08)}.dialkit-root[data-theme=light] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=light] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=light] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}@media(prefers-color-scheme:light){.dialkit-root[data-theme=system]{--dial-surface: rgba(0, 0, 0, .04);--dial-surface-hover: rgba(0, 0, 0, .08);--dial-surface-active: rgba(0, 0, 0, .1);--dial-surface-subtle: rgba(0, 0, 0, .06);--dial-text-root: #000000;--dial-text-section: rgba(0, 0, 0, .65);--dial-text-label: rgba(0, 0, 0, .6);--dial-text-focus: #000000;--dial-text-primary: rgba(0, 0, 0, .9);--dial-text-secondary: rgba(0, 0, 0, .55);--dial-text-tertiary: rgba(0, 0, 0, .35);--dial-border: rgba(0, 0, 0, .1);--dial-border-hover: rgba(0, 0, 0, .15);--dial-glass-bg: #fafafa;--dial-dropdown-bg: #ffffff;--dial-shadow: 0 4px 20px rgba(0, 0, 0, .08);--dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, .06);--dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .08)}.dialkit-root[data-theme=system] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=system] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=system] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}}:root{color-scheme:dark;--stage-deep: #000;--bg: #0f0f0f;--surface: #1a1a1a;--surface-hi: #252525;--text: #e8e8e8;--text-muted: #999;--text-dim: #666;--text-faint: #444;--text-rgb: 232, 232, 232;--border: #333;--border-subtle: #222;--edit-rail: rgba(255, 255, 255, .28);--scrollbar-thumb: var(--surface-hi);--scrollbar-thumb-hover: var(--text-dim);--gp-ui-fvs: "GEOM" 25;--accent: #e8e8e8;--marker-default: var(--accent);--marker-preview: #999;--state-stock: var(--zone-a11y);--freeze-gold: #d9a441;--ok: #46c07a;--warn: #e0a23a;--err: #e0603a;--freeze-gold-dim: rgba(217, 164, 65, .16);--zone-a11y: #c97050;--zone-ui: #999;--zone-ui-on-grid: #fff;--zone-base: #4a7fd4;--zone-geo: #4aad5c;--zone-a11y-chip: #e08a63;--zone-ui-chip: var(--zone-ui-on-grid);--zone-base-chip: #6f9ee8;--zone-geo-chip: #5fc678;--spring: cubic-bezier(.34, 1.45, .64, 1);--dur-fast: .14s;--dur: .24s;--radius: 8px;--radius-pill: 999px;--corner-k: 1.2;--chip-wght-off: 450;--chip-wght-on: 630;--stroke-hover: 1.2px;--stroke-press: 1.8px;--ui-font: "CalSansVF", sans-serif}.instrument-root{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--ui-font);font-optical-sizing:auto;font-variation-settings:"GEOM" 25}.tnum{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.instrument-root *,.instrument-root *:before,.instrument-root *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root{--corner-k: 1.2;--stroke-hover: 1.2px;--stroke-press: 1.8px}*,*:before,*:after{corner-shape:superellipse(var(--corner-k, 1.2))}.spinner,.ui-spinner,.gg-geom-dot,.vslider-thumb,.preview-dot,.mode-throb,.ui-dot,.ui-avatar,.ui-thumb,.ui-radio,.ui-radio.on:after,.ui-switch:after,.ui-sk--circle,.ui-tl-dot,.ui-step-n,.ui-alert-ic,input[type=radio],input[type=radio]:checked:after{corner-shape:round}input[type=range]::-webkit-slider-thumb{corner-shape:round}input[type=range]::-moz-range-thumb{corner-shape:round}.ui-btn:active:not(:disabled),.ui-seg>span:active,.ui-tab:active,.ui-chip:active,.ui-tool:active,.gp-copy:active:not(:disabled),.ssd-btn:active:not(:disabled),.inline-emph-btn:active:not(:disabled){background:none;box-shadow:inset 0 0 0 var(--stroke-press, 1.8px) currentColor}:root{--type-micro-size: .5625rem;--type-micro-lead: 1.2;--type-label-size: .75rem;--type-label-lead: 1.3;--type-ui-size: .75rem;--type-ui-lead: 1.4;--type-body-size: 1rem;--type-body-lead: 1.55;--type-lede-size: 1.125rem;--type-lede-lead: 1.5;--type-title-size: 1.625rem;--type-title-lead: 1.2;--type-display-size: 2.8125rem;--type-display-lead: 1.1;--poster-1: 3rem;--poster-2: 4.25rem;--poster-3: 6rem;--poster-4: 8.5rem;--poster-5: 12rem;--ink-full: 1;--ink-quiet: .62;--ink-faint: .38;--track-caps: .12em;--text-rgb: 232, 232, 232}.t-micro,.t-label,.t-ui,.t-body,.t-lede,.t-title,.t-display{font-family:var(--ui-font, system-ui, sans-serif);font-variation-settings:var(--ui-fvs, normal)}.t-micro,.t-label,.t-ui,.t-body,.t-lede,.t-title,.t-display{font-optical-sizing:auto}.t-micro{font-size:var(--type-micro-size);line-height:var(--type-micro-lead)}.t-ui{font-size:var(--type-ui-size);line-height:var(--type-ui-lead)}.t-body{font-size:var(--type-body-size);line-height:var(--type-body-lead)}.t-lede{font-size:var(--type-lede-size);line-height:var(--type-lede-lead)}.t-title{font-size:var(--type-title-size);line-height:var(--type-title-lead)}.t-display{font-size:var(--type-display-size);line-height:var(--type-display-lead)}.t-label{font-size:var(--type-label-size);line-height:var(--type-label-lead);letter-spacing:var(--track-caps);text-transform:uppercase}.p1,.p2,.p3,.p4,.p5{font-family:var(--ui-font, system-ui, sans-serif);font-variation-settings:var(--ui-fvs, normal);font-optical-sizing:auto}.p1{font-size:var(--poster-1);line-height:1.05}.p2{font-size:var(--poster-2);line-height:1.02}.p3{font-size:var(--poster-3);line-height:1}.p4{font-size:var(--poster-4);line-height:.98}.p5{font-size:var(--poster-5);line-height:.96}.ink-full{color:rgba(var(--text-rgb),var(--ink-full))}.ink-quiet{color:rgba(var(--text-rgb),var(--ink-quiet))}.ink-faint{color:rgba(var(--text-rgb),var(--ink-faint))}.sig-rule{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.28em}.edit-rail{position:relative}.edit-rail:before,.edit-rail:after{content:"";position:absolute;top:0;bottom:0;width:3px;border-radius:2px;background:var(--edit-rail, rgba(255, 255, 255, .28));opacity:0;transition:opacity .12s ease,background .12s ease;pointer-events:none}.edit-rail:before{left:-12px}.edit-rail:after{right:-12px}.edit-rail:focus:before,.edit-rail:focus:after,.edit-rail:focus-within:before,.edit-rail:focus-within:after{opacity:1}.edit-rail--target:before,.edit-rail--target:focus:before,.edit-rail--target:focus-within:before{opacity:1;background:var(--edit-rail-target, var(--accent, currentColor))}.shell{display:grid;grid-template-columns:264px 1fr;grid-template-areas:"rail canvas";height:100vh;overflow:hidden;transition:grid-template-columns var(--dur) ease}.rail{grid-area:rail;border-right:1px solid var(--border);background:var(--surface);padding:0 16px;overflow-y:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:var(--pad-6, 24px)}.rail-collapsed-label{display:none}.shell--rail-collapsed{grid-template-columns:44px 1fr}.rail--collapsed{padding:16px 0;gap:0;overflow:hidden;cursor:pointer;align-items:center}.rail--collapsed>*:not(.rail-collapsed-label){display:none}.rail--collapsed .rail-collapsed-label{display:block;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--ui-font);font-size:var(--type-body-size, 1rem);font-weight:600;color:var(--text-muted);white-space:nowrap}.rail--collapsed:hover .rail-collapsed-label{color:var(--text)}.rail-header{display:flex;flex-direction:column;gap:3px;padding-top:var(--pad-5, 16px)}.rail-header-top{display:flex;justify-content:space-between;align-items:center;gap:var(--pad-3, 8px)}.rail-title{font-size:var(--type-body-size, 1rem);font-weight:700;letter-spacing:.01em}.rail-sub{font-size:var(--type-ui-size, .75rem);color:var(--text-dim);margin-top:3px;white-space:nowrap}.rail-reset{flex-shrink:0;padding:var(--pad-1, 4px) var(--pad-4, 12px);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);cursor:pointer}.rail-reset:hover:not(:disabled){background:var(--surface-hi);color:var(--text);border-color:var(--text-dim)}.rail-reset:disabled{cursor:default}.hold-text{padding:8px;border:none;background:none;color:var(--text-muted);font-family:var(--ui-font);font-weight:400;font-size:var(--type-ui-size, .75rem);cursor:pointer;display:inline-flex;flex-direction:column;align-items:center}.hold-text:after{content:attr(data-label);font-weight:700;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.hold-text:hover{color:var(--text)}.hold-text.held{color:var(--state-stock);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.hold-text:focus-visible{outline:none;color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2.5px;text-underline-offset:4px}.floor-toggle{font-family:var(--ui-font, inherit);display:flex;align-items:center;gap:8px;font-size:var(--type-ui-size, .75rem);color:var(--text-muted);cursor:pointer}.floor-toggle input{accent-color:var(--accent)}.floor-toggle a{color:var(--text);text-decoration:underline}.rail-group{display:flex;flex-direction:column;gap:12px}.rail-group-label{font-size:var(--type-micro-size, .5625rem);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.rail-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--pad-3, 8px)}.pin{display:flex;flex-direction:column;gap:var(--pad-1, 4px)}.pin--off{opacity:.38}.pin--off input[type=range]{cursor:default}.pin-head{display:flex;justify-content:space-between;align-items:baseline}.pin-label{font-size:var(--type-ui-size, .75rem)}.pin-tag{font-size:var(--type-micro-size, .5625rem);color:var(--text-dim)}.pin-val{font-size:var(--type-ui-size, .75rem);color:var(--marker-default)}.pin-val:before{content:"◆ ";font-size:var(--type-micro-size, .5625rem);vertical-align:1px}.stepper{display:flex;gap:4px}.stepper button{flex:1;padding:6px 0;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem)}.stepper button.on{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.rail-toggle{font-family:var(--ui-font, inherit);display:flex;align-items:center;gap:8px;font-size:var(--type-ui-size, .75rem);cursor:pointer}.rail-toggle input{accent-color:var(--accent)}.rail-preset{width:100%;padding:var(--pad-2, 6px) var(--pad-3, 8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);cursor:pointer}.rail-preset:hover{border-color:var(--text-dim)}.rail-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:var(--pad-4, 12px);border-top:1px solid var(--border-subtle)}.rail-footer .state-tag{align-self:flex-start}.rail-readout{font-size:var(--type-ui-size, .75rem);line-height:1.6;color:var(--text-dim);word-break:break-word}.canvas{grid-area:canvas;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.canvas-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:var(--pad-8, 48px)}.canvas-body--full{padding-bottom:0}.stage-scroll.stage-scroll--flush{padding:var(--pad-6, 24px) var(--pad-8, 48px) 0}.stage-scroll.stage-scroll--bleed{padding:0;scrollbar-gutter:auto;overflow:hidden}.canvas-bar{display:flex;align-items:center;padding:12px 24px}.mode-row{display:flex;align-items:center;gap:0;min-height:42px;padding:0 var(--pad-6, 24px) var(--pad-3, 8px) var(--pad-7, 32px)}.mode-row .mode-label{padding:0;width:154px;flex:0 0 auto;white-space:nowrap}.mode-row .scene-bar{flex-direction:row;align-items:center;gap:12px;padding:0}.mode-row .body-pairing{padding-left:8px}.mode-label{display:inline-flex;align-items:center;gap:var(--pad-2, 6px);padding:0 24px 12px 32px;font-family:var(--ui-font);font-size:var(--type-body-size, 1rem);color:var(--text-muted);font-style:normal;font-synthesis:none;font-variation-settings:"opsz" 10,"GEOM" 25,"wght" 700,"ital" 1}.mode-label--edit{color:var(--accent)}.mode-label--throb{animation:recal-throb 1.6s ease-in-out infinite}@keyframes recal-throb{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.mode-label--throb{animation:none}}.mode-throb{width:13px;height:13px;border-radius:50%;flex-shrink:0;border:2px solid var(--text-dim);border-top-color:var(--text);animation:wm-spin .6s linear infinite}@keyframes wm-spin{to{transform:rotate(360deg)}}.mode-check{color:var(--zone-geo);font-style:normal;font-weight:700}.rail--demo .rail-reset,.rail--demo .rail-sub,.rail--demo .rail-group,.rail--demo .rail-footer{opacity:.2;transition:opacity var(--dur) ease}.rail--demo .rail-title{opacity:1}.rail .rail-group,.rail .rail-footer,.rail .rail-sub{transition:opacity var(--dur) ease}.state-tag{padding:3px 12px;border-radius:var(--radius-pill);background:var(--surface);font-size:var(--type-ui-size, .75rem);font-weight:700}.stage{position:relative;flex:1;min-height:0;overflow:hidden;font-family:CalSansPreview,CalSansVF,sans-serif}.stage-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:var(--pad-7, 32px) var(--pad-8, 48px) var(--pad-9, 64px)}.specimen{font-family:CalSansPreview,CalSansVF,sans-serif;font-optical-sizing:none;font-feature-settings:"rclt" 1;color:var(--text);margin:0 0 8px;line-height:1.02;word-break:break-word}.specimen-cap{font-size:var(--type-label-size, .75rem);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:0 0 28px}.para{font-family:var(--ui-font);font-optical-sizing:none;font-feature-settings:"rclt" 1;color:var(--text);max-width:34em;margin:32px 0 0}.info-panel{position:absolute;top:0;right:0;bottom:0;width:300px;z-index:4;overflow-y:auto;scrollbar-gutter:stable;padding:var(--pad-5, 16px) var(--pad-5, 16px) var(--pad-6, 24px);text-align:right;--info-color: rgba(201, 112, 80, .6);color:var(--info-color);font-size:var(--type-ui-size, .75rem);line-height:1.5;background:var(--bg)}.info-sec{margin-bottom:16px}.info-h{font-weight:700;color:#c97050d9;margin-bottom:3px}.info-row{display:flex;justify-content:flex-end;align-items:baseline;gap:6px;flex-wrap:wrap}.info-k{color:#c9705080}.info-arrow{color:#c9705066}.info-v{color:var(--info-color)}.info-yours{color:var(--marker-default);font-weight:700}.info-block{color:var(--info-color)}.info-nameinput{font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);text-align:right;background:transparent;border:none;border-bottom:1px solid rgba(201,112,80,.35);color:var(--marker-default);padding:1px 0;min-width:90px;max-width:150px}.info-nameinput:focus{outline:none;border-bottom-color:var(--accent)}.preview-surface{position:absolute;left:0;right:0;bottom:0;z-index:3;border-top:1px solid var(--border);background:var(--surface);padding:var(--pad-4, 12px) var(--pad-6, 24px) var(--pad-4, 12px);display:flex;flex-direction:column;gap:8px}.preview-surface-head{display:flex;align-items:center;gap:0;min-height:26px}.preview-surface-head .preview-surface-cap{flex:0 0 80px}.preview-surface-cap{display:inline-flex;align-items:center;gap:6px;font-size:var(--type-label-size, .75rem);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-variation-settings:"ital" 0;font-synthesis:none;font-style:normal;transition:font-variation-settings var(--dur) ease}.preview-surface-cap--collapsed{font-variation-settings:"ital" 1}.preview-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--marker-preview);background-color:var(--marker-preview);transition:background-color var(--dur) ease}.preview-surface-cap--collapsed .preview-dot{background-color:transparent}.preview-reset{display:inline-flex;align-items:center;gap:6px;padding:var(--pad-1, 4px) var(--pad-4, 12px);border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--marker-preview);font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);cursor:pointer;flex-shrink:0;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease}.preview-reset svg{flex-shrink:0}.preview-reset:disabled{opacity:.35;cursor:default}.preview-reset:not(:disabled):hover{color:var(--text);border-color:var(--marker-preview)}.preview-reset:not(:disabled):active svg{transform:rotate(-320deg);transition:transform var(--dur) var(--spring)}.preview-body{max-height:0;opacity:0;overflow:hidden;transition:max-height var(--dur) var(--spring),opacity var(--dur-fast) ease}.preview-surface.open .preview-body{max-height:42vh;opacity:1;overflow-y:auto;scrollbar-gutter:stable}.preview-surface--dim.open .preview-body{opacity:.2}@media(prefers-reduced-motion:reduce){.preview-body{transition:none}}.preview-body{display:flex;flex-direction:column;gap:8px}.play-opentype{display:flex;flex-direction:column;gap:0}.play-group .feature-chips{margin-left:-6px}.play-group .ss-chips{margin-left:-5px}.play-group{display:flex;align-items:baseline;gap:16px}.play-group-label{width:64px;flex-shrink:0;font-size:var(--type-micro-size, .5625rem);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.preview-rows{display:flex;gap:var(--pad-5, 16px);flex-wrap:wrap;flex:1}.prow{display:flex;flex-direction:column;gap:var(--pad-1, 4px);min-width:118px}.prow--na{opacity:.28;pointer-events:none}.prow-head{display:flex;justify-content:space-between;font-size:var(--type-ui-size, .75rem)}.prow-label{color:var(--text-muted)}.prow-val{color:var(--marker-preview)}.prow.on .prow-val:before{content:"● ";font-size:var(--type-micro-size, .5625rem);vertical-align:1px}.opsz-auto{display:inline-flex;align-items:center;gap:3px;margin-left:6px;font-size:var(--type-micro-size, .5625rem);color:var(--text-dim);opacity:.7;cursor:pointer}.opsz-auto input{width:11px;height:11px;margin:0;accent-color:var(--marker-preview)}.floor{grid-area:floor;display:flex;align-items:center;gap:var(--pad-4, 12px);padding:12px 24px;border-top:1px solid var(--border);background:var(--surface)}.floor-label{font-size:var(--type-micro-size, .5625rem);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.zone-chips{display:flex;gap:4px;flex-wrap:wrap}.zone-chip{display:inline-grid;padding:6px 12px;border-radius:var(--radius-pill);corner-shape:superellipse(var(--corner-k, 1.2));border:none;background:transparent;font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);font-variation-settings:"GEOM" 25,"wght" var(--chip-wght-off, 450);cursor:pointer}.zone-chip>span{grid-area:1 / 1}.zone-chip:after{content:attr(data-label);grid-area:1 / 1;visibility:hidden;pointer-events:none;font-variation-settings:"GEOM" 25,"wght" var(--chip-wght-on, 630)}.zone-chip.on{color:var(--bg);font-variation-settings:"GEOM" 25,"wght" var(--chip-wght-on, 630)}.zone-chip:not(.on):hover:not(:disabled){background:none;box-shadow:inset 0 0 0 var(--stroke-hover, 1.2px) currentColor}.zone-chip:active:not(:disabled){background:none;box-shadow:inset 0 0 0 var(--stroke-press, 1.8px) currentColor}.zone-chip:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--stroke-press, 1.8px) var(--accent)}.floor-spacer{flex:1}.floor-btn{padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-hi);color:var(--text);font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);cursor:pointer}.floor-btn:disabled{opacity:.45;cursor:default}.floor-btn--primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.type-panel,.dock-download{transition:opacity .25s}body.past-app .type-panel,body.past-app .dock-download{opacity:0;pointer-events:none}.dock-download{position:fixed;right:20px;bottom:16px;z-index:50;display:flex;align-items:center;gap:var(--pad-4, 12px);padding:var(--pad-3, 8px) var(--pad-3, 8px) var(--pad-3, 8px) var(--pad-5, 16px);border-radius:calc(var(--radius) + 4px);background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 24px #00000073}.dock-error{font-size:var(--type-ui-size, .75rem);color:var(--text-muted)}.type-panel{position:fixed;top:56px;right:20px;z-index:40;width:178px;display:flex;flex-direction:column;gap:var(--pad-4, 12px);padding:var(--pad-3, 8px) var(--pad-4, 12px) var(--pad-4, 12px);border-radius:calc(var(--radius) + 2px);background:var(--surface);border:1px solid var(--border);box-shadow:0 6px 24px #0006}.type-panel-title{font-family:var(--ui-font);font-size:var(--type-micro-size, .5625rem);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:-4px -8px 2px;padding:6px 8px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.type-panel-title:active{cursor:grabbing}.type-panel .prow{min-width:0}.style-menu{position:relative}.style-menu-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--pad-2, 6px) var(--pad-3, 8px);border-radius:var(--radius);background:var(--surface-hi);border:1px solid var(--border);color:var(--text);font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);cursor:pointer}.style-menu-btn:hover:not(:disabled){background:var(--text);color:var(--bg);border-color:var(--text)}.style-menu-btn:hover:not(:disabled) .style-menu-caret{color:var(--bg)}.style-menu-caret{color:var(--text-dim);font-size:var(--type-micro-size, .5625rem)}.style-menu-list{position:absolute;top:calc(100% + 4px);left:0;min-width:212px;z-index:60;display:flex;flex-direction:column;padding:4px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:0 8px 24px #00000080}.style-menu-item{display:flex;align-items:center;justify-content:space-between;gap:var(--pad-3, 8px);padding:6px 8px;border:none;border-radius:6px;background:none;color:var(--text);font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);cursor:pointer;text-align:left}.style-menu-item.on{background:var(--surface-hi)}.style-menu-item:hover:not(:disabled){background:var(--text);color:var(--bg)}.style-menu-item:hover .style-badge{color:var(--bg);border-color:#00000059}.style-menu-item:hover .style-menu-check{color:var(--bg)}.style-menu-name{white-space:nowrap;margin-right:auto}.style-menu-check{flex-shrink:0;width:12px;font-size:var(--type-ui-size, .75rem);color:var(--text-dim)}.style-menu-item.on .style-menu-check{color:var(--accent, var(--text))}.style-menu-list--scroll{max-height:340px;overflow-y:auto}.style-menu-badges{display:flex;gap:4px;flex-shrink:0}.style-badge{font-size:var(--type-micro-size, .5625rem);color:var(--text-dim);white-space:nowrap;padding:var(--pad-hair, 1px) var(--pad-1, 4px);border-radius:4px;border:1px solid var(--border)}.ofl-check{display:flex;align-items:center;gap:6px;font-size:var(--type-ui-size, .75rem);color:var(--text-muted);cursor:pointer}.ofl-check input{accent-color:var(--accent)}.ofl-check a{color:var(--text);text-decoration:underline}.shell input[type=range]{width:100%;accent-color:var(--accent)}.preview-surface input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1px;background:var(--border);cursor:pointer}.preview-surface input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:var(--marker-preview)}.preview-surface input[type=range]::-moz-range-thumb{width:9px;height:9px;border:none;border-radius:50%;background:var(--marker-preview)}.preview-surface input[type=range]:hover::-webkit-slider-thumb,.preview-surface .prow.on input[type=range]::-webkit-slider-thumb{background:var(--text)}.preview-surface input[type=range]:focus-visible{outline:none}.preview-surface input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}.rail-seam{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;gap:var(--pad-3, 8px);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--pad-5, 16px) var(--pad-5, 16px);font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);letter-spacing:.18em;position:sticky;z-index:4;background:var(--surface)}.rail-seam:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px;border-radius:4px}.rail-seam-chv{width:20px;height:9px;display:block}.rail-seam-lbl{white-space:nowrap}.rail-seam--down{bottom:0;color:#b9c4d6;border-top:1px solid var(--border-subtle)}.rail-seam:hover:not(:disabled),.rail-seam:focus-visible:not(:disabled){background:var(--surface)}.rail-seam--up{top:0;color:#e8e8e84d;border-bottom:1px solid var(--border-subtle)}.rail-seam--up:hover:not(:disabled){color:#e8e8e899}.rail-matrix,.rail-blank,.rail-freezer,.rail-vmetrics{display:flex;flex-direction:column;gap:var(--pad-4, 12px)}.rail-blank-body{min-height:260px}.freezer{display:flex;flex-direction:column;padding:0 var(--pad-2, 6px)}.freezer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.freezer-title{font-family:var(--ui-font);font-size:var(--type-label-size, .75rem);letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase}.freezer-reset{font-family:var(--ui-font);font-size:var(--type-label-size, .75rem);letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border:none;border-radius:5px;cursor:pointer;background:none}.freezer-reset:not(:disabled){color:var(--text);font-weight:600;background:var(--surface-hi)}.freezer-reset:hover:not(:disabled){background:var(--surface)}.freezer-reset:disabled{color:var(--text-faint);font-weight:400;cursor:default}.freezer-section{display:flex;flex-direction:column;margin-bottom:4px}.freezer-section-title{font-family:var(--ui-font);font-size:var(--type-micro-size, .5625rem);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:var(--pad-3, 8px) var(--pad-1, 4px) var(--pad-1, 4px)}.freezer-list{display:flex;flex-direction:column}.freezer-row{display:grid;grid-template-columns:auto 1fr 18px;align-items:center;gap:var(--pad-3, 8px);width:100%;padding:var(--pad-1, 4px) var(--pad-2, 6px);border:none;background:none;cursor:pointer;text-align:left;border-radius:6px}.freezer-row:hover{background:var(--surface)}.freezer-ba{display:grid;grid-template-columns:30px auto auto;align-items:baseline;column-gap:var(--pad-2, 6px);font-size:var(--type-body-size, 1rem);line-height:1.4}.freezer-glyph{color:var(--text-dim);text-align:right}.freezer-glyph--after{color:var(--text-muted);text-align:left}.freezer-glyph--after.on{color:var(--freeze-gold)}.freezer-arrow{font-size:var(--type-micro-size, .5625rem);color:var(--text-faint)}.freezer-name{font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);color:var(--text-dim);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.freezer-row.on .freezer-name{color:var(--text)}.freezer-check{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border-radius:5px;background:var(--surface-hi);border:1px solid var(--border);color:transparent;transition:background var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.freezer-row:hover .freezer-check{border-color:var(--text-dim)}.freezer-check.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}.freezer-note{font-size:var(--type-ui-size, .75rem);color:var(--text-dim);line-height:1.5;margin-top:14px;padding:0 4px}.freezer-note-gold{color:var(--freeze-gold);font-weight:600}.rail-descent{display:flex;flex-direction:column;gap:var(--pad-6, 24px)}.rail-descent--fwd{animation:descend-enter .4s var(--spring)}.rail-descent--back{animation:ascend-enter .4s var(--spring)}.rail-descent--fwd.rail-descent--leaving{animation:descend-leave .15s ease-in forwards}.rail-descent--back.rail-descent--leaving{animation:ascend-leave .15s ease-in forwards}@keyframes descend-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes descend-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-24px)}}@keyframes ascend-enter{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes ascend-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}@media(prefers-reduced-motion:reduce){.rail-descent{animation:none!important}}.matrix{display:flex;flex-direction:column;padding:0 var(--pad-2, 6px)}.matrix-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.matrix-title{font-family:var(--ui-font);font-size:var(--type-label-size, .75rem);letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase}.matrix-reset{all:unset;cursor:pointer;font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);color:var(--text-muted);padding:2px 8px;border-radius:5px;transition:color .12s,background .12s,opacity .12s}.matrix-reset:not(:disabled){color:var(--text);font-weight:600;background:var(--surface-hi)}.matrix-reset:hover:not(:disabled){background:var(--surface)}.matrix-reset:disabled{color:var(--text-faint);font-weight:400;background:none;cursor:default}.matrix-axis{position:relative;height:12px;margin-bottom:8px}.matrix-axis-tick{position:absolute;top:0;font-family:var(--ui-font);font-size:var(--type-micro-size, .5625rem);letter-spacing:.04em;color:#fff3}.matrix-axis-tick--mid{transform:translate(-50%)}.matrix-axis-tick--end{transform:translate(-100%)}.matrix-rows{display:flex;flex-direction:column;gap:4px;position:relative}.matrix-geom-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 10px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 10px),transparent 100%)}.matrix-lane{position:relative;height:34px}.matrix-band{position:absolute;top:25px;height:3px;border-radius:2px;opacity:.38;transition:opacity var(--dur-fast)}.matrix-band.on{opacity:1}.matrix-vglyph{position:absolute;top:1px;transform:translate(-50%);white-space:nowrap;font-size:var(--type-body-size, 1rem);line-height:1;color:var(--text-dim);opacity:.4;pointer-events:none;transition:opacity var(--dur-fast),color var(--dur-fast)}.matrix-vglyph.on{color:var(--text);opacity:1}.matrix-handle{position:absolute;top:21px;width:12px;height:12px;margin-left:-6px;border-radius:2px;background:var(--accent);transform:rotate(45deg);box-shadow:0 0 0 1px var(--bg);cursor:ew-resize;touch-action:none;z-index:3}.matrix-handle:hover{background:#fff}.matrix-shipped{position:absolute;top:23px;width:8px;height:8px;margin-left:-4px;border-radius:1px;background:var(--text-muted);opacity:.28;pointer-events:none;transform:rotate(45deg)}.matrix-geom{position:absolute;top:0;bottom:0;width:11px;margin-left:-5.5px;z-index:2;cursor:ew-resize;touch-action:none}.matrix-note{font-size:var(--type-ui-size, .75rem);color:var(--text-dim);line-height:1.5;margin-top:16px}.matrix-val{position:absolute;top:3px;transform:translate(-50%);font-family:var(--ui-font);font-size:var(--type-micro-size, .5625rem);letter-spacing:.02em;color:var(--text);background:var(--surface-hi);padding:1px 6px;border-radius:5px;box-shadow:0 1px 4px #0006;pointer-events:none;z-index:5;white-space:nowrap}.matrix-val--geom{top:-2px}.matrix-val--in{animation:matrix-val-in .18s var(--spring)}.matrix-val--out{animation:matrix-val-out .24s ease-in forwards}@keyframes matrix-val-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes matrix-val-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(6px)}}.vmetrics-panel .freezer-section{gap:var(--pad-4, 12px)}.vm-head-right{display:flex;align-items:center;gap:var(--pad-3, 8px)}.vm-lh{font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);color:var(--text-muted)}.vmetrics-panel .rail-preset{margin-top:2px}.vm-strategy{color:var(--text-muted)}.vm-row{display:flex;align-items:center;justify-content:space-between;gap:var(--pad-3, 8px)}.vm-row-label{font-size:var(--type-ui-size, .75rem);color:var(--text-muted)}.vm-num{width:84px;text-align:right;font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad-2, 6px) var(--pad-3, 8px)}.vm-toggle{font-family:var(--ui-font, inherit);display:flex;align-items:flex-start;gap:8px;font-size:var(--type-ui-size, .75rem);color:var(--text-muted);cursor:pointer}.vm-toggle input{accent-color:var(--accent);margin-top:2px;flex:none}.vm-toggle-lbl{line-height:1.4}.vm-warn{display:block;color:var(--text-dim);font-size:var(--type-ui-size, .75rem)}.vm-pin{margin:6px 0}.vm-table{display:flex;flex-direction:column;gap:3px;margin-top:6px;padding-top:12px;border-top:1px solid var(--border-subtle);font-size:var(--type-ui-size, .75rem)}.vm-tr{display:grid;grid-template-columns:46px 1fr 1fr 1fr}.vm-tr span:first-child{color:var(--text-muted)}.vm-tr span:not(:first-child){text-align:right;color:var(--text)}.vm-tr--head span{color:var(--text-dim)}.vm-note{margin:4px 0 0;font-size:var(--type-ui-size, .75rem);line-height:1.4;color:var(--text-muted)}.vm-note b{color:var(--text);font-weight:700}.floor-btn,.floor-toggle,.rail-preset,.rail-toggle,.rail-reset,.style-menu-btn,.matrix-reset,.preview-reset,.freezer-reset{corner-shape:superellipse(var(--corner-k, 1.2))}.floor-btn:active:not(:disabled),.floor-toggle:active:not(:disabled),.rail-preset:active:not(:disabled),.rail-toggle:active:not(:disabled),.rail-reset:active:not(:disabled),.style-menu-btn:active:not(:disabled),.matrix-reset:active:not(:disabled),.preview-reset:active:not(:disabled),.freezer-reset:active:not(:disabled){background:none;box-shadow:inset 0 0 0 var(--stroke-press, 1.8px) currentColor}:root{--holo-sweep: 14.3s;--holo-drift: 3s;--holo-band-size: 200%;--holo-metal-size: 200%;--holo-metal-dark: #545454;--holo-metal-light: #b5b5b5;--holo-weight: 550;--holo-weight-hover: 700;--holo-hover-ease: .25s;--check-holo-dur: .5s;--check-holo-start: 75%;--check-holo-end: -25%}@property --holo0{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --holo1{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@property --check-holo{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --holo-load{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.rail-seam--down .rail-seam-lbl,.mc-word,.holo-loading{background-blend-mode:screen,normal;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rail-seam--down .rail-seam-lbl{background-image:linear-gradient(90deg,transparent 0 40%,rgba(255,30,168,0) 40%,#ff1ea8 42.5%,#ffe600 45%,#21ff6a 47%,#1a3cff 49%,#ffffff 50.5%,rgba(255,30,168,.85) 52%,rgba(255,230,0,.85) 54.5%,rgba(26,60,255,.85) 57%,rgba(26,60,255,0) 60%),linear-gradient(100deg,var(--holo-metal-dark) 0%,var(--holo-metal-light) 28%,var(--holo-metal-dark) 52%,var(--holo-metal-light) 78%,var(--holo-metal-dark) 100%);background-size:var(--holo-band-size) 100%,var(--holo-metal-size) 100%;background-position:var(--holo1) center,var(--holo0) center;background-repeat:no-repeat;color:transparent;animation:holo-0 var(--holo-drift) linear infinite,holo-1 var(--holo-sweep) ease-out infinite}@keyframes holo-0{0%{--holo0: 100%}to{--holo0: 0%}}@keyframes holo-1{0%{--holo1: 125%}25%{--holo1: -25%}to{--holo1: -25%}}.rail-seam--down:hover:not(:disabled) .rail-seam-lbl{filter:brightness(1.2)}.rail-seam-lbl{font-weight:var(--holo-weight);transition:font-weight var(--holo-hover-ease) ease}.rail-seam:hover .rail-seam-lbl{font-weight:var(--holo-weight-hover)}.rail-seam-chv-t{margin:0 2em;letter-spacing:0;font-variation-settings:"wght" var(--holo-weight),"SHRP" 100;transition:font-variation-settings var(--holo-hover-ease) ease}.rail-seam:hover .rail-seam-chv-t{font-variation-settings:"wght" var(--holo-weight-hover),"SHRP" 100}.mc-word{background-image:linear-gradient(90deg,#ff2e6e,#ffb02e,#ffe600,#ff2ec4,#b05cff,#5c7aff,#7a8aff,#ff2e6e),linear-gradient(var(--text-muted),var(--text-muted));background-size:300% 100%,100% 100%;background-position:var(--check-holo) center,center;background-repeat:repeat,no-repeat;animation:check-holo var(--check-holo-dur) ease-out}@keyframes check-holo{0%{--check-holo: var(--check-holo-start)}to{--check-holo: var(--check-holo-end)}}.holo-loading{background-image:linear-gradient(90deg,#ff2e6e,#ffb02e,#ffe600,#ff2ec4,#b05cff,#5c7aff,#7a8aff,#ff2e6e),linear-gradient(#2a2a2a,#2a2a2a);background-size:300% 100%,100% 100%;background-position:var(--holo-load) center,center;background-repeat:repeat,no-repeat;animation:holo-load 2.5s linear infinite}@keyframes holo-load{to{--holo-load: 300%}}@property --holo-once{syntax: "<percentage>"; inherits: false; initial-value: 130%;}.holo-once{background-image:linear-gradient(90deg,transparent 0 42%,#ff2e6e 45%,#ffb02e 47%,#ffe600 49%,#ff2ec4 51%,#b05cff 53%,#5c7aff 55%,transparent 58% 100%),linear-gradient(var(--bg),var(--bg));background-size:220% 100%,100% 100%;background-position:var(--holo-once) center,center;background-repeat:no-repeat,no-repeat;background-blend-mode:screen,normal;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:holo-once-sweep .5s ease-out,holo-once-ital .9s ease-in-out}@keyframes holo-once-sweep{0%{--holo-once: 130%}to{--holo-once: -30%}}@keyframes holo-once-ital{0%{font-variation-settings:"opsz" 10,"GEOM" 25,"ital" 0}11%{font-variation-settings:"opsz" 10,"GEOM" 25,"ital" 1}56%{font-variation-settings:"opsz" 10,"GEOM" 25,"ital" 1}to{font-variation-settings:"opsz" 10,"GEOM" 25,"ital" 0}}.ssd{position:relative}.ssd-btn{display:flex;align-items:center;gap:8px;width:100%;padding:var(--pad-3, 8px) var(--pad-4, 12px);background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;font-size:var(--type-ui-size, .75rem);cursor:pointer}.ssd-btn:hover{border-color:var(--text-muted)}.ssd-btn-label{margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ssd-caret{color:var(--text-muted);font-size:var(--type-ui-size);flex:0 0 auto}.ssd-list{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:240px;padding:var(--pad-1, 4px);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 34px #00000059}.ssd-list--multi{max-height:340px;overflow:auto}.ssd-list--inline{position:static;min-width:0;padding:0;background:none;border:0;box-shadow:none}.ssd-row{display:flex;align-items:center;gap:var(--pad-3, 8px);width:100%;padding:var(--pad-3, 8px);background:none;border:0;border-radius:7px;color:var(--text);font:inherit;text-align:left;cursor:pointer}.ssd-row:hover,.ssd-row.on{background:var(--surface-hi)}.ssd-check{width:14px;flex:0 0 auto;color:var(--text-muted)}.ssd-name{margin-right:auto;white-space:nowrap;font-size:var(--type-body-size);line-height:1.1}.ssd-chips{display:flex;gap:4px;flex-wrap:wrap;font-family:var(--ui-font, inherit);font-feature-settings:"tnum" 1}.ssd-chip{font-size:var(--type-micro-size);padding:var(--pad-nudge, 2px) var(--pad-2, 6px);border-radius:999px;border:1px solid var(--border);color:var(--text-dim, var(--text-muted))}.ssd-chip--markup{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ssd-chip--local{color:var(--text-muted)}.ssd-list--dense .ssd-row{padding:var(--pad-2, 6px) var(--pad-3, 8px)}.ssd-list--dense .ssd-chips{flex-wrap:nowrap;flex-shrink:0}.inline-emph-menu{position:fixed;transform:translateY(-100%);z-index:200;display:flex;gap:1px;padding:var(--pad-hair, 1px);background:var(--surface, #1a1a1a);border:1px solid var(--border, rgba(255, 255, 255, .14));border-radius:8px;box-shadow:0 8px 24px #00000059;animation:emph-pop .12s ease}.inline-emph-menu--left{transform:translate(-100%,-100%)}@keyframes emph-pop{0%{opacity:0}}.inline-emph-btn{background:none;border:0;border-radius:5px;padding:var(--pad-hair, 1px) var(--pad-2, 6px);color:var(--text, #f0f0f0);font-family:var(--ui-font, system-ui, sans-serif);font-size:var(--type-micro-size);cursor:pointer;white-space:nowrap}.inline-emph-btn:hover{background:var(--surface-hi, rgba(255, 255, 255, .08))}.slider-row{display:flex;flex-direction:column;gap:3px}.slider-row--off{opacity:.4}.slider-label{display:flex;align-items:center;justify-content:space-between;gap:6px}.slider-label-left{display:flex;align-items:baseline;gap:var(--pad-1, 4px);min-width:0;overflow:visible;padding-bottom:var(--pad-nudge, 2px)}.slider-label-text{font-size:var(--type-ui-size);color:var(--text-muted);font-family:var(--ui-font, system-ui, sans-serif);white-space:nowrap;overflow:visible;text-overflow:clip}.slider-label-text--tagged{flex:0 0 105px}.slider-tag{font-size:var(--type-micro-size);color:var(--text-muted);font-family:var(--ui-font, system-ui, sans-serif);letter-spacing:.04em;flex-shrink:0;font-feature-settings:"tnum"}.slider-range{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.slider-value{display:flex;align-items:baseline;gap:var(--pad-1, 4px);flex-shrink:0}.slider-marker{font-size:var(--type-micro-size);line-height:1;color:var(--marker-default, var(--accent, currentColor));transform:translateY(-1px)}.slider-number{font-family:var(--ui-font, system-ui, sans-serif);font-size:var(--type-ui-size);color:var(--text);background:transparent;border:none;text-align:right;width:66px;padding:var(--pad-nudge, 2px) 0;font-feature-settings:"tnum";color-scheme:inherit}.slider-number:focus{outline:none}.slider-number:disabled{cursor:default}.slider-track-wrap{position:relative}.slider-track-wrap input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;background:transparent;cursor:pointer;margin:0;display:block}.slider-track-wrap input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--border) 0%,var(--border) var(--locked-pct, 100%),var(--track-empty, var(--surface-hi, #2b2b2b)) var(--locked-pct, 100%),var(--track-empty, var(--surface-hi, #2b2b2b)) 100%);border-radius:1px}.slider-track-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--text);margin-top:-6px;cursor:pointer}.slider-track-wrap input[type=range]::-moz-range-track{height:2px;background:linear-gradient(to right,var(--border) 0%,var(--border) var(--locked-pct, 100%),var(--track-empty, var(--surface-hi, #2b2b2b)) var(--locked-pct, 100%),var(--track-empty, var(--surface-hi, #2b2b2b)) 100%);border-radius:1px}.slider-track-wrap input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--text);border:none;cursor:pointer}.slider-auto-hint{position:fixed;font-size:var(--type-ui-size);color:var(--text);background:var(--bg-elevated, var(--surface, #2e2e2e));border:1px solid var(--border);border-radius:var(--radius, 6px);padding:var(--pad-1, 4px) var(--pad-3, 8px);pointer-events:none;z-index:1000;white-space:nowrap;animation:hint-fade 3s forwards}@keyframes hint-fade{0%{opacity:1}60%{opacity:1}to{opacity:0}}.slider-row--diamond input[type=range]::-webkit-slider-thumb{width:12px;height:12px;border-radius:2px;background:var(--marker-default, var(--accent, var(--text)));transform:rotate(45deg);box-shadow:0 0 0 1px var(--bg, #0f0f0f);margin-top:-5px}.slider-row--diamond input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:2px;background:var(--marker-default, var(--accent, var(--text)));transform:rotate(45deg);box-shadow:0 0 0 1px var(--bg, #0f0f0f)}.slider-ref{position:absolute;top:12px;width:8px;height:8px;margin-left:-4px;border-radius:1px;background:var(--text-muted);opacity:.28;transform:translateY(-50%) rotate(45deg);pointer-events:none;z-index:0}.slider-row--skeletal input[type=range]::-webkit-slider-thumb{width:10px;height:10px;margin-top:-4px}.slider-row--skeletal input[type=range]::-moz-range-thumb{width:10px;height:10px}.slider-suffix{font-size:var(--type-ui-size);color:var(--text-muted);font-feature-settings:"tnum";margin-left:-3px;pointer-events:none}.slider-suffix--hidden{visibility:hidden}.gp{display:flex;gap:var(--pad-6, 24px);min-height:0;color:var(--text, #eee)}.gp .gp-specimen,.gp .gp-cell{font-family:var(--gp-font, inherit);font-variation-settings:var(--gp-fvs, normal);font-feature-settings:var(--gp-ffs, normal);font-optical-sizing:var(--gp-opsz, auto)}.gp .gp-search,.gp .gp-code,.gp .gp-name,.gp .gp-cell-name,.gp .gp-group-label,.gp .gp-rule-label{font-variation-settings:var(--gp-ui-fvs, normal);font-feature-settings:normal;font-optical-sizing:auto}.gp .gp-search,.gp .gp-code,.gp .gp-name,.gp .gp-group-label,.gp .gp-cell-name,.gp .gp-rule-label,.gp .gp-copy{font-family:var(--gp-ui-font, var(--ui-font, sans-serif))}.gp--bottom{flex-direction:column}.gp--bottom .gp-groups{order:0;flex:1 1 50%}.gp--bottom .gp-side{order:1;flex:0 0 50%;align-items:center;justify-content:center;align-self:stretch;gap:12px;position:static;border-top:1px solid var(--border-subtle, #222);padding-top:var(--pad-5, 16px)}.gp--bottom .gp-specimen{flex:1;min-height:0;align-self:stretch}.gp--bottom .gp-console{flex:none;flex-direction:row;align-items:center;gap:var(--pad-5, 16px)}.gp-side{flex:0 0 280px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;align-self:flex-start}.gp-side{container-type:inline-size}.gp-specimen{position:relative;display:flex;justify-content:center;align-items:center;font-size:64cqw;line-height:1;padding-bottom:var(--gp-desc, .25em);padding-top:.06em}.gp--bottom .gp-side{container-type:size}.gp--bottom .gp-specimen{font-size:52cqh}.gp-specimen--bare{align-items:center;min-height:260px}.gp-specimen-glyph{white-space:pre}.gp-specimen-line{display:flex;align-items:baseline}.gp-strut{display:inline-block;width:0;height:var(--gp-asc, .72em)}.gp-rule{position:absolute;height:0;border-top:1px solid var(--border, #333);pointer-events:none}.gp-rule--base{border-top-color:var(--text-dim, #666)}.gp-rule-label{position:absolute;transform:translate(-100%,-50%);font-size:var(--type-micro-size);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim, #666);white-space:nowrap;pointer-events:none}.gp-sb{position:absolute;width:0;border-left:1px solid var(--border-subtle, #222);pointer-events:none}.gp-console{display:flex;flex-direction:column;gap:var(--pad-3, 8px)}.gp-copy{display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--pad-3, 8px) var(--pad-4, 12px);font:inherit;background:none;border:none;color:var(--text-muted, #999);cursor:pointer}.gp-copy:hover{color:var(--text, #eee)}.gp-code{font-size:var(--type-ui-size);letter-spacing:.06em;font-variant-numeric:tabular-nums}.gp-search{padding:var(--pad-3, 8px) var(--pad-4, 12px);font:inherit;font-size:var(--type-ui-size);color:var(--text, #eee);background:var(--surface, rgba(255, 255, 255, .05));border:1px solid var(--border, #333);border-radius:var(--radius, 8px);outline:none}.gp-search:focus{border-color:var(--text-dim, #777)}.gp-groups{flex:1;min-width:0;overflow-y:auto}.gp-group{margin-bottom:26px}.gp-group-label{font-size:var(--type-micro-size);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim, #666);margin-bottom:10px}.gp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px}.gp-cell{aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font:inherit;font-size:var(--type-title-size, 1.625rem);line-height:1;color:var(--text, #eee);background:var(--surface, rgba(255, 255, 255, .05));border:none;border-radius:var(--radius, 8px);cursor:pointer;padding:0}.gp-cell:hover{background:var(--accent, #e8e8e8);color:var(--bg, #0f0f0f)}.gp-cell--active{box-shadow:inset 0 0 0 1.5px var(--accent, #e8e8e8);background:var(--surface-hi, rgba(255, 255, 255, .08))}.gp-cell--named{aspect-ratio:auto;flex-direction:column;gap:3px;padding:var(--pad-2, 6px) var(--pad-tick, 3px) var(--pad-1, 4px)}.gp-cell--named .gp-cell-ch{flex:1;display:flex;align-items:center}.gp .gp-cell-name{font-size:var(--type-micro-size);font-variation-settings:normal;font-optical-sizing:auto;line-height:1.2;color:var(--text-dim, #666);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-cell--active .gp-cell-name{color:var(--text-muted, #999)}.gp-name{font-size:var(--type-ui-size);line-height:1.4;text-align:center;color:var(--text-muted, #999)}.gp-cell--invisible{color:var(--text-faint, rgba(var(--text-rgb), var(--ink-faint, .38)))}.canvas .mode-btn,.canvas .text-tab,.canvas .chip{padding:8px;border:none;background:none;border-radius:var(--radius);color:var(--text-muted);font-family:var(--ui-font);font-weight:400;font-size:var(--type-ui-size, .75rem);cursor:pointer;display:inline-flex;flex-direction:column;align-items:center}.canvas .mode-btn:after,.canvas .text-tab:after,.canvas .chip:after{content:attr(data-label);font-weight:700;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.canvas .mode-btn{font-size:var(--type-ui-size, .75rem)}.canvas .chip{font-size:var(--type-ui-size, .75rem);padding:var(--pad-3, 8px) var(--pad-2, 6px)}.canvas .mode-btn:hover,.canvas .text-tab:hover,.canvas .chip:hover{background:none;color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.canvas .mode-btn.on,.canvas .text-tab.on,.canvas .chip.on{background:none;box-shadow:none;color:var(--text);font-weight:700;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1.5px;text-underline-offset:5px}.canvas .mode-btn:disabled,.canvas .text-tab:disabled,.canvas .chip:disabled{color:var(--text-dim);box-shadow:none;cursor:default}.canvas .mode-btn:focus-visible,.canvas .text-tab:focus-visible,.canvas .chip:focus-visible{outline:none;color:var(--text);box-shadow:none;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2.5px;text-underline-offset:5px}.modebar{display:flex;gap:4px}.stage-pad{max-width:100%;display:flex;flex-direction:column;align-items:center}.words-scene{min-height:100%;justify-content:center}.words-edit{outline:none;word-break:break-word;width:100%}.words-edit:focus{outline:none}.text-tabs{display:flex;gap:var(--pad-4, 12px);flex-wrap:wrap}.para-doc{color:var(--text)}.para-block{margin:0 0 14px;color:var(--text);font-weight:inherit;outline:none;caret-color:var(--text)}.para-block--h1,.para-block--h2,.para-block--h3{margin-top:10px}.para-block:empty:before{content:"​";color:transparent}.compare-caption{margin-top:24px;font-family:CalSansPreview,CalSansVF,sans-serif;font-size:var(--type-body-size, 1rem);color:var(--text-muted)}.compare-caption+.compare-inline{margin-top:8px}.compare-inline{margin-top:26px;font-family:CalSansPreview,CalSansVF,sans-serif;font-size:var(--type-body-size, 1rem);color:var(--text-muted)}.compare-inline-btn{font-family:var(--ui-font, inherit);font-size:inherit;color:var(--text);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:color .15s}.compare-inline-btn:hover{color:var(--accent)}.compare-inline--disabled{color:var(--text-muted)}.compare-inline--disabled .compare-inline-btn{color:var(--text-dim);cursor:default;text-decoration-style:dotted}.compare-inline--disabled .compare-inline-btn:hover{color:var(--text-dim)}.compare-inline-note{opacity:.7}.compare-svg{color:var(--text);width:544px;max-width:100%;margin-bottom:26px}.compare-svg svg{width:100%;height:auto;display:block}.drawer-row{display:flex;align-items:center;gap:12px;max-width:360px}.drawer-label{font-size:var(--type-ui-size, .75rem);font-weight:700;color:var(--text-muted);width:90px}.drawer-val{font-size:var(--type-ui-size, .75rem);color:var(--text-dim);width:44px;text-align:right}.feature-chips{display:flex;flex-wrap:wrap;gap:8px}.ss-chips{gap:1px}.canvas .ss-chips .chip{padding:var(--pad-3, 8px) var(--pad-1, 4px)}.scene-bar{display:flex;flex-direction:column;gap:var(--pad-4, 12px);padding:var(--pad-nudge, 2px) var(--pad-6, 24px) var(--pad-3, 8px) var(--pad-7, 32px)}.body-pairing{display:flex;align-items:center;gap:var(--pad-4, 12px);flex-wrap:wrap}.ui-credit{font-size:var(--type-ui-size, .75rem);color:var(--text-muted);padding-left:8px}.ui-credit-link{color:var(--text);text-decoration:underline;text-underline-offset:2px}.ui-credit-link:hover{color:var(--accent)}.scene-bar input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;height:2px;background:var(--border);border-radius:2px;cursor:pointer}.scene-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-muted)}.scene-bar input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--text-muted)}.scene-bar input[type=range]:hover::-webkit-slider-thumb{background:var(--text)}.scene-bar input[type=range]:focus-visible{outline:none}.scene-bar input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 45%,transparent)}.tier-block{margin-bottom:28px;padding-bottom:var(--pad-5, 16px);border-bottom:1px solid var(--border-subtle);max-width:100%}.tier-block .tier-head{overflow:visible}.tier-label{margin-bottom:8px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.tier-token{font-size:var(--type-ui-size, .75rem);color:var(--text-muted);letter-spacing:.04em}.tier-px{margin-left:8px;color:var(--text-faint)}.tier-with{font-size:var(--type-ui-size, .75rem);color:var(--text-dim)}.tier-head{color:var(--text);line-height:1.02;white-space:nowrap;outline:none;caret-color:var(--text)}.tier-body{color:var(--text);max-width:46em;margin:12px 0 0;line-height:1.5;outline:none;caret-color:var(--text)}.feature-row{display:flex;align-items:flex-start;gap:12px}.feature-row-label{font-size:var(--type-ui-size, .75rem);color:var(--text-muted);padding-top:6px;white-space:nowrap}.stage-pad--glyphs{align-items:stretch;width:100%}.glyph-block{margin-bottom:24px}.glyph-block-label{font-size:var(--type-micro-size, .5625rem);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.glyph-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px;width:100%}.glyph-cell{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:var(--type-title-size, 1.625rem);color:var(--text);background:var(--surface);border-radius:var(--radius)}.geom-flash-hold{color:var(--flash-color);transition:none}.geom-flash{animation:glyph-flash .5s ease-out}@keyframes glyph-flash{0%,40%{color:var(--flash-color)}to{color:var(--text)}}.freeze-gold-hold{color:var(--freeze-gold);transition:none}.freeze-gold{animation:freeze-gold-fade .5s ease-out}@keyframes freeze-gold-fade{0%,40%{color:var(--freeze-gold)}to{color:var(--text)}}.canvas--vm,.canvas--vm .mode-row,.canvas--vm .canvas-bar,.canvas-body--vm{background:var(--stage-deep)}.vmetrics-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--pad-7, 32px) 0 var(--pad-9, 64px);box-sizing:border-box;overflow:hidden;background:var(--stage-deep)}.vm-svg{display:block;width:100%;height:auto}.vm-slot{fill:var(--bg)}.vm-spec-edit{color:var(--text);outline:none;white-space:nowrap;width:max-content;caret-color:var(--text)}.vm-line{stroke:var(--text-dim);stroke-width:1}.vm-line.vm-line--base{stroke:var(--text-muted)}.vm-line.vm-cropedge{stroke:var(--state-stock);stroke-width:2;stroke-dasharray:7 5}.vm-line-lbl{fill:var(--text-muted);font-family:var(--ui-font);font-size:var(--type-title-size, 1.625rem)}.vm-crop-lbl{fill:var(--state-stock);font-family:var(--ui-font);font-size:var(--type-title-size, 1.625rem)}.vm-crop{fill:var(--stage-deep);opacity:.72}.mode-btn,.text-tab,.chip,.compare-inline-btn{corner-shape:superellipse(var(--corner-k, 1.2))}.mode-btn:active:not(:disabled),.text-tab:active:not(:disabled),.chip:active:not(:disabled),.compare-inline-btn:active:not(:disabled){background:none;box-shadow:inset 0 0 0 var(--stroke-press, 1.8px) currentColor}:root{--pad-hair: 1px;--pad-nudge: 2px;--pad-tick: 3px;--pad-1: 4px;--pad-2: 6px;--pad-3: 8px;--pad-4: 12px;--pad-5: 16px;--pad-6: 24px;--pad-7: 32px;--pad-8: 48px;--pad-9: 64px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, var(--border, rgba(128, 128, 128, .5))) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, var(--border, rgba(128, 128, 128, .5)));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, var(--text-dim, rgba(160, 160, 160, .8)))}::-webkit-scrollbar-corner{background:transparent}