.studio-title{max-width:1320px;margin:auto;padding:55px 30px 40px;display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.studio-title .eyebrow{font-size:9px;margin:0 0 18px}.studio-title h1{font-size:64px;line-height:1;letter-spacing:-.04em;margin:0}.studio-title>p{font-size:12px;color:var(--muted);line-height:1.8;max-width:290px}.studio-layout{max-width:1320px;padding:0 30px 65px;margin:auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:35px;align-items:start}.poster{--power:.24;position:relative;isolation:isolate;background:#15120e;color:#f3efe7;min-height:785px;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.poster:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 60% 65%,#8f4e2414,transparent 60%)}.poster-top,.poster-bottom{font:8px var(--mono);letter-spacing:.12em;color:#be9a78;display:flex;justify-content:space-between;gap:10px;z-index:1}.poster-title{padding:65px 0 35px;display:flex;flex-direction:column;align-items:flex-start}.poster-pre{font-family:var(--serif);font-size:clamp(28px,3vw,43px);line-height:1.4;color:#e6dac9}.poster-fragment{background:transparent;border:0;border-bottom:1px solid #a0754a44;color:#f3efe7;padding:0 0 12px;font-family:var(--serif);font-weight:400;font-size:clamp(65px,7.2vw,112px);letter-spacing:-.045em;line-height:1.1;text-align:left;cursor:pointer;max-width:100%;white-space:normal;overflow-wrap:anywhere}.poster-fragment[aria-pressed=true]{color:#e5aa79;text-shadow:0 0 calc(var(--power)*35px) #d6874755;border-color:#cc8b55}.poster-fragment:focus-visible{outline:2px solid #e8bc8f;outline-offset:6px}.poster-selection{display:flex;align-items:flex-start;gap:10px;font:10px/1.7 var(--mono);color:#caa480;min-height:62px;max-width:450px;margin:0 0 35px}.selected-dot{width:6px;height:6px;background:#d48a56;border-radius:50%;flex-shrink:0;margin-top:5px}.studio-controls{display:grid;gap:15px}.studio-panel{padding:24px;background:#ebe3d7;border:1px solid #baa58d45}.control-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.micro-label{font-size:9px}.sim-badge{font:7px var(--mono);padding:5px 6px;border:1px solid #a7734150;color:#79441f}.studio-panel>label{display:block;font-size:11px;margin:20px 0 10px}.studio-panel>label output{float:right;color:#99532c;font-family:var(--mono)}.studio-panel input[type=range]{width:100%;height:24px;accent-color:#ad6b3e;cursor:pointer}.studio-panel select{width:100%;font-size:11px;padding:12px;background:#f3efe7}.studio-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.studio-actions .button{font-size:10px;padding:13px 16px;gap:13px;min-height:44px}.studio-actions .small-button{font-size:10px;min-height:44px}.display-pause{background:transparent;padding:15px 0 6px;border:0;border-bottom:1px solid #a7835d60;cursor:pointer;font-size:11px;color:#654021;margin-top:12px}.display-pause[aria-pressed=true]{font-weight:750}.control-note{font-size:10px;line-height:1.8;color:#6b6256;margin:15px 0 0}.version-pair{display:flex;gap:30px;margin:24px 0 15px}.version-pair dt{font-size:9px;color:#6b6256;margin-bottom:5px}.version-pair dd{font-family:var(--serif);font-size:38px;margin:0}.data-panel>p:not(.control-note){font-size:10px;line-height:1.7}.data-panel #event-status{min-height:35px;color:#55482e}.fault-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.fault-buttons button{font:9px var(--sans);background:transparent;border:1px solid #bfa98c;padding:10px 11px;min-height:40px;cursor:pointer}.code-panel{background:#19150f;color:#e5d5bf}.code-panel summary{font-size:11px;cursor:pointer;min-height:20px}.code-panel p{font-size:10px;color:#bca787;line-height:1.7}.code-panel pre{font:10px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.code-panel .small-button{color:#dfb78c;border-color:#987148}.studio-explanation{max-width:1260px;padding:55px 0 85px;margin:auto;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px}.studio-explanation h2{font-size:50px;margin:25px 0 0}.studio-explanation p{font-size:12px;line-height:1.9;color:var(--muted);max-width:480px}.studio-page .site-footer{border-top:1px solid var(--line)}
@media(max-width:1050px){.studio-title h1{font-size:55px}.studio-layout{gap:20px;grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}.poster{padding:25px;min-height:790px}.poster-fragment{font-size:72px}.studio-panel{padding:21px}.studio-explanation{padding-inline:30px}.studio-explanation h2{font-size:43px}.poster-bottom{font-size:7px}}
@media(max-width:760px){.studio-title{padding:35px 24px 30px;display:block}.studio-title h1{font-size:49px}.studio-title>p{margin-top:23px}.studio-layout{padding:0 18px 45px;grid-template-columns:1fr;gap:22px}.poster{padding:24px 20px;min-height:670px}.poster-title{padding-top:65px}.poster-fragment{font-size:clamp(55px,12.5vw,90px)}.poster-pre{font-size:32px}.poster-selection{font-size:9px;margin-top:20px}.poster-top{font-size:7px}.poster-bottom{font-size:6px;letter-spacing:.05em}.studio-explanation{padding:35px 24px 55px;grid-template-columns:1fr;gap:20px}.studio-explanation h2{font-size:42px}.studio-explanation p{font-size:12px}.studio-panel{padding:22px}.version-pair{justify-content:space-between;max-width:270px}}