/* A projected instrument, placed in an open editorial field. */
.home-page main#main{max-width:none;padding:88px 0 0;}
.home-scene{--scene-ink:#1b1b1a;--scene-muted:#73736e;--scene-paper:#fff;position:relative;isolation:isolate;min-height:calc(100svh - 144px);padding:0;border:0;overflow:hidden;color:var(--scene-ink);}
.scene-intro{position:absolute;z-index:3;left:5.7%;top:42%;width:30%;pointer-events:none;}
.scene-intro>*{pointer-events:auto;}
.scene-kicker{font:9px/1.5 'Courier New',monospace;letter-spacing:.13em;margin:0 0 24px;}
.scene-intro h1{font:500 clamp(38px,4.7vw,68px)/1.04 'Helvetica Neue',Helvetica,sans-serif;letter-spacing:-.058em;margin:0 0 23px;}
.scene-intro>p:not(.scene-kicker){font-size:17px;line-height:1.5;max-width:240px;margin:0;color:var(--scene-muted);}
.scene-start{display:inline-flex;align-items:center;gap:32px;font-size:11px;text-decoration:none;border-bottom:1px solid #9b9b94;padding:0 0 7px;margin-top:27px;}
.scene-stage{position:absolute;inset:0 -2% 180px 23%;min-height:350px;}
.scene-canvas{display:block;width:100%;height:100%;overflow:visible;}
.scene-node-layer{position:absolute;inset:0;pointer-events:none;}
.home-scene button{font-family:'Courier New',monospace;color:var(--scene-ink);border:0;background:transparent;}
.home-scene button:focus-visible,.home-scene a:focus-visible{outline:2px solid var(--scene-ink);outline-offset:4px;}
.scene-node{position:absolute;display:flex;align-items:center;gap:7px;min-height:44px;white-space:nowrap;font-size:12px;line-height:1;transform:translate(-50%,-50%);padding:9px 12px!important;pointer-events:auto;transition:background .18s,color .18s;}
.scene-node:before{content:'';height:1px;width:9px;background:currentColor;position:absolute;left:-5px;top:50%;}
.scene-node[aria-pressed=true]{background:var(--scene-ink);color:var(--scene-paper);}
.scene-node:hover{background:#eeeee7;}
.scene-node[aria-pressed=true]:hover{background:#343430;}
.node-index{font-size:8px;opacity:.5;}
.node-arrow{font-size:12px;margin-left:2px;}
.node-grok-mark{width:22px;height:22px;object-fit:contain;background:#fff;padding:3px;}

.scene-axis{position:absolute;right:9%;bottom:12%;font:10px 'Courier New',monospace;letter-spacing:.13em;color:#93938b;}
.scene-console{position:absolute;left:47%;right:5.7%;bottom:22px;z-index:4;max-width:650px;}
.scene-selector{display:flex;gap:26px;border-bottom:1px solid #dadad3;margin-bottom:17px;}
.scene-selector button{font-size:12px;min-height:44px;padding:8px 0;position:relative;color:var(--scene-muted);}
.scene-selector button span{margin-right:5px;}
.scene-selector button[aria-pressed=true]{color:var(--scene-ink);}
.scene-selector button[aria-pressed=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--scene-ink);}
.scene-caption{display:grid;grid-template-columns:85px 1fr;column-gap:12px;row-gap:4px;font-size:12px;line-height:1.6;}
#scene-detail-name{grid-row:1 / 3;font-family:'Courier New',monospace;padding-top:1px;}
.scene-caption p{margin:0;max-width:none;font-size:14px;}
.scene-caption a{font-size:12px;color:var(--scene-muted);text-decoration:none;justify-self:start;border-bottom:1px solid #bdbdb4;}
.scene-demo{margin:16px 0 13px;}
.scene-demo-controls{display:flex;align-items:center;gap:3px;flex-wrap:wrap;}
.demo-label{font:10px 'Courier New',monospace;letter-spacing:.08em;margin-right:10px;color:var(--scene-muted);}
.scene-demo-controls button{min-height:44px;min-width:44px;padding:8px!important;font-size:12px;}
.led-choice{display:grid;place-items:center;}
.led-choice span{display:block;width:11px;height:11px;background:var(--swatch);border-radius:50%;}
.led-choice[aria-pressed=true] span{outline:1px solid var(--scene-ink);outline-offset:4px;}
.demo-text[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px;}
.scene-demo-controls button:hover{background:#edede6;}
#scene-feedback{margin:1px 0 0;font:11px/1.6 'Courier New',monospace;color:var(--scene-muted);}
.scene-evidence{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font:11px/1.8 'Courier New',monospace;color:var(--scene-muted);margin:0;max-width:none;}
.simulation-mark{height:5px;width:5px;border:1px solid currentColor;border-radius:50%;}
.scene-pending{display:block;flex-basis:100%;padding-left:12px;font-size:10px;}
.scene-noscript{position:absolute;top:5%;left:40%;font-size:12px;}
.home-scene[data-disconnected] .scene-stage{opacity:.62;}
@media(min-width:1450px){.scene-intro{top:45%;}.scene-stage{left:25%;right:0;bottom:190px;}.scene-console{left:50%;}}
@media(max-height:720px) and (min-width:761px){.home-scene{min-height:calc(100svh - 144px);}.scene-intro{top:34%;}.scene-stage{bottom:190px;}.scene-console{bottom:10px;}}
@media(max-width:1000px) and (min-width:761px){.scene-stage{left:18%;right:-5%;}.scene-intro{width:32%;}.scene-console{left:43%;right:4%;}.scene-selector{gap:20px;}}
@media(max-width:760px){
 .home-page main#main{padding-top:76px;}
 .home-scene{min-height:calc(100svh - 144px);height:auto;overflow:hidden;padding-bottom:26px;}
 .scene-intro{position:relative;left:auto;top:auto;width:auto;padding:28px 7% 0;}
 .scene-kicker{font-size:8px;margin-bottom:15px;}
 .scene-intro h1{font-size:44px;margin-bottom:13px;max-width:320px;}
 .scene-intro h1 br{display:none;}
 .scene-intro>p:not(.scene-kicker){font-size:16px;max-width:280px;}
 .scene-start{margin-top:14px;gap:25px;font-size:10px;padding-bottom:4px;}
 .scene-stage{position:relative;inset:auto;height:320px;min-height:0;margin:16px 0 0;width:100%;}
 .scene-node{font-size:11px;gap:4px;padding:8px 7px!important;}
 .node-index{font-size:7px;}.node-grok-mark{width:20px;height:20px;}.node-arrow{font-size:10px;}
 .scene-axis{right:15%;bottom:11%;font-size:7px;}
 .scene-console{position:relative;inset:auto;max-width:none;margin:0 7%;}
 .scene-selector{gap:28px;margin-bottom:12px;}
 .scene-selector button{font-size:12px;}
 .scene-caption{grid-template-columns:75px 1fr;gap:4px 10px;font-size:9px;}
 .scene-caption p{font-size:13px;}.scene-caption a{font-size:12px;}
 .scene-demo{margin:10px 0 11px;}.demo-label{margin-right:4px;font-size:7px;}.scene-demo-controls{gap:0;}
 .scene-demo-controls button{font-size:11px;min-width:44px;min-height:44px;padding:7px!important;}
 .scene-demo-controls #scene-disconnect{margin-left:2px;}
 #scene-feedback{font-size:10px;}.scene-evidence{font-size:10px;}.scene-pending{font-size:10px;}
 .scene-noscript{position:static;padding:15px 7%;}
}
@media(max-width:360px){.scene-intro h1{font-size:37px;}.scene-stage{height:280px;}.scene-console{margin:0 6%;}.scene-demo-controls button{min-width:38px;}}
@media(prefers-reduced-motion:reduce){.scene-node{transition:none;}}
html[data-reduced-motion] .scene-node{transition:none;}

.home-scene[data-view="system"] .scene-demo{display:none;}
.home-scene[data-view="led"] #scene-press{display:none;}
.home-scene[data-view="button"] [data-led]{display:none;}

.scene-customize-link{display:inline-block;font-size:12px;margin:0 0 8px;text-underline-offset:4px;}
.playground-workbench{display:grid;grid-template-columns:32% 1fr;gap:8%;margin:40px 5.7% 100px;padding-top:50px;border-top:1px solid #dadad3;scroll-margin-top:100px;}
.playground-intro h2{font-size:clamp(36px,4vw,58px);font-weight:500;letter-spacing:-.05em;line-height:1.04;margin:24px 0;}
.playground-intro p{font-size:16px;line-height:1.6;color:#73736e;}
.playground-workbench button,.playground-workbench input{font:inherit;}
.playground-workbench button{background:transparent;border:0;padding:12px 0;min-height:44px;cursor:pointer;color:#1b1b1a;font-size:13px;text-underline-offset:5px;}
.playground-workbench button:hover,.playground-workbench a:hover{text-decoration:underline;}
.playground-workbench :is(button,input,a,summary):focus-visible{outline:2px solid #1b1b1a;outline-offset:4px;}
.playground-tools details{border-bottom:1px solid #dadad3;padding:0 0 18px;margin:0 0 24px;}
.playground-tools summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:16px;list-style:none;}
.playground-tools summary::-webkit-details-marker{display:none;}
.playground-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;margin:24px 0;}
.playground-fields>label{display:block;font-size:12px;color:#62625c;}
.playground-fields input:not([type=checkbox]){display:block;box-sizing:border-box;width:100%;margin-top:8px;min-height:44px;border:0;border-bottom:1px solid #bcbcb3;background:#fbfbf8;border-radius:0;padding:8px;color:#20201c;}
.playground-fields input[type=color]{padding:5px;max-width:90px;}
.playground-fields input[type=range]{padding:0;background:transparent;accent-color:#20201c;}
.playground-fields output,.field-unit{float:right;font:11px 'Courier New',monospace;}
.playground-checks{display:flex;flex-direction:column;gap:12px;justify-content:center;font-size:12px;}
.playground-checks label{display:flex;gap:10px;align-items:center;min-height:44px;}
.playground-checks input{width:18px;height:18px;accent-color:#20201c;}
.playground-actions{display:flex;flex-wrap:wrap;gap:25px;}
.playground-actions button:first-child,.playground-export{border-bottom:1px solid #20201c!important;}
.playground-note{font-size:12px!important;line-height:1.7!important;color:#73736e;max-width:650px;}
.playground-reports{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.playground-reports>*{min-width:0;}
.playground-reports h3{font-size:12px;font-weight:400;}
.playground-reports pre{font-size:11px;line-height:1.65;overflow:auto;max-height:290px;padding:16px;background:#f7f7f2;}
#playground-phase{font:11px/1.7 'Courier New',monospace;color:#62625c;}
.playground-kit{display:grid;grid-template-columns:1fr 180px;gap:24px;margin:34px 0;}
.playground-kit h3{font-size:26px;font-weight:500;letter-spacing:-.03em;margin:15px 0;}
.playground-kit p{font-size:14px;line-height:1.7;}
.playground-kit-links{display:flex;flex-direction:column;gap:16px;justify-content:center;font-size:12px;}
.playground-kit-links a{line-height:1.6;text-underline-offset:4px;}
@media(max-width:760px){.playground-workbench{grid-template-columns:1fr;margin:20px 7% 60px;padding-top:30px;gap:35px;}.playground-intro h2{margin:15px 0;}.playground-intro p br{display:none;}.playground-fields{gap:20px 18px;}.playground-kit{grid-template-columns:1fr;gap:4px;}.playground-kit-links{gap:12px;}.playground-reports{grid-template-columns:1fr;}.playground-tools summary{font-size:14px;}}
@media(max-width:380px){.playground-fields{grid-template-columns:1fr;}}

#playground-export-preview{margin:20px 0;}
#playground-export-preview label{font-size:12px;}
#playground-export-json{display:block;box-sizing:border-box;width:100%;margin:10px 0;border:1px solid #dadad3;padding:15px;background:#f7f7f2;color:#20201c;font:11px/1.7 'Courier New',monospace;resize:vertical;}
.playground-workbench [hidden]{display:none!important;}

.home-scene{scroll-margin-top:88px;}