:root{color:#f2eee6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--display:Georgia, "Times New Roman", serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;background:#070707;font-family:Segoe UI,Aptos,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070707}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{color:#090807;background:#e3a067}.lab-main{--hairline:#f2eee617;--lab-ease:cubic-bezier(.2, .8, .2, 1);flex-direction:column;min-height:100vh;display:flex}@media (prefers-reduced-motion:no-preference){.lab-bar,.lab-workbench{animation:lab-enter .18s var(--lab-ease)}}@keyframes lab-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.lab-bar{border-bottom:2px solid var(--seam-bright);padding:12px 22px 14px}.lab-bar-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 16px;margin-bottom:9px;display:flex}.lab-crumb,.lab-bar-meta{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.lab-crumb{gap:8px;display:flex}.lab-crumb a{color:var(--muted);text-decoration:none}.lab-crumb a:hover{color:var(--copper)}.lab-crumb a:focus-visible{outline:1px solid var(--copper);outline-offset:3px}.lab-crumb [aria-current=page]{color:var(--ivory)}.lab-bar-meta{font-variant-numeric:tabular-nums;text-align:right}.lab-bar-lead{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.compare-launch{align-items:baseline;gap:7px;display:inline-flex}.compare-launch-label{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.compare-launch-select{border:1px solid var(--seam);max-width:168px;color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border-radius:0;padding:3px 6px;overflow:hidden}.compare-launch-select:hover{color:var(--ivory);border-color:var(--seam-bright)}.compare-launch-select:focus-visible{outline:2px solid var(--copper);outline-offset:1px}.compare-launch-select option{background:var(--bg1);color:var(--ivory);text-transform:none}.lab-bar-title{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 20px;display:flex}.lab-bar-title h1{color:var(--ivory);font:400 22px/1.1 var(--display);letter-spacing:-.02em;margin:0}.lab-bar-desc{align-items:baseline;gap:12px;margin-top:7px;display:flex}.lab-bar-desc-text{max-width:78ch;color:var(--muted);font-size:var(--fs-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.lab-bar-desc-text.is-open{-webkit-line-clamp:none;display:block;overflow:visible}.lab-bar-desc-toggle{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:none;padding:0}.lab-bar-desc-toggle:hover{color:var(--ivory)}.lab-bar-desc-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.lab-workbench{flex:1;grid-template-columns:minmax(0,1fr) 320px;min-height:0;display:grid}.lab-stage-frame{border-right:2px solid var(--seam-bright);grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.lab-stage{place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.lab-stage.is-dark{background:linear-gradient(var(--hairline), var(--hairline)) 50% 0 / 1px 100% no-repeat, linear-gradient(var(--hairline), var(--hairline)) 0 50% / 100% 1px no-repeat, radial-gradient(#f2eee60d 1px, transparent 1px) 0 0 / 24px 24px, #0b0a09}.lab-stage.is-light{background:linear-gradient(#0908071a,#0908071a) 50% 0/1px 100% no-repeat,linear-gradient(#0908071a,#0908071a) 0/100% 1px no-repeat,radial-gradient(#09080714 1px,#0000 1px) 0 0/24px 24px,#f4efe6}.lab-stage:before,.lab-stage:after{content:"";pointer-events:none;width:14px;height:14px;position:absolute}.lab-stage:before{border-top:1px solid var(--muted);border-left:1px solid var(--muted);top:10px;left:10px}.lab-stage:after{border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);bottom:10px;right:10px}.lab-stage canvas{position:relative}.lab-stage-caption{border-top:1px solid var(--seam);gap:0;display:flex}.lab-stage-caption span{border-right:1px solid var(--hairline);color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px}.lab-rack{scrollbar-width:thin;scrollbar-color:var(--seam) transparent;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.rack-panel{border-bottom:2px solid var(--seam)}.rack-panel:last-child{border-bottom:0}.rack-panel-header{border-bottom:1px solid var(--seam);justify-content:space-between;align-items:baseline;gap:10px;padding:8px 14px;display:flex}.rack-panel-header h2{min-width:0;color:var(--ivory);font:700 var(--fs-mono)/1.35 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.rack-cap{color:var(--dim);letter-spacing:.02em;text-transform:none;font-style:normal;font-weight:400}.rack-cap:before{content:"|";color:var(--seam-bright);margin:0 7px 0 8px}.rack-action{border:1px solid var(--seam);color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:5px 10px}.rack-action:hover:not(:disabled){border-color:var(--copper);color:var(--ivory)}.rack-action:focus-visible{outline:1px solid var(--copper);outline-offset:2px}.rack-action:disabled{color:#514b46;cursor:default}.rack-panel-body{padding:3px 14px 11px}.ctl{padding-top:9px}.ctl+.ctl{border-top:1px solid var(--hairline);margin-top:9px}.ctl-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.ctl-label{color:var(--muted);font:400 var(--fs-mono)/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.ctl-note{color:var(--dim);letter-spacing:.04em;text-transform:none;margin-top:3px;font-style:normal;display:block}.ctl-value{color:var(--ivory);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums}.slider-track{cursor:ew-resize;touch-action:none;height:18px;position:relative}.slider-track:focus-visible{outline:1px solid var(--copper);outline-offset:3px}.slider-rail,.slider-fill{height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.slider-rail{background:var(--seam);width:100%}.slider-fill{background:var(--copper)}.slider-thumb{background:var(--ivory);width:3px;height:11px;position:absolute;top:50%;transform:translate(-50%,-50%)}.slider-track:hover .slider-thumb,.slider-track:focus-visible .slider-thumb{background:var(--copper)}.segmented{border:1px solid var(--seam);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.segment{border:0;border-right:1px solid var(--hairline);color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:8px 4px}.segment:last-child{border-right:0}.segment:hover{color:var(--ivory)}.segment:focus-visible{outline:1px solid var(--copper);outline-offset:-3px}.segment.is-checked{background:var(--copper);color:#0b0a09;font-weight:700}.ctl-toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.switch{border:1px solid var(--seam);cursor:pointer;background:0 0;border-radius:0;flex:none;align-items:center;width:46px;height:20px;display:flex;position:relative}.switch:focus-visible{outline:1px solid var(--copper);outline-offset:2px}.switch-thumb{background:var(--muted);width:12px;height:14px;transition:left .12s var(--lab-ease,ease), background .12s var(--lab-ease,ease);position:absolute;top:2px;left:2px}.switch-state{color:var(--dim);font:400 8px/1 var(--mono);letter-spacing:.1em;position:absolute;right:5px}.switch.is-on{border-color:var(--copper-low)}.switch.is-on .switch-thumb{background:var(--copper);left:30px}.switch.is-on .switch-state{color:var(--copper);left:5px;right:auto}@media (prefers-reduced-motion:reduce){.switch-thumb{transition:none}}.color-row{gap:8px;display:flex}.color-swatch{border:1px solid var(--seam);flex:none;width:30px;height:30px;position:relative}.color-picker-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-swatch:has(.color-picker-input:focus-visible){outline:1px solid var(--copper);outline-offset:2px}.color-hex{border:1px solid var(--seam);min-width:0;color:var(--ivory);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:0;flex:1;padding:6px 9px}.color-hex:focus-visible{border-color:var(--copper);outline:none}.text-input{border:1px solid var(--seam);width:100%;color:var(--ivory);font:400 var(--fs-mono)/1.4 var(--mono);letter-spacing:.02em;background:0 0;border-radius:0;padding:6px 9px}.text-input::placeholder{color:var(--dim)}.text-input:focus-visible{border-color:var(--copper);outline:none}.rack-group{border-top:1px solid var(--hairline)}.rack-group:first-child{border-top:0}.rack-group-summary{color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:10px 0 8px;list-style:none}.rack-group-summary::-webkit-details-marker{display:none}.rack-group-summary:before{content:"+";width:1em;color:var(--dim);font-variant-numeric:tabular-nums;display:inline-block}.rack-group[open]>.rack-group-summary:before{content:"−"}.rack-group-summary:hover{color:var(--ivory)}.rack-group-summary:focus-visible{outline:1px solid var(--copper);outline-offset:2px}.rack-group-body{padding-bottom:6px}.rack-group-body>.ctl:first-child{padding-top:0}.export-body{padding-top:8px}.export-row{flex-wrap:wrap;gap:5px;display:flex}.export-button{border:1px solid var(--seam);min-width:54px;color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;flex:auto;padding:7px 8px}.export-button:hover:not(:disabled){border-color:var(--copper);color:var(--ivory)}.export-button:focus-visible{outline:1px solid var(--copper);outline-offset:2px}.export-button:disabled{color:#514b46;cursor:default}.export-freeze{flex:auto;gap:5px;min-width:118px;display:flex}.export-freeze-go{flex:auto;min-width:0}.export-scale{border:1px solid var(--seam);flex:none;display:flex}.export-scale-btn{border:0;border-right:1px solid var(--hairline);color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:0;padding:7px}.export-scale-btn:last-child{border-right:0}.export-scale-btn:hover{color:var(--ivory)}.export-scale-btn:focus-visible{outline:1px solid var(--copper);outline-offset:-3px}.export-scale-btn.is-on{background:var(--copper);color:#0b0a09;font-weight:700}.export-status{min-height:15px;color:var(--dim);font:400 var(--fs-mono)/1.5 var(--mono);letter-spacing:.04em;margin:8px 0 0}.export-offscreen{pointer-events:none;position:fixed;top:0;left:-100000px}.semantic-row{flex-wrap:wrap;gap:5px;display:flex}.semantic-chip{border:1px solid var(--seam);color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:7px 10px}.semantic-chip:hover{border-color:var(--copper);color:var(--ivory)}.semantic-chip.is-active{background:var(--copper);border-color:var(--copper);color:#0b0a09;font-weight:700}.semantic-chip:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.rack-note{color:var(--dim);font:400 var(--fs-mono)/1.5 var(--mono);letter-spacing:.04em;margin:12px 0 0}.moments-body{grid-template-columns:1fr 1fr;gap:6px;padding-top:5px;display:grid}.moment-button{border:1px solid var(--seam);color:var(--muted);font:400 var(--fs-mono)/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:8px 6px}.moment-button:hover{border-color:var(--copper);color:var(--ivory)}.moment-button.is-active{border-color:var(--copper);color:var(--copper);box-shadow:inset 2px 0 0 var(--copper)}.moment-button:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.transport{border-top:var(--rule-thin);background:var(--bg1);align-items:center;gap:0;display:flex}.transport-toggle{border:0;border-right:var(--rule-hair);width:46px;height:34px;color:var(--ivory);font:400 var(--fs-mono)/1 var(--mono);cursor:pointer;background:0 0;flex:none}.transport-toggle:hover{color:var(--copper)}.transport-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.transport-rail{cursor:ew-resize;touch-action:none;flex:1;height:34px;position:relative}.transport-rail:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.transport-rail:before{content:"";background:var(--seam);width:100%;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.transport-fill{background:var(--copper-low);height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.transport-thumb{background:var(--copper);width:3px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.transport-rail:hover .transport-thumb,.transport-rail:focus-visible .transport-thumb{background:var(--ivory)}.transport-readout{border-left:var(--rule-hair);color:var(--muted);font:400 var(--fs-mono)/34px var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.06em;padding:0 14px}.transport-free{color:var(--muted);font:400 var(--fs-mono)/34px var(--mono);letter-spacing:.06em;flex:1;padding:0 14px}.stage-hint{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.lab-stage.is-light .stage-hint{color:#09080773}.lab-stage.is-pointer-reactive{cursor:crosshair}.caption-accent{color:var(--copper)!important}@media (width>=901px){.lab-main-workbench .lab-workbench{grid-template-rows:minmax(0,1fr);height:calc(100vh - 126px)}}.lab-scenes{border-top:2px solid var(--seam-bright)}.lab-scenes .section-rule{border-bottom:1px solid var(--seam);background:var(--bg1,#0c0b0a);align-items:baseline;gap:12px;padding:12px 22px;display:flex}.lab-scenes .section-rule h2{color:var(--ivory);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0}.lab-scenes .section-rule-count{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono)}.lab-scenes-body{padding:22px}.scene-card{border:1px solid var(--seam);background:radial-gradient(#f2eee60a 1px,#0000 1px) 0 0/24px 24px,#0b0a09;max-width:640px;padding:18px}.scene-caption{color:var(--dim);font:400 var(--fs-mono)/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px}.chat-row{align-items:flex-start;gap:12px;margin-top:12px;display:flex}.chat-avatar{flex:none;width:34px;height:34px}.chat-bubble{border:1px solid var(--hairline);color:var(--ivory-soft,#d4cabd);font-size:var(--fs-body);background:#f2eee60d;padding:10px 14px;line-height:1.5}.chat-bubble-working{color:var(--muted);font-style:italic}.transfer-row{border-top:1px solid var(--hairline);align-items:center;gap:14px;padding:10px 0;display:flex}.transfer-row:first-of-type{border-top:0}.transfer-name{min-width:0;color:var(--ivory);font:400 var(--fs-mono)/1.4 var(--mono);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.transfer-strip{align-items:center;width:150px;height:34px;display:flex;overflow:hidden}.transfer-meta{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.05em}.dash-grid{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.dash-cell{border:1px solid var(--hairline);background:#f2eee605;flex-direction:column;align-items:center;gap:2px;padding:10px 10px 6px;display:flex}.dash-label{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.dash-counter{align-items:center;height:76px;display:flex;overflow:hidden}.dash-counter canvas{margin:-22px 0}.dash-spark{align-items:center;height:84px;display:flex;overflow:hidden}.dash-spark canvas{margin:-23px 0}.contrib-row{border-top:1px solid var(--hairline);align-items:center;gap:14px;padding:7px 0;display:flex}.contrib-row:first-of-type{border-top:0}.contrib-mark{flex:none;width:44px;height:44px}.contrib-name{min-width:0;color:var(--ivory);font:400 var(--fs-mono)/1.4 var(--mono);flex:1}.contrib-meta{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.studio-strip{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.studio-cell{border:1px solid var(--hairline);background:#f2eee605;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 8px;display:flex}.studio-cell-toggle .studio-switch{align-items:center;height:52px;display:flex;overflow:hidden}.studio-cell-toggle .studio-switch canvas{margin:-17px 0}.studio-label{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.console-strip{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.console-cell{border:1px solid var(--hairline);background:#f2eee605;flex-direction:column;align-items:center;gap:5px;padding:10px 8px 8px;display:flex}.console-cell-meter{border-color:var(--seam)}.console-name{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.09em;text-transform:uppercase}.console-read{color:var(--copper);font:400 14px/1 var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums}.settings-row{border-top:1px solid var(--hairline);align-items:center;gap:14px;padding:6px 0;display:flex}.settings-row:first-of-type{border-top:0}.settings-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-copy strong{color:var(--ivory);font-size:var(--fs-body);font-weight:400}.settings-copy em{color:var(--dim);font:400 var(--fs-mono)/1.4 var(--mono);font-style:normal}.settings-switch{flex:none;align-items:center;width:92px;height:52px;display:flex;overflow:hidden}.settings-switch canvas{margin:-20px 0}.pipeline-row{align-items:center;gap:16px;padding:8px 0;display:flex}.pipeline-ring{flex:none;width:72px;height:72px}.pipeline-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pipeline-copy strong{color:var(--ivory);font:400 var(--fs-mono)/1.4 var(--mono)}.pipeline-copy em{color:var(--muted);font-size:var(--fs-body);font-style:normal}.pipeline-state{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.ops-grid{flex-wrap:wrap;align-items:flex-start;gap:22px;display:flex}.ops-rows{flex:1;min-width:220px}.ops-row{border-top:1px solid var(--hairline);align-items:center;gap:12px;padding:8px 0;display:flex}.ops-row:first-of-type{border-top:0}.ops-dot{flex:none;width:26px;height:26px}.ops-label{min-width:0;color:var(--ivory-soft,#d4cabd);font-size:var(--fs-body);flex:1}.ops-state{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.ops-meter{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.ops-meter-state{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.forge-bases{border-bottom:2px solid var(--seam-bright);background:var(--bg1,#0c0b0a);gap:0;display:flex}.forge-base{border:0;border-right:1px solid var(--seam);color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:baseline;gap:8px;padding:10px 16px;display:flex}.forge-base-tag{color:var(--dim);letter-spacing:.08em;font-size:9px}.forge-base.is-live{color:var(--ivory);box-shadow:inset 0 -2px 0 var(--copper)}.forge-base.is-live .forge-base-tag{color:var(--copper)}.forge-base[disabled]{cursor:not-allowed;opacity:.55}.forge-base.is-live:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.forge-stage-frame{grid-template-rows:auto minmax(0,1fr) auto auto}.forge-material{border-bottom:1px solid var(--seam);background:var(--bg1,#0c0b0a);padding:12px 16px}.forge-material .ctl{padding-top:0}.forge-material .segmented{border-color:var(--seam-bright)}.forge-material .segment{letter-spacing:.08em;padding-top:9px;padding-bottom:9px}@media (width<=1024px){.lab-workbench{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=900px){.lab-main{min-height:auto}.lab-workbench{grid-template-columns:1fr}.lab-stage-frame{border-right:0;border-bottom:2px solid var(--seam-bright)}.lab-stage{min-height:46vh}.lab-bar-title{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=480px){.forge-bases{flex-wrap:wrap}}@media (width<=900px){.transport-toggle,.transport-rail{height:44px}.segment,.forge-material .segment,.lab-bar-desc-toggle{padding-top:16px;padding-bottom:16px}.switch{height:44px}.slider-track{height:34px}.switch-thumb,.switch-state{top:50%;transform:translateY(-50%)}}:root{--bg0:#070707;--bg1:#0c0b0a;--bg2:#121009;--glass:#0e0c0ab8;--seam:#2d2925;--seam-bright:#493d34;--hairline:#f2eee614;--ivory:#f2eee6;--ivory-soft:#d4cabd;--muted:#a69b90;--dim:#7d746b;--copper:#df945f;--copper-low:#7c4d32;--fs-display:clamp(38px, 5.4vw, 76px);--fs-body:15px;--fs-mono:12px;--rule-thick:2px solid var(--seam-bright);--rule-thin:1px solid var(--seam);--rule-hair:1px solid var(--hairline);--sidebar:264px;--gutter:clamp(18px, 3vw, 40px);--ease:cubic-bezier(.2, .8, .2, 1);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.app-shell{min-height:100vh;padding-left:var(--sidebar);background:var(--bg0);color:var(--ivory-soft);font-size:var(--fs-body);line-height:1.55}.sidebar{z-index:40;width:var(--sidebar);border-right:var(--rule-thick);background:var(--bg1);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand-row{border-bottom:var(--rule-thick);align-items:center;gap:8px;min-height:64px;padding:10px 14px;display:flex}.brand-button,.mobile-brand{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;padding:0}.brand-button:focus-visible,.mobile-brand:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark-image{background:#050505;border:1px solid #3b2c22;flex:none;display:block}.brand-copy{min-width:0}.brand-copy strong{color:var(--ivory);font:700 var(--fs-body)/1.1 var(--display);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.brand-copy small{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:3px;display:block;overflow:hidden}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:var(--seam) transparent;flex:1;min-height:0;overflow-y:auto}.nav-node{border-bottom:var(--rule-thin)}.nav-row{align-items:stretch;display:flex}.nav-row-link{min-width:0;color:var(--muted);font-size:var(--fs-body);flex:1;align-items:center;gap:10px;padding:8px 14px;font-weight:700;text-decoration:none;display:flex}.nav-row-link:hover{color:var(--ivory);background:#f2eee60a}.nav-row-link:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.nav-row.is-active .nav-row-link{color:var(--ivory);box-shadow:inset 3px 0 0 var(--copper)}.nav-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-row-count{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums}.nav-row.is-active .nav-row-count{color:var(--copper)}.nav-row-toggle{border:0;border-left:var(--rule-hair);width:40px;color:var(--dim);font:400 var(--fs-body)/1 var(--mono);background:0 0;flex:none}.nav-row-toggle:hover{color:var(--copper);background:#f2eee60a}.nav-row-toggle:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.nav-children{border-top:var(--rule-hair);background:var(--bg0);padding:3px 0 6px}.nav-child{color:var(--muted);font:400 var(--fs-mono)/1.5 var(--mono);text-overflow:ellipsis;white-space:nowrap;padding:5px 14px 5px 26px;text-decoration:none;display:block;position:relative;overflow:hidden}.nav-child:before{content:"";border-left:var(--rule-hair);position:absolute;top:0;bottom:0;left:17px}.nav-child:hover{color:var(--ivory)}.nav-child:hover:before{border-color:var(--copper-low)}.nav-child:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.nav-child.is-active{color:var(--copper)}.nav-child.is-active:before{border-left:2px solid var(--copper);left:16px}.drawer-close,.drawer-scrim{display:none}.page-surface{min-height:100vh}.page-main{flex-direction:column;min-height:100vh;display:flex}@media (prefers-reduced-motion:no-preference){.masthead,.page-section,.study-body,.site-foot{animation:page-enter .22s var(--ease) backwards}.page-section:nth-of-type(2){animation-delay:40ms}.page-section:nth-of-type(3){animation-delay:80ms}.site-foot{animation-delay:.12s}.piece-card{animation:page-enter .26s var(--ease) backwards}.piece-card:nth-child(2){animation-delay:30ms}.piece-card:nth-child(3){animation-delay:60ms}.piece-card:nth-child(4){animation-delay:90ms}.piece-card:nth-child(5){animation-delay:.12s}.piece-card:nth-child(6){animation-delay:.15s}.piece-card:nth-child(n+7){animation-delay:.18s}}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.masthead{isolation:isolate;padding:clamp(28px, 5vh, 52px) var(--gutter) clamp(22px, 4vh, 40px);border-bottom:var(--rule-thick);background:var(--noise) repeat, radial-gradient(#f2eee60a 1px, transparent 1px) 0 0 / 24px 24px, var(--bg1);background-blend-mode:overlay, normal, normal;position:relative;overflow:hidden}.masthead-home{grid-template-columns:minmax(0,1fr) clamp(280px,42%,460px);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.masthead-copy{min-width:0}.masthead-frame{aspect-ratio:3/2;border:var(--rule-thin);background:var(--bg0);position:relative;overflow:hidden}.masthead-frame:after{content:"";z-index:2;border:var(--rule-hair);pointer-events:none;position:absolute;inset:6px}.masthead-frame-mark{z-index:3;pointer-events:none;width:9px;height:9px;position:absolute}.masthead-frame-mark.tl{border-top:var(--rule-thin);border-left:var(--rule-thin);border-color:var(--copper-low);top:6px;left:6px}.masthead-frame-mark.tr{border-top:var(--rule-thin);border-right:var(--rule-thin);border-color:var(--copper-low);top:6px;right:6px}.masthead-frame-mark.bl{border-bottom:var(--rule-thin);border-left:var(--rule-thin);border-color:var(--copper-low);bottom:6px;left:6px}.masthead-frame-mark.br{border-bottom:var(--rule-thin);border-right:var(--rule-thin);border-color:var(--copper-low);bottom:6px;right:6px}.masthead-hero{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.masthead-hero-stage{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.masthead-hero-stage canvas{display:block}@media (width<=720px){.masthead-home{grid-template-columns:1fr}.masthead-frame{display:none}}.masthead-kicker{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}.masthead h1{max-width:18ch;color:var(--ivory);font:400 var(--fs-display)/1.04 var(--display);letter-spacing:-.025em;margin:0}.masthead h1 em{color:var(--copper);font-style:italic}.masthead-nowrap{white-space:nowrap}.masthead-home h1{font-size:clamp(30px,3.4vw,52px);line-height:1.06}.masthead-line{max-width:52ch;color:var(--muted);font-size:var(--fs-body);margin:18px 0 0;line-height:1.55}.masthead-meta{color:var(--dim);font:400 var(--fs-mono)/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;margin:20px 0 0}.masthead-meta b{color:var(--ivory-soft);font-weight:700}.masthead-meta-live{color:var(--copper)}.masthead-meta-sep{color:var(--seam-bright);margin:0 8px}.masthead-section{padding-top:clamp(22px,4vh,40px)}.masthead-section h1{font-size:clamp(32px,4.2vw,56px)}.page-section{border-bottom:var(--rule-thick)}.section-rule{padding:12px var(--gutter);border-bottom:var(--rule-thin);background:var(--bg1);align-items:baseline;gap:12px;display:flex}.section-rule h2{color:var(--ivory);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0}.section-rule-count{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums}.section-rule-link{color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-left:auto;text-decoration:none}.section-rule-link:hover{color:var(--copper)}.section-rule-link:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.collection-families{flex-direction:column;display:flex}.collection-family{padding:10px var(--gutter);border-bottom:var(--rule-thin);align-items:baseline;gap:12px;display:flex}.collection-family-band:not(:first-child) .collection-family{border-top:var(--rule-thin)}.collection-family h3{color:var(--muted);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0}.collection-family-count{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums}.family-expander{width:100%;padding:9px var(--gutter);border:0;border-bottom:var(--rule-thin);background:var(--bg1);color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.12em;text-align:right;text-transform:uppercase;cursor:pointer;transition:color .14s var(--ease), background .14s var(--ease);display:block}.family-expander:hover{color:var(--copper);background:var(--bg2)}.family-expander:focus-visible{outline:2px solid var(--copper);outline-offset:-2px}.filter-bar{padding:11px var(--gutter);border-bottom:var(--rule-thin);background:var(--bg1);flex-wrap:wrap;align-items:center;gap:10px 20px;display:flex}.filter-axis{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-axis-label{color:var(--dim);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-right:4px}.filter-axis-label:after{content:" ·";color:var(--seam-bright)}.filter-chip{border:var(--rule-thin);color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .14s var(--ease), border-color .14s var(--ease), background .14s var(--ease);background:0 0;border-radius:0;padding:6px 10px}.filter-chip:hover{border-color:var(--copper);color:var(--ivory)}.filter-chip.is-active{background:var(--copper);border-color:var(--copper);color:#0b0a09;font-weight:700}.filter-chip:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.filter-count{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;margin-left:auto}.filter-empty{padding:24px var(--gutter);border-bottom:var(--rule-hair);color:var(--dim);font:400 var(--fs-mono)/1.5 var(--mono);letter-spacing:.05em;margin:0}@media (width<=900px){.filter-count{margin-left:0}}.states-band{scrollbar-width:thin;scrollbar-color:var(--seam) transparent;background:radial-gradient(#f2eee609 1px,#0000 1px) 0 0/24px 24px,#0b0a09;flex-wrap:wrap;display:flex;overflow-x:hidden}.states-cell{min-width:0;padding:12px var(--gutter);border-right:var(--rule-hair);flex:240px;align-items:center;gap:12px;display:flex}.states-cell:last-child{border-right:0}.states-label{color:var(--copper);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;flex:none}.states-cell:last-child .states-label{color:#c4543f}.states-pieces{align-items:center;gap:8px;display:flex}.states-piece{flex:none;width:46px;height:46px}@media (width<=700px){.states-band{grid-template-columns:1fr 1fr;display:grid;overflow-x:visible}.states-cell:nth-child(2n){border-right:0}.states-cell:nth-child(-n+2){border-bottom:var(--rule-hair)}}@media (width<=440px){:root{--gutter:14px}.states-band{grid-template-columns:1fr}.states-cell{border-right:0;border-bottom:var(--rule-hair)}.states-cell:last-child{border-bottom:0}}.piece-grid{grid-template-columns:repeat(auto-fill,minmax(390px,1fr));display:grid}.piece-card{border-right:var(--rule-thin);border-bottom:var(--rule-thin);background:var(--noise) repeat, radial-gradient(circle at 50% 42%, #6641281a, transparent 62%), radial-gradient(#f2eee60b 1px, transparent 1px) 0 0 / 24px 24px, #0b0a09;background-blend-mode:overlay, normal, normal, normal;min-height:400px;color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.piece-card:hover{box-shadow:inset 0 0 0 1px var(--copper-low)}.piece-card:focus-visible{box-shadow:inset 0 0 0 2px var(--copper);outline:none}.piece-card-stage{min-height:0;transition:transform .26s var(--ease);background:radial-gradient(120% 96% at 50% 42%,#0000 56%,#050505d9 100%);flex:1;place-items:center;display:grid;position:relative;box-shadow:inset 0 1px #00000080}.piece-card:hover .piece-card-stage{transform:scale(1.045)}@media (prefers-reduced-motion:reduce){.piece-card-stage,.piece-card:hover .piece-card-stage{transition:none;transform:none}}.piece-card-no{z-index:1;border-left:var(--rule-hair);border-bottom:var(--rule-hair);background:var(--glass);-webkit-backdrop-filter:blur(9px);color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;padding:3px 6px;position:absolute;top:0;right:0}.piece-card-plate{border-top:var(--rule-thin);background:linear-gradient(var(--bg2), var(--bg1));align-items:flex-start;gap:12px;padding:13px 16px;display:flex;box-shadow:inset 0 1px #f2eee60e}.piece-card-plate-copy{flex:1;min-width:0}.piece-card-name{color:var(--ivory);font-size:var(--fs-body);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;transition:color .16s var(--ease);font-weight:700;display:block;overflow:hidden}.piece-card:hover .piece-card-name{color:var(--copper)}.piece-card-line{-webkit-line-clamp:2;color:var(--muted);font:400 var(--fs-mono)/1.4 var(--mono);-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.piece-card-aside{flex:none;place-items:center end;display:grid}.piece-card-tag,.piece-card-hint{grid-area:1/1}.piece-card-tag{border:var(--rule-hair);color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:opacity .16s var(--ease);padding:3px 7px}.piece-card-hint{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .16s var(--ease);align-self:center}.piece-card:hover .piece-card-aside.has-hint .piece-card-tag{opacity:0}.piece-card:hover .piece-card-hint,.piece-card:focus-visible .piece-card-hint{opacity:1}@media (prefers-reduced-motion:reduce){.piece-card-tag,.piece-card-hint{transition:none}}.study-rows{flex-direction:column;display:flex}.study-row{padding:16px var(--gutter);border-bottom:var(--rule-hair);color:inherit;align-items:baseline;gap:16px;text-decoration:none;display:flex}.study-row:last-child{border-bottom:0}.study-row:hover,.study-row:focus-visible{box-shadow:inset 3px 0 0 var(--copper);background:#f2eee608}.study-row:focus-visible{outline:none}.study-row-no{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums}.study-row-copy{flex:1;min-width:0}.study-row-copy strong{color:var(--ivory);font:400 clamp(19px, 2vw, 24px)/1.25 var(--display);letter-spacing:-.01em;display:block}.study-row:hover .study-row-copy strong{color:var(--copper)}.study-row-copy em{color:var(--muted);font-size:var(--fs-mono);font-family:var(--mono);margin-top:3px;font-style:normal;line-height:1.5;display:block}.study-row-arrow{color:var(--dim);font-size:var(--fs-body)}.study-row:hover .study-row-arrow{color:var(--copper)}.study-body{padding:clamp(26px, 5vh, 48px) var(--gutter) 64px;flex:1;max-width:840px}.study-no{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);margin:0 0 6px}.study-body h1{color:var(--ivory);font:400 clamp(32px, 4.2vw, 54px)/1.08 var(--display);letter-spacing:-.02em;margin:0}.study-thread{color:var(--copper);font-size:var(--fs-body);margin:14px 0 0;line-height:1.55}.study-paragraph{color:var(--ivory-soft);font-size:var(--fs-body);margin:22px 0 0;line-height:1.7}.study-sources,.study-applied{margin-top:36px}.study-sources h2,.study-applied h2{border:var(--rule-thin);background:var(--bg1);color:var(--ivory);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;padding:8px 10px}.study-sources ul{margin:0;padding:0;list-style:none}.study-sources li{border-bottom:var(--rule-hair);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:9px 10px;display:flex}.study-sources a{color:var(--ivory);font-size:var(--fs-body);text-decoration:underline;-webkit-text-decoration-color:var(--copper-low);text-decoration-color:var(--copper-low);text-underline-offset:3px}.study-sources a:hover{color:var(--copper)}.study-sources a:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.study-source-url{color:var(--dim);font:400 var(--fs-mono)/1.4 var(--mono);overflow-wrap:anywhere}.study-applied-links{flex-wrap:wrap;gap:8px;display:flex}.study-applied-links a{border:var(--rule-thin);color:var(--ivory);font-size:var(--fs-body);padding:8px 14px;text-decoration:none}.study-applied-links a:hover{border-color:var(--copper);color:var(--copper)}.study-applied-links a:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.pkg-status{border:var(--rule-thin);background:var(--bg0);color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.06em;margin:18px 0 0;padding:6px 10px;display:inline-block}.pkg-code{border:var(--rule-hair);background:var(--bg0);color:var(--ivory-soft);font:400 var(--fs-mono)/1.4 var(--mono);padding:1px 4px}.pkg-install{padding:clamp(18px, 3vh, 28px) var(--gutter)}.pkg-install-block{border:var(--rule-thin);background:var(--bg0);margin:0;padding:18px 20px;position:relative;overflow-x:auto}.pkg-install-block code{color:var(--ivory);font:400 var(--fs-mono)/1.4 var(--mono);letter-spacing:.02em}.pkg-install-block code:before{content:"$ ";color:var(--dim)}.pkg-install-mark{border-left:var(--rule-thin);border-bottom:var(--rule-thin);color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;position:absolute;top:0;right:0}.pkg-install-note{max-width:60ch;color:var(--muted);font-size:var(--fs-body);margin:14px 0 0;line-height:1.6}.pkg-base-note{padding:12px var(--gutter);border-bottom:var(--rule-thin);color:var(--muted);font-size:var(--fs-body);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.pkg-base-prop,.pkg-prop{border:var(--rule-hair);background:var(--bg0);font:400 var(--fs-mono)/1.4 var(--mono);align-items:baseline;gap:5px;padding:2px 7px;display:inline-flex}.pkg-prop-id{color:var(--ivory)}.pkg-prop-type{color:var(--copper)}.pkg-group{border-bottom:var(--rule-thin)}.pkg-group:last-child{border-bottom:0}.pkg-group-head{padding:10px var(--gutter);background:var(--bg1);align-items:baseline;gap:10px;display:flex}.pkg-group-head h3{color:var(--ivory);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.pkg-group-head span{color:var(--copper);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums}.pkg-rows{flex-direction:column;display:flex}.pkg-row{padding:20px var(--gutter);border-bottom:var(--rule-hair);gap:clamp(14px,2.4vw,26px);display:flex}.pkg-row:last-child{border-bottom:0}.pkg-row-stage{border:var(--rule-thin);background:var(--bg0);flex:none;width:160px;height:160px;line-height:0;display:block;overflow:hidden}.pkg-row-stage:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.pkg-row-stage:hover{border-color:var(--copper-low)}.pkg-row-body{flex:1;min-width:0}.pkg-row-head{align-items:center;gap:12px;display:flex}.pkg-row-name{color:var(--ivory);font:700 var(--fs-body)/1 var(--mono);letter-spacing:.02em;text-decoration:none}.pkg-row-name:hover{color:var(--copper)}.pkg-row-name:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.pkg-copy{border:var(--rule-thin);color:var(--muted);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;margin-left:auto;padding:5px 11px}.pkg-copy:hover{border-color:var(--copper);color:var(--copper)}.pkg-copy:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.pkg-row-desc{max-width:60ch;color:var(--ivory-soft);font-size:var(--fs-body);margin:10px 0 0;line-height:1.6}.pkg-props{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.pkg-utils{margin:0;padding:0;list-style:none}.pkg-util{padding:12px var(--gutter);border-bottom:var(--rule-hair);flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.pkg-util:last-child{border-bottom:0}.pkg-util-name{color:var(--ivory);font:700 var(--fs-mono)/1.3 var(--mono)}.pkg-util-note{min-width:0;color:var(--muted);font-size:var(--fs-body);flex:1}.pkg-changelog{padding:16px var(--gutter) 22px}.pkg-changelog-head{margin-bottom:10px}.pkg-changelog-head h3{color:var(--ivory);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;margin:0}.pkg-changelog-date{color:var(--dim);text-transform:uppercase;font-weight:400}.pkg-changelog-note{max-width:60ch;color:var(--muted);font-size:var(--fs-body);margin:0 0 12px;line-height:1.5}.pkg-changelog-list{max-width:60ch;margin:0;padding:0;list-style:none}.pkg-changelog-list li{border-top:var(--rule-hair);color:var(--muted);font-size:var(--fs-body);padding:9px 0;line-height:1.45}.pkg-changelog-cadence{max-width:60ch;color:var(--dim);font:400 var(--fs-mono)/1.5 var(--mono);margin:14px 0 0}@media (width<=620px){.pkg-row{flex-direction:column}.pkg-row-stage{width:140px;height:140px}}.site-foot{padding:11px var(--gutter);background:var(--bg1);justify-content:space-between;gap:16px;margin-top:auto;display:flex}.site-foot span{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase}.notfound-main{padding:48px var(--gutter);justify-content:center;align-items:flex-start}.notfound-main h1{color:var(--ivory);font:400 var(--fs-display)/1.05 var(--display);letter-spacing:-.02em;margin:12px 0 22px}.notfound-main button{border:var(--rule-thin);color:var(--ivory);font-size:var(--fs-body);background:0 0;padding:10px 18px}.notfound-main button:hover{border-color:var(--copper);color:var(--copper)}.notfound-main button:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.mobile-header{display:none}@media (width<=900px){.app-shell{padding-left:0}.mobile-header{z-index:30;border-bottom:var(--rule-thick);background:var(--bg1);align-items:center;gap:10px;padding:8px 12px;display:flex;position:sticky;top:0}.mobile-header>button:first-child{border:var(--rule-thin);width:40px;height:40px;color:var(--ivory);font-size:var(--fs-body);background:0 0}.mobile-header>button:first-child:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.mobile-header>span{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;margin-left:auto}.sidebar{width:min(300px,86vw);transition:transform .18s var(--ease);transform:translate(-102%)}.sidebar.is-drawer-open{transform:none}.drawer-close{border:var(--rule-thin);width:40px;height:40px;color:var(--ivory);font-size:var(--fs-body);background:0 0;flex:none;place-items:center;display:grid}.drawer-close:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.drawer-scrim{z-index:35;opacity:0;pointer-events:none;background:#0504049e;border:0;transition:opacity .16s;display:block;position:fixed;inset:0}.drawer-scrim.is-open{opacity:1;pointer-events:auto}.masthead h1{font-size:clamp(32px,9vw,44px)}.piece-grid{grid-template-columns:1fr}.piece-card{min-height:380px}.filter-chip{padding-top:15px;padding-bottom:15px}.family-expander{padding-top:16px;padding-bottom:16px}.mobile-header>button:first-child,.drawer-close{width:44px;height:44px}}.compare-controls{padding:14px var(--gutter);border-bottom:var(--rule-thin);background:var(--bg1);flex-wrap:wrap;align-items:flex-end;gap:12px 28px;display:flex}.compare-stages{border-bottom:var(--rule-thick);grid-template-columns:1fr 1fr;display:grid}.compare-panel{flex-direction:column;min-width:0;display:flex}.compare-panel:first-child{border-right:var(--rule-thick)}.compare-panel-head{border-bottom:var(--rule-thin);background:var(--bg1);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.compare-panel-title{min-width:0;color:var(--ivory);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;text-decoration:none;overflow:hidden}.compare-panel-title:hover{color:var(--copper)}.compare-panel-title:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.compare-panel-meta{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;flex:none}.compare-stage{flex:1;min-height:clamp(320px,42vh,560px);padding:24px}.compare-note{padding:12px var(--gutter);color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}@media (width<=900px){.compare-stages{grid-template-columns:1fr}.compare-panel:first-child{border-right:0;border-bottom:var(--rule-thick)}}.embed-shell{place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.embed-shell.is-dark{background:#0b0a09}.embed-shell.is-light{background:#f4efe6}.embed-stage{width:100vw;height:100dvh}.embed-credit{z-index:1;color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.06em;opacity:.55;text-decoration:none;transition:opacity .14s,color .14s;position:fixed;bottom:7px;right:8px}.embed-credit:hover{color:var(--copper);opacity:1}.embed-credit:focus-visible{outline:2px solid var(--copper);outline-offset:2px;opacity:1}.embed-shell.is-light .embed-credit{color:#6b5c4c}.forge-gallery{border-bottom:var(--rule-thin);padding:12px 22px 16px}.forge-gallery-head{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.forge-gallery-head h2{color:var(--ivory);font:700 var(--fs-mono)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.forge-gallery-cap{color:var(--dim);font:400 var(--fs-mono)/1 var(--mono);letter-spacing:.04em}.forge-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.forge-preset{border:1px solid var(--hairline);color:var(--dim);cursor:pointer;transition:border-color .14s var(--lab-ease), color .14s var(--lab-ease);background:0 0;border-radius:2px;flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.forge-preset:hover{border-color:var(--copper);color:var(--ivory)}.forge-preset:focus-visible{outline:2px solid var(--copper);outline-offset:2px}.forge-preset.is-active{border-color:var(--copper);color:var(--copper);box-shadow:inset 0 -2px 0 var(--copper)}.forge-preset-stage{border-bottom:1px solid var(--hairline);place-items:center;width:100%;height:96px;display:grid;overflow:hidden}.forge-preset-stage.is-dark{background:#16130f}.forge-preset-stage.is-light{background:#e9e2d6}.forge-preset-stage canvas{width:120px!important;height:120px!important}.forge-preset-name{font:400 var(--fs-mono)/1.2 var(--mono);letter-spacing:.03em;text-align:left;padding:7px 9px 8px}@media (width<=640px){.forge-gallery{padding:12px 14px 14px}.forge-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.forge-preset-stage{height:84px}}