@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";@layer app.base,wm.color,wm.type,wm.controls,wm.icon;@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/recalsans/assets/MaterialSymbolsOutlined-BORyVozj.woff2?v=85) format("woff2")}@layer wm.icon{.wm-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;vertical-align:middle;-webkit-user-select:none;user-select:none;background:none;border:0;border-radius:0;padding:0;--icon-opsz: 20;--icon-fill: 0;--icon-wght: 300;--icon-grad: 50;font-variation-settings:"FILL" var(--icon-fill),"wght" var(--icon-wght),"GRAD" var(--icon-grad),"opsz" var(--icon-opsz);color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-faint, .38));--icon-dur: 90ms;transition:font-variation-settings var(--icon-dur) ease,color var(--icon-dur) ease,--icon-hdr var(--icon-dur) ease}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .wm-icon{--icon-grad: 100}:root:not([data-theme=dark]) .wm-icon--off{--icon-grad: 100}:root:not([data-theme=dark]) .wm-icon--active,:root:not([data-theme=dark]) .active>.wm-icon,:root:not([data-theme=dark]) .active>*>.wm-icon{--icon-grad: 100}}:root[data-theme=light] .wm-icon{--icon-grad: 100}:root[data-theme=light] .wm-icon--off{--icon-grad: 100}:root[data-theme=light] .wm-icon--active,:root[data-theme=light] .active>.wm-icon,:root[data-theme=light] .active>*>.wm-icon{--icon-grad: 100}:root[data-theme=dark] .wm-icon{--icon-grad: 50}:root[data-theme=dark] .wm-icon--off{--icon-grad: 50}:root[data-theme=dark] .wm-icon--active,:root[data-theme=dark] .active>.wm-icon,:root[data-theme=dark] .active>*>.wm-icon{--icon-grad: 75}.wm-icon--off{--icon-wght: 300;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-faint, .38))}.wm-icon--active,.active>.wm-icon,.active>*>.wm-icon{--icon-grad: 75;--icon-hdr: 1;color:transparent;background-image:linear-gradient(rgba(var(--text-rgb, 232, 232, 232),calc(1 - var(--icon-hdr))),rgba(var(--text-rgb, 232, 232, 232),calc(1 - var(--icon-hdr)))),url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAGQAAABkAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQBMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAADcAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAAIkAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAZKADAAQAAAABAAAAZAAAAAASAAoNAAAAAzY8Z//ChIgAwjIkEAGEgAYYYYi0VMregO56Wg+x6xnwsfoJWaYWX85G+ibLVJ6A);background-size:100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;dynamic-range-limit:no-limit}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .wm-icon--active,:root:not([data-theme=dark]) .active>.wm-icon,:root:not([data-theme=dark]) .active>*>.wm-icon{--icon-hdr: 0;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-full, 1));background-image:none;-webkit-background-clip:border-box;background-clip:border-box;dynamic-range-limit:standard}}:root[data-theme=light] .wm-icon--active,:root[data-theme=light] .active>.wm-icon,:root[data-theme=light] .active>*>.wm-icon{--icon-hdr: 0;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-full, 1));background-image:none;-webkit-background-clip:border-box;background-clip:border-box;dynamic-range-limit:standard}.wm-icon-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.wm-icon-btn:not(.active):focus-visible .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.fit-align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.fit-align-btn:not(.active):focus-visible .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.align-btn:not(.active):focus-visible .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.mobile-tab:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.mobile-sub-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.mode-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.wm-icon:not(.wm-icon--off):not(.wm-icon--active):not(:where(.active) *):hover{--icon-grad: 100;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-quiet, .62))}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .wm-icon-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root:not([data-theme=dark]) .fit-align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root:not([data-theme=dark]) .align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root:not([data-theme=dark]) .mobile-tab:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root:not([data-theme=dark]) .mode-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root:not([data-theme=dark]) .wm-icon:not(.wm-icon--off):not(.wm-icon--active):not(:where(.active) *):hover{--icon-grad: 150}}:root[data-theme=light] .wm-icon-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=light] .fit-align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=light] .align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=light] .mobile-tab:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=light] .mode-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=light] .wm-icon:not(.wm-icon--off):not(.wm-icon--active):not(:where(.active) *):hover{--icon-grad: 150}:root[data-theme=dark] .wm-icon-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=dark] .fit-align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=dark] .align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=dark] .mobile-tab:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=dark] .mode-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=dark] .wm-icon:not(.wm-icon--off):not(.wm-icon--active):not(:where(.active) *):hover{--icon-grad: 100}.wm-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--icon-btn-pad, var(--spacing-02, 6px));margin:0;background:none;border:0;border-radius:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.wm-icon-btn:focus{outline:none}.wm-icon-btn:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:2px}@media(pointer:coarse){.wm-icon-btn{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.wm-icon{transition:none}}}@layer app.base{*{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:48px 24px}.controls-toggle{display:none}@media(max-width:450px){.controls-toggle{display:inline-flex;align-items:center;gap:8px;width:100%;padding:12px 16px;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 var(--dur-med) 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 48px}.controls .control-group{min-width:200px;margin-bottom:0}}header{margin-bottom:48px;display:grid;grid-template-columns:280px 1fr auto;column-gap:48px;align-items:start}@media(max-width:700px){header{grid-template-columns:1fr;gap:24px}}.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;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;line-height:1.3;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.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}.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:var(--track-caps);color:#666;margin-bottom:24px}.loading{display:flex;flex-direction:column;gap:12px}.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:12px 6px}.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:16px 0;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:12px;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;min-height:92px}.zone-col--active .zone-col-header{margin:0 0 12px;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 16px 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 16px 6px}.zone-col-header-text{display:flex;flex-direction:column;gap:1px}.zone-col-sublabel{font-size:.625rem;font-weight:700;letter-spacing:var(--track-caps);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}.zone-col--active .zone-col-name{color:#000}.zone-swatch-row{display:none}.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-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 var(--dur-fast) 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:24px;margin-bottom:clamp(16px,4vh,48px)}.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:var(--track-caps);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 var(--dur-fast)}.glyph-strip-token--active{background:#ffffff0f}.glyph-strip-token--empty{visibility:hidden}.zone-full-preview{padding:24px;border:1px solid rgba(255,255,255,.07);border-radius:14px;margin:calc(clamp(16px,4vh,48px) - 24px) 0 clamp(16px,4vh,48px);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-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-col--drag-target .zone-rosetta-bin{background:#ffffff38}.zone-full-preview--rebuilding{opacity:.2;transition:opacity var(--dur-fast) ease}.zone-full-preview:not(.zone-full-preview--rebuilding){opacity:1;transition:opacity var(--dur-med) 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 var(--dur-fast) 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;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:64px;display:flex;flex-direction:column;gap:12px}.site-footer-links{display:flex;gap:24px;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:12px;padding:8px 16px;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:var(--track-caps);text-transform:uppercase;flex-shrink:0;margin-right:2px}.trash-token{font-size:36px!important;cursor:pointer;opacity:.55;transition:opacity var(--dur-fast),transform var(--dur-fast)}.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:6px 16px;border-radius:4px;cursor:pointer}.xray-toggle-btn:hover:not(:disabled){background:#252525;border-color:#555;color:#bbb}.axis-header{display:flex;align-items:baseline;gap:6px;margin-bottom:6px}.axis-name{font-size:.875rem;color:#ccc}.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-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-row{display:flex;flex-direction:column;gap:4px}.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:12px}.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-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 var(--dur-fast) 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:var(--track-caps);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 var(--dur-fast)}.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:var(--track-caps);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 6px;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:6px}.gg-label{font-size:14px;opacity:.25;transition:opacity var(--dur-fast);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 var(--dur-fast)}.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:8px 16px;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:12px;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:32px;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 12px;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 12px;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 24px 0;font-size:.75rem;font-weight:600;letter-spacing:var(--track-caps);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 24px;border-bottom:1px solid #1e1e1e}.pm-ctrl{display:flex;flex-direction:column;gap:6px;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:6px}.pm-ctrl input[type=range]{accent-color:#e8e8e8;width:100%}.pm-axes-row{display:flex;flex-wrap:wrap;gap:24px 32px;padding:16px 24px;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 12px;border-radius:4px;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.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:32px;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}.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:var(--track-caps);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 var(--dur-fast),border-color var(--dur-fast)}.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:6px;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 16px;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:last-child{border-bottom:none}.palette-token--active{background:#ffffff1a}[style*="cursor: grab"].palette-token:hover{background:#ffffff12}.palette-trash--active{background:#dc503c1f;outline:1px dashed rgba(220,80,60,.4);outline-offset: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}.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: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:12px}.presets-label{font-size:.75rem;font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:#666;flex-shrink:0;margin-right:4px}.presets-row .preset-btn{aspect-ratio:unset;padding:6px 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}.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: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]: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-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;--surface-press: rgba(255, 255, 255, .08);--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: var(--dur-med, .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}[class*=calcom-],[class*=coss-]{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}@layer wm.color{:root{--l-ground: 16.84%;--l-surface: 21.78%;--l-surface-hi: 26.45%;--l-ink: 93.1%;--a-2: .62;--a-3: .38;--a-line: .14;--bg: #0f0f0f;--bg: oklch(var(--l-ground) 0 0);--surface: #1a1a1a;--surface: oklch(var(--l-surface) 0 0);--surface-hi: #252525;--surface-hi: oklch(var(--l-surface-hi) 0 0);--text: #e8e8e8;--text: oklch(var(--l-ink) 0 0);--text-muted: rgba(232, 232, 232, .62);--text-muted: oklch(from var(--text) l c h / var(--a-2));--text-dim: rgba(232, 232, 232, .38);--text-dim: oklch(from var(--text) l c h / var(--a-3));--border: rgba(232, 232, 232, .14);--border: oklch(from var(--text) l c h / var(--a-line))}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--l-ground: 96.66%;--l-surface: 100%;--l-surface-hi: 93.92%;--l-ink: 20.02%;--a-2: .66;--a-3: .42;--a-line: .16;--bg: #f4f4f4;--surface: #ffffff;--surface-hi: #ebebeb;--text: #161616;--text-muted: rgba(22, 22, 22, .66);--text-dim: rgba(22, 22, 22, .42);--border: rgba(22, 22, 22, .16);--bg: oklch(var(--l-ground) 0 0);--surface: oklch(var(--l-surface) 0 0);--surface-hi: oklch(var(--l-surface-hi) 0 0);--text: oklch(var(--l-ink) 0 0);--text-muted: oklch(from var(--text) l c h / var(--a-2));--text-dim: oklch(from var(--text) l c h / var(--a-3));--border: oklch(from var(--text) l c h / var(--a-line))}}:root[data-theme=dark]{--l-ground: 16.84%;--l-surface: 21.78%;--l-surface-hi: 26.45%;--l-ink: 93.1%;--a-2: .62;--a-3: .38;--a-line: .14;--bg: #0f0f0f;--surface: #1a1a1a;--surface-hi: #252525;--text: #e8e8e8;--text-muted: rgba(232, 232, 232, .62);--text-dim: rgba(232, 232, 232, .38);--border: rgba(232, 232, 232, .14);--bg: oklch(var(--l-ground) 0 0);--surface: oklch(var(--l-surface) 0 0);--surface-hi: oklch(var(--l-surface-hi) 0 0);--text: oklch(var(--l-ink) 0 0);--text-muted: oklch(from var(--text) l c h / var(--a-2));--text-dim: oklch(from var(--text) l c h / var(--a-3));--border: oklch(from var(--text) l c h / var(--a-line))}:root[data-theme=light]{--l-ground: 96.66%;--l-surface: 100%;--l-surface-hi: 93.92%;--l-ink: 20.02%;--a-2: .66;--a-3: .42;--a-line: .16;--bg: #f4f4f4;--surface: #ffffff;--surface-hi: #ebebeb;--text: #161616;--text-muted: rgba(22, 22, 22, .66);--text-dim: rgba(22, 22, 22, .42);--border: rgba(22, 22, 22, .16);--bg: oklch(var(--l-ground) 0 0);--surface: oklch(var(--l-surface) 0 0);--surface-hi: oklch(var(--l-surface-hi) 0 0);--text: oklch(var(--l-ink) 0 0);--text-muted: oklch(from var(--text) l c h / var(--a-2));--text-dim: oklch(from var(--text) l c h / var(--a-3));--border: oklch(from var(--text) l c h / var(--a-line))}}@layer wm.type{:root{--type-micro-size: .5625rem;--type-micro-lead: round(nearest, 1.3em, var(--bl));--type-label-size: .75rem;--type-label-lead: round(nearest, 1.25em, var(--bl));--type-ui-size: .75rem;--type-ui-lead: round(nearest, 1.25em, var(--bl));--type-body-size: 1rem;--type-body-lead: round(nearest, 1.5em, var(--bl));--type-lede-size: 1.125rem;--type-lede-lead: round(nearest, 1.5em, var(--bl));--type-title-size: 1.625rem;--type-title-lead: round(nearest, 1.15em, var(--bl));--type-display-size: 2.8125rem;--type-display-lead: round(nearest, 1.12em, var(--bl));--bl: 3px;--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}:root{--dur-fast: .14s;--dur-med: .24s;--dur-layout: .3s;--dur-slow: .4s;--dur-hint: 3s}.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 var(--dur-fast, .14s) ease,background var(--dur-fast, .14s) 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(--spacing-06, 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:var(--spacing-01, 4px);padding-top:var(--spacing-05, 16px)}.rail-header-top{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-03, 8px)}.rail-title{font-size:var(--type-body-size, 1rem);font-weight:700;letter-spacing:0}.rail-sub{font-size:var(--type-ui-size, .75rem);color:var(--text-dim);margin-top:var(--spacing-03, 8px);white-space:nowrap}.rail-reset{flex-shrink:0;padding:var(--spacing-01, 4px) var(--spacing-04, 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:var(--track-caps);text-transform:uppercase;color:var(--text-dim)}.rail-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-03, 8px)}.pin{display:flex;flex-direction:column;gap:var(--spacing-01, 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)}.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-footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:var(--spacing-04, 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(--spacing-08, 48px)}.canvas-body--full{padding-bottom:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.stage-scroll.stage-scroll--flush{padding:0 var(--spacing-08, 48px) 0}.stage-scroll.stage-scroll--bleed{padding:0;scrollbar-gutter:auto;overflow:hidden}.canvas-nav--overlay{position:relative;z-index:3}.canvas-bar{display:flex;align-items:center;padding:calc(var(--spacing-04, 12px) + 2px) 24px 0}.mode-row{display:flex;align-items:baseline;gap:0;min-height:42px;padding:0 var(--spacing-06, 24px) var(--spacing-03, 8px) var(--spacing-07, 32px)}.mode-row .mode-label{padding:calc(var(--spacing-03, 8px) - 3px) 0 0;width:154px;flex:0 0 auto;white-space:nowrap}.mode-row .scene-bar{flex-direction:row;align-items:baseline;gap:12px;padding:0}.mode-row .body-pairing{padding-left:8px}.mode-label{display:inline-flex;align-items:center;gap:var(--spacing-02, 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(--spacing-07, 32px) var(--spacing-08, 48px) var(--spacing-09, 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:var(--track-caps);text-transform:uppercase;color:var(--text-dim);margin:0 0 24px}.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(--spacing-05, 16px) var(--spacing-05, 16px) var(--spacing-06, 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(--spacing-04, 12px) var(--spacing-06, 24px) var(--spacing-04, 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:var(--track-caps);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(--spacing-01, 4px) var(--spacing-04, 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:calc(-1 * var(--spacing-02, 6px))}.play-group .ss-chips{margin-left:calc(-1 * var(--spacing-01, 4px))}.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:var(--track-caps);text-transform:uppercase;color:var(--text-dim)}.preview-rows{display:flex;gap:var(--spacing-05, 16px);flex-wrap:wrap;flex:1}.floor{grid-area:floor;display:flex;align-items:center;gap:var(--spacing-04, 12px);padding:12px 24px;border-top:1px solid var(--border);background:var(--surface)}.floor-label{font-size:var(--type-micro-size, .5625rem);letter-spacing:var(--track-caps);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{position:relative;--glow-size: 512px;--glow-pos: -9999px -9999px;background-image:var(--zone-chip-hdr, none);background-size:var(--glow-size) var(--glow-size);background-position:var(--glow-pos);background-repeat:no-repeat;dynamic-range-limit:no-limit}.zone-chip:not(.on){background-color:var(--zone-chip-flat);color:var(--zone-chip-flat);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.zone-chip.on{color:var(--bg);font-variation-settings:"GEOM" 25,"wght" var(--chip-wght-on, 630);background-color:var(--zone-chip-flat, transparent);background-image:var(--zone-chip-hdr, none);background-size:var(--glow-size) var(--glow-size);background-position:var(--glow-pos);background-repeat:no-repeat;dynamic-range-limit:no-limit}.zone-chip[data-label=A11y]{--zone-chip-flat: var(--zone-a11y-chip);--zone-chip-hdr: url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAgAAAAIAAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQFMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAAMQAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAARYAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAACAKADAAQAAAABAAACAAAAAAASAAoOAAAADEf//v/8KEiADCAyrwEQAYSABhhhiPS5hJMhlrw/rk8neqXGuhocc+d1yg8if+dFMa1VS6mN4TiTvLafrpsbr7VHggtwpGO9rkBpA3zorwwQOc7EUwEYMRy6jcB4PHgDacWbhwZHAQ2v39tlcYM5iuRRiivlIYHaETinSQq0eW4M+Vj/d8S8SMxsKzyd5WpuBkWzk1b9xNrgmHxuJu8uIXou3Ns02ehZ79lsnbsLS3iaY9AhRqdwAWK5z5+k)}.zone-chip[data-label=UI]{--zone-chip-flat: var(--zone-ui-chip);--zone-chip-hdr: url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAgAAAAIAAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQFMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAAMQAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAARYAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAACAKADAAQAAAABAAACAAAAAAASAAoOAAAADEf//v/8KEiADCAyrwEQAYSABhhhiPS5hGLDZLsPI/TfPL+ddSiGEPi+eoE6UD4j3aKHM03vSb2zZ9qquF7osjdobEweHIKFlzBr0Jpq8RMj2DX1ObMIWLlXw4EiZTXFKV88wQnStBG89mjD146LbDpkGlZafKkFDsUyxVDzIMJ9hyMPCvmZCoKF0tyt9hHftuzQU/f2aEnHEHwMEokPCW7Mtt38Ei+//8Eu8y7OYJ5cnhZm3Y6WFMLryidm)}.zone-chip[data-label=Base]{--zone-chip-flat: var(--zone-base-chip);--zone-chip-hdr: url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAgAAAAIAAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQFMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAAMcAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAARkAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAACAKADAAQAAAABAAACAAAAAAASAAoOAAAADEf//v/8KEiADCAysgEQAYSABhhhiPS5K3Gq2+EwqHui6wk4h9XLVX3qeNb2RPdyVfdwmwkJJQKQ3jsVteZGwm1XOQH3Nm3+rRdouSexP40bBhTbytJdke3imHNaBf62iQEERzcn6dLbRNnbXnevUbXN413QEk61BfbttxNuqnAvBHAWJU0dLgHkuqBYVVGfWtmQsXaeQi/heQoTHzwnd2qaK63+Y9xR5cOks07dR1C+DQbRBd/1zrnk6X9WH1QQ)}.zone-chip[data-label=Geo]{--zone-chip-flat: var(--zone-geo-chip);--zone-chip-hdr: url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAgAAAAIAAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQFMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAAMoAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAARwAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAACAKADAAQAAAABAAACAAAAAAASAAoOAAAADEf//v/8KEiADCAytQEQAYSABhhhiPS5hIa2va1T3o+EdcaRkWZc/sSI69aSmYJjo85Uu8R167RwWh0RaLtCCeLcqow6MvQ/zW9xhaJiW+ejcmRmBvLbQTrWc0irljEfQrF0ZE60WM1oArK0HjD6Obp9xLghNBaJ33tYQ2ZWQRHLTAf2kboSWyyf59rfiSlmqqkWT533SlXanEZ2EghKQHia7oKxTWfI+R7GHNmcQrXlkjAQX0f7ZGDZkm9vw+589aT0)}.zone-chip:not(.on):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;corner-shape:inherit;padding:var(--stroke-hover, 1.2px);background-color:var(--zone-chip-flat);background-image:var(--zone-chip-hdr, none);background-size:var(--glow-size) var(--glow-size);background-position:var(--glow-pos);background-repeat:no-repeat;dynamic-range-limit:no-limit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.zone-chip:active:not(:disabled){background:var(--surface-press)}.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 var(--dur-med, .24s)}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(--spacing-04, 12px);padding:var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-03, 8px) var(--spacing-05, 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(--spacing-04, 12px);padding:var(--spacing-03, 8px) var(--spacing-04, 12px) var(--spacing-04, 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:var(--track-caps);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}.style-menu{position:relative}.style-menu-btn{width:100%;min-height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-04, 12px);border-radius:var(--radius);background:none;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);margin-left:var(--spacing-02, 6px);vertical-align:middle}.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(--spacing-03, 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(--hair, 1px) var(--spacing-01, 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{--dial-track-h: 14px;--dial-thumb: 9px}.preview-surface input[type=range]::-webkit-slider-thumb{background:var(--marker-preview)}.preview-surface input[type=range]::-moz-range-thumb{background:var(--marker-preview)}.preview-surface input[type=range]:hover::-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(--spacing-03, 8px);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--spacing-05, 16px) var(--spacing-05, 16px);font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);letter-spacing:var(--track-caps);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(--spacing-04, 12px)}.rail-blank-body{min-height:260px}.freezer{display:flex;flex-direction:column;padding:0 var(--spacing-02, 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:var(--track-caps);color:var(--text-muted);text-transform:uppercase}.freezer-reset{font-family:var(--ui-font);font-size:var(--type-label-size, .75rem);letter-spacing:var(--track-caps);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:var(--track-caps);text-transform:uppercase;color:var(--text-dim);padding:var(--spacing-03, 8px) var(--spacing-01, 4px) var(--spacing-01, 4px)}.freezer-list{display:flex;flex-direction:column}.freezer-row{display:grid;grid-template-columns:auto 1fr 18px;align-items:center;gap:var(--spacing-03, 8px);width:100%;padding:var(--spacing-01, 4px) var(--spacing-02, 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(--spacing-02, 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:16px;padding:0 4px}.freezer-note-gold{color:var(--freeze-gold);font-weight:600}.rail-descent{display:flex;flex-direction:column;gap:var(--spacing-06, 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(--spacing-02, 6px)}.matrix-head{display:flex;align-items:center;justify-content:space-between;margin:0 calc(-1 * var(--spacing-02, 6px)) 16px}.matrix-title{font-family:var(--ui-font);font-size:var(--type-label-size, .75rem);letter-spacing:var(--track-caps);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 var(--dur-fast, .14s),background var(--dur-fast, .14s),opacity var(--dur-fast, .14s)}.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:0;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-band.on{background-color:var(--band-flat, transparent);background-image:var(--band-hdr, none);background-size:100% 100%;background-repeat:no-repeat;dynamic-range-limit:no-limit}.matrix-band.on[data-zone=A11Y]{--band-flat: var(--zone-a11y);--band-hdr: url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAEAAAABAAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQBMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAACsAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAAH0AAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAAASAAoNAAAAAq//n/8KEiADCDIYEAGSABhhhiC0VMtcMo7mJ3kWgi+QyiA4)}.matrix-band.on[data-zone=UI]{--band-flat: var(--zone-ui);--band-hdr: url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAEAAAABAAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQBMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAACIAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAAHQAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAAASAAoNAAAAAq//n/8KEiADCDIPEAGSABhhhiC0VMsL0Ia0)}.matrix-band.on[data-zone=Base]{--band-flat: var(--zone-base);--band-hdr: url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAEAAAABAAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQBMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAACgAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAAHoAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAAASAAoNAAAAAq//n/8KEiADCDIVEAGSABhhhiC0VM79cdRmDGKPWbtA)}.matrix-band.on[data-zone=Geo]{--band-flat: var(--zone-geo);--band-hdr: url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAEAAAABAAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQBMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAACoAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAAHwAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAAASAAoNAAAAAq//n/8KEiADCDIXEAGSABhhhiC0VMvLet7m3cDLkFddd0A=)}.matrix-band.on[data-zone=default]{--band-flat: var(--text-dim)}.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{--geom-w: 11px;position:absolute;top:0;bottom:0;width:var(--geom-w);margin-left:calc(var(--geom-w) / -2);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:0;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(--spacing-04, 12px)}.vm-head-right{display:flex;align-items:center;gap:var(--spacing-03, 8px)}.vm-lh{font-family:var(--ui-font);font-size:var(--type-ui-size, .75rem);color:var(--text-muted)}.vmetrics-panel .wm-select{margin-top:2px}.vm-strategy{color:var(--text-muted)}.vm-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-03, 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(--spacing-02, 6px) var(--spacing-03, 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-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-toggle:active:not(:disabled),.rail-reset:active:not(:disabled),.style-menu-btn:active:not(:disabled),.matrix-reset:active:not(:disabled),.freezer-reset:active:not(:disabled){background:none;box-shadow:inset 0 0 0 var(--stroke-press, 1.8px) currentColor}.preview-reset:active:not(:disabled){background:var(--surface-press)}.type-panel-aligns{display:flex;gap:3px;margin:var(--spacing-04, 12px) 0 0}: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,.rail-seam--down .rail-seam-chv-t{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{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;pointer-events:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 22 11'%3E%3Cpath d='M1 1.4 10 7.61 19 1.4' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 22 11'%3E%3Cpath d='M1 1.4 10 7.61 19 1.4' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='4'/%3E%3C/svg%3E");-webkit-mask-size:20px 9px;mask-size:20px 9px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center}.rail-seam-chv-t:last-child{-webkit-mask-position:right center;mask-position:right center}.rail-seam-lbl{position:relative;padding:0 32px}.rail-seam--up .rail-seam-chv-t{background:currentColor}.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}}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/recalsans/assets/MaterialSymbolsOutlined-BORyVozj.woff2?v=85) format("woff2")}@property --icon-hdr{syntax: "<number>"; inherits: false; initial-value: 0;}@layer wm.icon{.wm-icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;vertical-align:middle;-webkit-user-select:none;user-select:none;background:none;border:0;border-radius:0;padding:0;--icon-opsz: 20;--icon-fill: 0;--icon-wght: 300;--icon-grad: 50;font-variation-settings:"FILL" var(--icon-fill),"wght" var(--icon-wght),"GRAD" var(--icon-grad),"opsz" var(--icon-opsz);color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-faint, .38));--icon-dur: 90ms;transition:font-variation-settings var(--icon-dur) ease,color var(--icon-dur) ease,--icon-hdr var(--icon-dur) ease}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .wm-icon{--icon-grad: 100}:root:not([data-theme=dark]) .wm-icon--off{--icon-grad: 100}:root:not([data-theme=dark]) .wm-icon--active,:root:not([data-theme=dark]) .active>.wm-icon,:root:not([data-theme=dark]) .active>*>.wm-icon{--icon-grad: 100}}:root[data-theme=light] .wm-icon{--icon-grad: 100}:root[data-theme=light] .wm-icon--off{--icon-grad: 100}:root[data-theme=light] .wm-icon--active,:root[data-theme=light] .active>.wm-icon,:root[data-theme=light] .active>*>.wm-icon{--icon-grad: 100}:root[data-theme=dark] .wm-icon{--icon-grad: 50}:root[data-theme=dark] .wm-icon--off{--icon-grad: 50}:root[data-theme=dark] .wm-icon--active,:root[data-theme=dark] .active>.wm-icon,:root[data-theme=dark] .active>*>.wm-icon{--icon-grad: 75}.wm-icon--off{--icon-wght: 300;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-faint, .38))}.wm-icon--active,.active>.wm-icon,.active>*>.wm-icon{--icon-grad: 75;--icon-hdr: 1;color:transparent;background-image:linear-gradient(rgba(var(--text-rgb, 232, 232, 232),calc(1 - var(--icon-hdr))),rgba(var(--text-rgb, 232, 232, 232),calc(1 - var(--icon-hdr)))),url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAGQAAABkAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQBMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAADcAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAAIkAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAZKADAAQAAAABAAAAZAAAAAASAAoNAAAAAzY8Z//ChIgAwjIkEAGEgAYYYYi0VMregO56Wg+x6xnwsfoJWaYWX85G+ibLVJ6A);background-size:100% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;dynamic-range-limit:no-limit}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .wm-icon--active,:root:not([data-theme=dark]) .active>.wm-icon,:root:not([data-theme=dark]) .active>*>.wm-icon{--icon-hdr: 0;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-full, 1));background-image:none;-webkit-background-clip:border-box;background-clip:border-box;dynamic-range-limit:standard}}:root[data-theme=light] .wm-icon--active,:root[data-theme=light] .active>.wm-icon,:root[data-theme=light] .active>*>.wm-icon{--icon-hdr: 0;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-full, 1));background-image:none;-webkit-background-clip:border-box;background-clip:border-box;dynamic-range-limit:standard}.wm-icon-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.wm-icon-btn:not(.active):focus-visible .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.fit-align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.fit-align-btn:not(.active):focus-visible .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.align-btn:not(.active):focus-visible .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.mobile-tab:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.mobile-sub-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.mode-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),.wm-icon:not(.wm-icon--off):not(.wm-icon--active):not(:where(.active) *):hover{--icon-grad: 100;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-quiet, .62))}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .wm-icon-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root:not([data-theme=dark]) .fit-align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root:not([data-theme=dark]) .align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root:not([data-theme=dark]) .mobile-tab:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root:not([data-theme=dark]) .mode-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root:not([data-theme=dark]) .wm-icon:not(.wm-icon--off):not(.wm-icon--active):not(:where(.active) *):hover{--icon-grad: 150}}:root[data-theme=light] .wm-icon-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=light] .fit-align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=light] .align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=light] .mobile-tab:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=light] .mode-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=light] .wm-icon:not(.wm-icon--off):not(.wm-icon--active):not(:where(.active) *):hover{--icon-grad: 150}:root[data-theme=dark] .wm-icon-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=dark] .fit-align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=dark] .align-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=dark] .mobile-tab:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=dark] .mode-btn:not(.active):hover .wm-icon:not(.wm-icon--off):not(.wm-icon--active),:root[data-theme=dark] .wm-icon:not(.wm-icon--off):not(.wm-icon--active):not(:where(.active) *):hover{--icon-grad: 100}.wm-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--icon-btn-pad, var(--spacing-02, 6px));margin:0;background:none;border:0;border-radius:0;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.wm-icon-btn:focus{outline:none}.wm-icon-btn:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:2px}@media(pointer:coarse){.wm-icon-btn{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.wm-icon{transition:none}}}.ssd{position:relative}.ssd-btn{display:flex;align-items:center;gap:8px;width:100%;padding:var(--spacing-03, 8px) var(--spacing-04, 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{flex:0 0 auto}.ssd-list{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:240px;padding:var(--spacing-01, 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(--spacing-03, 8px);width:100%;padding:var(--spacing-03, 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-icon{flex:0 0 auto;width:20px}.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(--nudge, 2px) var(--spacing-02, 6px);border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.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(--spacing-02, 6px) var(--spacing-03, 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(--hair, 1px);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000059;animation:emph-pop var(--dur-fast, .14s) ease}.inline-emph-menu--left{transform:translate(-100%,-100%)}@keyframes emph-pop{0%{opacity:0}}.inline-emph-btn{background:none;border:0;border-radius:0;padding:2px;color:var(--text);font-family:var(--ui-font, system-ui, sans-serif);font-size:var(--type-micro-size);cursor:pointer;white-space:nowrap}@layer wm.controls{.wm-chevron,.slider-step-btn svg,.triplet-step-btn svg{stroke-width:var(--chevron-stroke, 1.15);transition:stroke-width var(--icon-dur, 90ms) ease}.slider-row:hover .slider-step-btn svg,.slider-row:focus-within .slider-step-btn svg,.triplet-f:hover .triplet-step-btn svg,.triplet-f:focus-within .triplet-step-btn svg,.triplet-row:hover .triplet-step-btn svg,.instance-select-wrap:hover .wm-chevron,button:hover>.wm-chevron{stroke-width:calc(var(--chevron-stroke, 1.15) * 1.17)}.wm-chevron.chev-left{transform:rotate(90deg)}.wm-chevron.chev-right{transform:rotate(-90deg)}@media(prefers-reduced-motion:reduce){.slider-step-btn svg,.triplet-step-btn svg{transition:none}}}@layer wm.controls{.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;font-size:var(--type-ui-size, .75rem);line-height:var(--type-ui-lead, 15px)}.slider-label-left{display:flex;align-items:baseline;gap:var(--spacing-01, 4px);flex:1 1 auto;min-width:0;overflow:visible;padding-bottom:var(--nudge, 2px)}.slider-label-text{font-size:var(--type-ui-size, .75rem);color:var(--text-muted);font-family:var(--ui-font, system-ui, sans-serif);white-space:nowrap;overflow:visible;text-overflow:clip}.slider-label-name{white-space:nowrap}.slider-label-text--tagged{min-width:var(--axis-label-w, 105px);flex:0 0 auto;display:inline-flex;align-items:baseline;gap:var(--spacing-01, 4px)}.slider-tag{font-size:var(--type-micro-size, .5625rem);color:var(--text-muted);font-family:var(--ui-font, system-ui, sans-serif);letter-spacing:0;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(--spacing-01, 4px);flex-shrink:0}.slider-number{font-family:var(--ui-font, system-ui, sans-serif);font-size:var(--type-ui-size, .75rem);color:var(--text);background:transparent;border:none;border-radius:0;text-align:right;width:auto;field-sizing:content;min-width:2ch;max-width:14ch;padding:var(--nudge, 2px) 0;font-feature-settings:"tnum";color-scheme:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:var(--text-muted, currentColor)}.slider-number:focus,.slider-row:focus-within .slider-number{outline:none;color:var(--accent, currentColor);text-decoration-color:var(--accent, currentColor);text-decoration-thickness:2px}.slider-row--boxed .slider-number{background:var(--bg-elevated, var(--surface));border:1px solid var(--border);border-radius:var(--radius, 6px);corner-shape:superellipse(var(--corner-k, 1.2));padding:4px 6px;text-decoration:none}.slider-row--boxed .slider-number:focus{border-color:var(--text-muted)}.slider-auto{font:inherit;font-size:10.5px;line-height:1;letter-spacing:0;margin-left:var(--spacing-02, 6px);padding:2px 0;border:0;background:none;color:var(--text-dim, var(--text-muted));cursor:pointer;display:inline-flex;align-items:baseline;gap:.28em;vertical-align:baseline;flex-shrink:0;transition:color var(--dur-fast, .12s) ease}.slider-auto:hover{color:var(--text-muted, var(--text))}.slider-auto--on{color:var(--ok, #00a01e)}.slider-auto:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:2px}.slider-auto-dot{font-size:.7em;position:relative;top:-1px}.slider-auto-word{text-transform:uppercase;letter-spacing:normal}@media(pointer:coarse){.slider-auto{padding:6px 0}}.slider-step{display:inline-flex;flex-direction:column;margin-left:var(--nudge, 2px);opacity:0;transition:opacity var(--dur-fast, .12s);position:absolute;justify-content:center}.slider-value{position:relative;padding-right:calc(1.75 * var(--type-ui-size, .75rem))}.slider-suffix,.slider-step{position:absolute;right:calc(.21 * var(--type-ui-size, .75rem));top:50%;transform:translateY(-50%)}.slider-row:hover .slider-step,.slider-row:focus-within .slider-step{opacity:1}.slider-row:hover .slider-suffix,.slider-row:focus-within .slider-suffix{opacity:0}.slider-suffix{transition:opacity var(--dur-fast, .12s)}.slider-step-btn{padding:0;border:0;background:none;color:var(--text-muted);cursor:pointer;width:16px;height:12px;display:grid;place-items:center;position:relative;border-radius:999px;corner-shape:superellipse(var(--corner-k, 1.2))}.slider-step-btn svg{display:block}.slider-step-btn:hover{color:var(--text)}.slider-step-btn:focus-visible{outline:1px solid var(--accent, currentColor)}.slider-step-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAGQAAABkAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQBMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAADcAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAAIkAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAZKADAAQAAAABAAAAZAAAAAASAAoNAAAAAzY8Z//ChIgAwjIkEAGEgAYYYYi0VMregO56Wg+x6xnwsfoJWaYWX85G+ibLVJ6A);background-size:100% 100%;background-repeat:no-repeat;dynamic-range-limit:no-limit;mask-repeat:no-repeat;mask-position:center;mask-size:10px 6px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:10px 6px;opacity:0;transition:opacity calc(var(--dur-fast, .12s) * 2) ease-out;pointer-events:none}.slider-step-btn:first-child:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 4.38 5 1.62 9 4.38' fill='none' stroke='%23fff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='miter' stroke-miterlimit='4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 4.38 5 1.62 9 4.38' fill='none' stroke='%23fff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='miter' stroke-miterlimit='4'/%3E%3C/svg%3E")}.slider-step-btn+.slider-step-btn:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1.62 5 4.38 9 1.62' fill='none' stroke='%23fff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='miter' stroke-miterlimit='4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1.62 5 4.38 9 1.62' fill='none' stroke='%23fff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='miter' stroke-miterlimit='4'/%3E%3C/svg%3E")}.slider-step-btn:active:before{opacity:1;transition:none}@media(pointer:coarse){input.slider-number,.slider-row--track input.slider-number{padding:12px 8px;margin:-12px -8px;position:relative;z-index:2}.slider-step{opacity:1;position:static;transform:none}.slider-suffix{position:static;transform:none}.slider-value{padding-right:var(--spacing-02, 8px);align-items:center}.slider-suffix{order:1}.slider-step{order:2}.slider-row:hover .slider-suffix,.slider-row:focus-within .slider-suffix{opacity:1}.slider-step-btn{width:40px;height:16px;padding-block:3px;margin-block:-3px}.slider-step-btn:first-child{align-items:end}.slider-step-btn+.slider-step-btn{align-items:start}}@media(prefers-reduced-motion:reduce){.slider-step-btn:before{transition: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:max(14px,var(--dial-track-h, 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)) var(--locked-pct, 100%),var(--track-empty, var(--surface-hi)) 100%);border-radius:1px}.slider-track-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--dial-thumb, 14px);height:var(--dial-thumb, 14px);border-radius:50%;background:var(--text);cursor:pointer;margin-top:calc((2px - var(--dial-thumb, 14px)) / 2)}.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)) var(--locked-pct, 100%),var(--track-empty, var(--surface-hi)) 100%);border-radius:1px}.slider-track-wrap input[type=range]::-moz-range-thumb{width:var(--dial-thumb, 14px);height:var(--dial-thumb, 14px);border-radius:50%;background:var(--text);border:none;cursor:pointer}.slider-auto-hint{position:fixed;font-size:var(--type-ui-size, .75rem);color:var(--text);background:var(--bg-elevated, var(--surface));border:1px solid var(--border);border-radius:var(--radius, 6px);padding:var(--spacing-01, 4px) var(--spacing-03, 8px);pointer-events:none;z-index:1000;white-space:nowrap;animation:hint-fade var(--dur-hint, 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);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)}.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, .75rem);color:var(--text-muted);font-feature-settings:"tnum";margin-left:-3px;pointer-events:none}.slider-suffix--hidden{visibility:hidden}.slider-row--track{position:relative;gap:0}.slider-row--track .slider-track-wrap{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0}.slider-row--track .slider-track-wrap input[type=range]{width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.slider-row--track .slider-track-wrap input[type=range]:disabled{cursor:default}.slider-row--track .slider-label{position:relative;z-index:1;pointer-events:none;min-height:32px;padding:0 var(--spacing-04, 12px);border-radius:var(--radius, 6px);corner-shape:superellipse(var(--corner-k, 1.2));background:linear-gradient(to right,var(--surface-hi) 0 var(--pct, 0%),transparent var(--pct, 0%) 100%),var(--surface);border:1px solid var(--border)}.slider-row--track .slider-number,.slider-row--track .slider-step,.slider-row--track .slider-auto{pointer-events:auto}.slider-row--track .slider-track-wrap input[type=range]:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:2px;border-radius:var(--radius, 6px)}.slider-number::selection{background:var(--accent, currentColor);color:var(--bg, var(--surface))}.slider-row--track .slider-label{-webkit-user-select:none;user-select:none}.slider-row--track .slider-number{-webkit-user-select:text;user-select:text}@media(pointer:coarse){.slider-row--track{min-height:48px;justify-content:center}.slider-row--track .slider-label{min-height:32px;transition:min-height var(--dur-fast, .12s) ease}.slider-row--track .slider-track-wrap{top:3px;bottom:5px}.slider-row--track .slider-label-left{padding-bottom:0}.slider-row--track.slider-row--engaged .slider-label{min-height:48px}.slider-row--track.slider-row--engaged .slider-track-wrap{top:0;bottom:0}}@media(pointer:coarse)and (prefers-reduced-motion:reduce){.slider-row--track .slider-label{transition:none}}.slider-row--track .slider-number{padding:0;width:auto;field-sizing:content;min-width:2ch;max-width:14ch}.slider-row--track .slider-label{padding-right:0}.slider-row--track .slider-step-btn{width:12px}@media(pointer:coarse){.slider-row--track .slider-step-btn{width:40px}.slider-row--track .slider-value{padding-right:var(--spacing-02, 8px)}}.slider-row--track .slider-suffix{color:var(--text-muted)}.slider-row--track .slider-label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to right,var(--border) 0 var(--locked-pct, 0%),transparent var(--locked-pct, 0%) 100%);opacity:.55;pointer-events:none}.slider-row--track .slider-ref{z-index:2;top:auto;bottom:0;width:0;height:0;--ref-w: 10px;margin-left:calc(var(--ref-w) / -2);border-radius:0;transform:none;background:none;border-left:calc(var(--ref-w) / 2) solid transparent;border-right:calc(var(--ref-w) / 2) solid transparent;border-bottom:calc(var(--ref-w) / 2) solid rgba(var(--text-rgb, 232, 232, 232),.55);border-top:0;opacity:1}.slider-row--track .slider-label{cursor:ew-resize}.slider-row--track.slider-row--off .slider-label{cursor:default}}.triplet-row{display:grid;grid-template-columns:minmax(3rem,1fr) minmax(0,13rem);gap:var(--spacing-02, 6px);align-items:center}.triplet-row--off{opacity:.45;pointer-events:none}.triplet-row+.triplet-row{margin-top:12px}.triplet-row:has(.triplet-chip){margin-bottom:2px}.triplet-label{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:baseline;gap:0;min-width:0;line-height:1.1;font-size:var(--type-ui-size, 12px);color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-quiet, .62));text-wrap:balance}.triplet-unit{position:absolute;right:-2px;top:50%;transform:translateY(-50%);padding-left:2px;font-style:normal;font-size:.85em;font-variant-numeric:tabular-nums;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-faint, .38))}.triplet-chip{position:absolute;top:100%;left:0;display:inline-flex;align-items:baseline;gap:.28em;margin:1px 0 0;padding:0;border:0;border-radius:0;font-style:normal;white-space:nowrap;font-size:calc(var(--type-micro-size, 9px) * .85);letter-spacing:var(--track-caps, .08em);text-transform:uppercase;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-faint, .38))}.triplet-chip:before{content:"●";font-size:.7em;position:relative;top:-1px;letter-spacing:normal}.triplet-chip--muted{opacity:.55}.triplet-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:9px;overflow:visible}.triplet-fields--head{border-color:transparent;background:none;font-size:var(--type-micro-size, 10px);letter-spacing:var(--track-caps, .08em);color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-faint, .38))}.triplet-fields--head span{text-align:right;padding-bottom:2px}.triplet-row--head{align-items:end}.triplet-f{position:relative;min-width:0;display:block}.triplet-num{width:100%;min-width:0;box-sizing:border-box;field-sizing:fixed;background:none;border:0;border-radius:0;padding:6px 0;font:inherit;font-size:var(--type-ui-size, 12px);font-variant-numeric:tabular-nums;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-full, 1));text-align:right;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:var(--text-muted, currentColor)}.triplet-num:focus{outline:none}.triplet-f:focus-within .triplet-num{color:var(--accent, currentColor);text-decoration-color:var(--accent, currentColor);text-decoration-thickness:2px}.triplet-step{position:absolute;right:-9px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;opacity:0;transition:opacity var(--dur-fast, .14s) ease}.triplet-row:hover .triplet-step,.triplet-f:focus-within .triplet-step{opacity:1}.triplet-step-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:0;padding:0;width:9px;height:11px;display:grid;place-items:center;color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-faint, .38));cursor:pointer}.triplet-step-btn:first-child{align-items:end}.triplet-step-btn:hover{color:rgba(var(--text-rgb, 232, 232, 232),var(--ink-full, 1))}.triplet-step-btn{position:relative}.triplet-step-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url(data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAE1pUHJhdmlmbWlhZm1pZjEAAAFebWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAAAAAAAkZGluZgAAABxkcmVmAAAAAAAAAAEAAAAMdXJsIAAAAAEAAAAOcGl0bQAAAAAAAQAAADhpaW5mAAAAAAACAAAAFWluZmUCAAAAAAEAAGF2MDEAAAAAFWluZmUCAAABAAIAAEV4aWYAAAAAGmlyZWYAAAAAAAAADmNkc2MAAgABAAEAAACBaXBycAAAAGBpcGNvAAAAE2NvbHJuY2x4AAkAEAABgAAAAAxjbGxpA+gAQAAAABRpc3BlAAAAAAAAAGQAAABkAAAACWlyb3QAAAAAEHBpeGkAAAAAAwoKCgAAAAxhdjFDgQBMAAAAABlpcG1hAAAAAAAAAAEAAQaBAgMFhoQAAAAsaWxvYwAAAABEAAACAAEAAAABAAAB0AAAADcAAgAAAAEAAAGOAAAAQgAAAAFtZGF0AAAAAAAAAIkAAAAGRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAZKADAAQAAAABAAAAZAAAAAASAAoNAAAAAzY8Z//ChIgAwjIkEAGEgAYYYYi0VMregO56Wg+x6xnwsfoJWaYWX85G+ibLVJ6A);background-size:100% 100%;background-repeat:no-repeat;dynamic-range-limit:no-limit;mask-repeat:no-repeat;mask-position:center;mask-size:7px 6px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:7px 6px;opacity:0;transition:opacity calc(var(--dur-fast, .12s) * 2) ease-out}.triplet-step-btn:first-child:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M1 3.86 3.5 2.14 6 3.86' fill='none' stroke='%23fff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='miter' stroke-miterlimit='4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M1 3.86 3.5 2.14 6 3.86' fill='none' stroke='%23fff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='miter' stroke-miterlimit='4'/%3E%3C/svg%3E")}.triplet-step-btn+.triplet-step-btn:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M1 2.14 3.5 3.86 6 2.14' fill='none' stroke='%23fff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='miter' stroke-miterlimit='4'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6'%3E%3Cpath d='M1 2.14 3.5 3.86 6 2.14' fill='none' stroke='%23fff' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='miter' stroke-miterlimit='4'/%3E%3C/svg%3E")}.triplet-step-btn:active:after{opacity:1;transition:none}@media(prefers-reduced-motion:reduce){.triplet-step-btn:after{transition:none}}@media(prefers-reduced-motion:reduce){.triplet-step{transition:none}}@media(pointer:coarse){.triplet-step{opacity:1}.triplet-step-btn{width:20px;height:15px}}.wm-collapse{overflow:hidden;transition:max-height var(--dur-med, .24s) cubic-bezier(.2,0,0,1),opacity var(--dur-fast, .14s) linear}.wm-collapse--open{overflow:clip}@media(prefers-reduced-motion:reduce){.wm-collapse{transition:none}}.fit-switches{display:flex;flex-wrap:wrap;gap:var(--spacing-02, 6px);margin:var(--spacing-04, 12px) 0}.fit-switch{flex:1 1 7rem;height:32px;border-radius:var(--radius, 6px);corner-shape:superellipse(var(--corner-k, 1.2));background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-02, 6px);padding:0 var(--spacing-04, 12px);white-space:nowrap;color:var(--text-muted);font:inherit;font-size:var(--type-ui-size, .75rem);cursor:pointer;transition:background var(--dur-fast, .14s),color var(--dur-fast, .14s)}.fit-switch:hover:not(.active){background:var(--bg-hover, rgba(255, 255, 255, .06))}.fit-switch:active,.fit-switch.active{background:var(--bg-hover, rgba(255, 255, 255, .06));color:var(--text)}.fit-switch:focus-visible{outline:1px solid var(--text-muted);outline-offset:-2px}.fit-switch-state{color:var(--text-dim);font-size:.9em}.fit-align-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:0;border-radius:0;color:inherit;cursor:pointer}.fit-align-btn:focus{outline:none}.fit-align-btn:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:2px}@media(pointer:coarse){.fit-align-btn{width:44px;height:44px}}.fit-sub{display:flex;align-items:center;justify-content:space-between;width:100%;height:26px;padding:0 var(--spacing-02, 6px);margin:var(--spacing-02, 6px) 0;background:none;border:none;border-top:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:var(--type-ui-size, .75rem);cursor:pointer;transition:color var(--dur-fast, .14s)}.fit-sub:hover,.fit-sub.active{color:var(--text)}.fit-hj{container-type:inline-size;container-name:fit-hj;padding-bottom:var(--spacing-02, 6px)}.fit-chip{padding:0 var(--spacing-02, 6px);border-radius:var(--radius-sm, 4px);background:color-mix(in srgb,var(--accent, #7cc4ff) 18%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--accent, #7cc4ff) 35%,transparent);color:var(--accent, #7cc4ff);font-size:8px;font-style:normal;letter-spacing:0}.fit-chip--muted{background:none;box-shadow:none;border:1px solid color-mix(in srgb,var(--text-muted) 55%,transparent);color:color-mix(in srgb,var(--text-muted) 80%,var(--text))}.fit-chip-row{display:flex;justify-content:flex-end;margin-top:calc(-1 * var(--spacing-02, 6px))}.gp{display:flex;gap:var(--spacing-06, 24px);min-height:0;color:var(--text)}.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(--spacing-05, 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(--spacing-05, 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);pointer-events:none}.gp-rule--base{border-top-color:var(--text-dim)}.gp-rule-label{position:absolute;transform:translate(-100%,-50%);font-size:var(--type-micro-size);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);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(--spacing-03, 8px)}.gp-copy{display:flex;align-items:center;justify-content:center;gap:8px;padding:var(--spacing-03, 8px) var(--spacing-04, 12px);font:inherit;background:none;border:none;color:var(--text-muted);cursor:pointer}.gp-copy:hover{color:var(--text)}.gp-code{font-size:var(--type-ui-size);letter-spacing:0;font-variant-numeric:tabular-nums}.gp-search{padding:var(--spacing-03, 8px) var(--spacing-04, 12px);font:inherit;font-size:var(--type-ui-size);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius, 8px);outline:none}.gp-search:focus{border-color:var(--text-dim)}.gp-groups{flex:1;min-width:0;overflow-y:auto}.gp-group{margin-bottom:24px}.gp-group-label{font-size:var(--type-micro-size);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.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);background:var(--surface);border:none;border-radius:var(--radius, 8px);cursor:pointer;padding:0}.gp-cell:hover{background:var(--accent, #e8e8e8);color:var(--bg)}.gp-cell--active{box-shadow:inset 0 0 0 1.5px var(--accent, #e8e8e8);background:var(--surface-hi)}.gp-cell--named{aspect-ratio:auto;flex-direction:column;gap:3px;padding:var(--spacing-02, 6px) var(--tick, 3px) var(--spacing-01, 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);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-cell--active .gp-cell-name{color:var(--text-muted)}.gp-name{font-size:var(--type-ui-size);line-height:1.4;text-align:center;color:var(--text-muted)}.gp-cell--invisible{color:var(--text-faint, rgba(var(--text-rgb), var(--ink-faint, .38)))}.specimen-fade{height:var(--specimen-fade-height, 13rem);margin-top:calc(var(--specimen-fade-height, 13rem) * -1);pointer-events:none;position:relative;z-index:1}.specimen-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-02, 6px);margin:var(--spacing-04, 12px) 0 var(--spacing-08, 32px)}.specimen-more{display:block;padding:var(--spacing-02, 6px) var(--spacing-04, 12px);background:var(--text);color:var(--bg);border:none;border-radius:var(--radius, 6px);font:inherit;font-size:var(--type-ui-size, .75rem);letter-spacing:var(--track-caps);text-transform:uppercase;cursor:pointer}.specimen-more:hover{opacity:.85}.specimen-more:focus-visible{outline:1px solid var(--text-muted);outline-offset:2px}.specimen-more[disabled]{opacity:.5;cursor:default}.specimen-next{background:none;color:var(--text-muted);border:1px solid var(--border)}.specimen-next:hover{color:var(--text);opacity:1}.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(--spacing-03, 8px) var(--spacing-02, 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(--spacing-04, 12px);flex-wrap:wrap}.para-doc{color:var(--text);width:100%}.para-block{margin:0 0 12px;color:var(--text);font-weight:inherit;outline:none;caret-color:var(--text)}.para-block--h1,.para-block--h2,.para-block--h3{margin-top:12px}.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:24px;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 var(--dur-fast, .14s)}.compare-inline-btn:hover{color:var(--accent)}.compare-inline-mark{display:inline;vertical-align:-.2em;color:inherit}.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:24px}.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(--spacing-03, 8px) var(--spacing-01, 4px)}.scene-bar{display:flex;flex-direction:column;gap:var(--spacing-04, 12px);padding:var(--nudge, 2px) var(--spacing-06, 24px) var(--spacing-03, 8px) var(--spacing-07, 32px)}.body-pairing{display:flex;align-items:center;gap:var(--spacing-04, 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:32px;padding-bottom:var(--spacing-05, 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:0}.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:var(--track-caps);text-transform:uppercase;color:var(--text-dim)}.glyph-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;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(--spacing-07, 32px) 0 var(--spacing-09, 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{--hair: 1px;--nudge: 2px;--tick: 3px;--spacing-01: .25rem;--spacing-02: .375rem;--spacing-03: .5rem;--spacing-04: .75rem;--spacing-05: 1rem;--spacing-06: 1.5rem;--spacing-07: 2rem;--spacing-08: 3rem;--spacing-09: 4rem}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, var(--border)) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, var(--border));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, var(--text-dim))}::-webkit-scrollbar-corner{background:transparent}@layer wm.controls{.wm-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:27px;padding:calc(var(--spacing-02, 6px) - 1px) var(--spacing-03, 8px);font-family:var(--ui-font, system-ui, sans-serif);font-size:var(--type-ui-size, .75rem);line-height:var(--type-ui-lead, 15px);color:var(--text-muted, rgba(var(--text-rgb, 232, 232, 232), var(--ink-quiet, .62)));background:var(--surface, transparent);border:1px solid var(--border, currentColor);border-radius:var(--radius, 6px);corner-shape:superellipse(var(--corner-k, 1.2));cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast, .12s) ease,border-color var(--dur-fast, .12s) ease,background var(--dur-fast, .12s) ease}.wm-btn>:is(.wm-icon,[data-mark]):not(:last-child){margin-right:var(--spacing-02, 6px)}.wm-btn>:is(.wm-icon,[data-mark]):not(:first-child){margin-left:var(--spacing-02, 6px)}.wm-btn:hover:not(:disabled){color:var(--text, inherit);border-color:var(--text-dim, currentColor)}.wm-btn:active:not(:disabled){background:var(--surface-hi, var(--surface))}.wm-btn.active,.wm-btn[aria-pressed=true]{color:var(--text, inherit);background:var(--surface-hi, var(--surface));border-color:var(--text-dim, currentColor)}.wm-btn--solid{color:var(--bg, #111);background:var(--text, #e8e8e8);border-color:var(--text, #e8e8e8)}.wm-btn--solid:hover:not(:disabled){color:var(--bg, #111);filter:brightness(1.08)}.wm-btn--quiet{border-color:transparent;background:transparent}.wm-btn--quiet:hover:not(:disabled){border-color:var(--border, currentColor)}.wm-btn:disabled{opacity:.4;cursor:default}.wm-btn:focus{outline:none}.wm-btn:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:2px}.wm-btn-row{display:flex;gap:var(--spacing-02, 6px);flex-wrap:wrap}.wm-btn-row>.wm-btn{flex:1 1 auto}@media(pointer:coarse){.wm-btn{min-height:45px}}@media(prefers-reduced-motion:reduce){.wm-btn{transition:none}}}@layer wm.controls{.wm-select-wrap{position:relative;display:block}.wm-select{width:100%;box-sizing:border-box;min-height:27px;padding:calc(var(--spacing-02, 6px) - 1px) var(--spacing-06, 24px) calc(var(--spacing-02, 6px) - 1px) var(--spacing-03, 8px);font-family:var(--ui-font, system-ui, sans-serif);font-size:var(--type-ui-size, .75rem);line-height:var(--type-ui-lead, 15px);color:var(--text, inherit);background:var(--surface, transparent);border:1px solid var(--border, currentColor);border-radius:var(--radius, 6px);corner-shape:superellipse(var(--corner-k, 1.2));cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color var(--dur-fast, .12s) ease}.wm-select:hover{border-color:var(--text-dim, currentColor)}.wm-select:focus{outline:none}.wm-select:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:2px}.wm-select-wrap .wm-chevron{position:absolute;right:var(--spacing-03, 8px);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted, inherit)}.wm-select-wrap:has(>select[hidden]){display:none}}