.rw-model{margin:64px 0 72px;border:1px solid var(--line, #353d40);background:#141a1d;overflow:hidden;color:#e3e8e5}
.rw-model-heading{display:block;width:100%;margin:0;padding:30px 32px 27px;border-bottom:1px solid #30383a}
.rw-model-kicker{display:block;color:var(--accent,#d6e789);font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}
.rw-model-heading h2{max-width:800px;margin:12px 0 13px;font-size:clamp(27px,3.3vw,40px);font-weight:400;line-height:1.12;letter-spacing:-.035em}
.rw-model-heading p{max-width:660px;margin:0;color:#a4b0b2;font-size:15px;line-height:1.65}
.rw-model-grid{display:grid;grid-template-columns:minmax(0,1fr) 276px}
.rw-model-stage{position:relative;display:flex;flex-direction:column;min-width:0;background:#111619}
.rw-model-stage-top,.rw-model-stage-bottom{position:absolute;z-index:1;left:22px;right:22px;display:flex;justify-content:space-between;gap:16px;color:#829194;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}
.rw-model-stage-top{top:20px;text-transform:uppercase;letter-spacing:.06em}
.rw-model-stage-top .rw-model-status{color:#d6e789}
.rw-model-stage-bottom{bottom:70px;font-size:9px;flex-wrap:wrap}
.rw-model-stage canvas{display:block;flex:1;width:100%;height:460px;min-height:430px;cursor:grab;touch-action:pan-y;outline:none}
.rw-model-stage canvas:active{cursor:grabbing}
.rw-model-stage canvas:focus-visible{outline:2px solid #d6e789;outline-offset:-3px}
.rw-model-actions{display:flex;flex:none;align-items:center;flex-wrap:wrap;gap:8px;min-height:58px;padding:10px 18px;border-top:1px solid #293236;background:#141a1d}
.rw-model-actions button{min-height:34px;border:1px solid #394448;background:transparent;color:#b8c4c5;padding:7px 11px;font:10px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;border-radius:2px;transition:background .15s,color .15s,border-color .15s}
.rw-model-actions button:hover{border-color:#798677;color:#e6efc5;background:#202924}
.rw-model-actions button:focus-visible{outline:2px solid #d6e789;outline-offset:3px}
.rw-model-actions .rw-model-play{color:#d6e789;border-color:#66734b}
.rw-model-controls{padding:26px 24px;border-left:1px solid #30383a;min-width:0}
.rw-model-controls>.rw-model-kicker{margin-bottom:24px}
.rw-model-control{margin-bottom:25px}
.rw-model-control label{display:flex;justify-content:space-between;gap:8px;color:#aebabc;font-size:11px;line-height:1.4}
.rw-model-control output{flex-shrink:0;color:#e5edc5;font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.rw-model-control input{display:block;width:100%;height:22px;margin:12px 0 3px;accent-color:#d6e789;cursor:pointer;background:transparent}
.rw-model-control input:focus-visible{outline:1px solid #d6e789;outline-offset:4px}
.rw-model-range{display:flex;justify-content:space-between;color:#748388;font:9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}
.rw-model-readouts{margin:27px 0 20px;padding:0;border-top:1px solid #344044}
.rw-model-readouts>div{padding:13px 0;border-bottom:1px solid #2a3438}
.rw-model-readouts dt{margin:0 0 6px;color:#8c9b9e;font-size:10px;line-height:1.4}
.rw-model-readouts dd{margin:0;color:#d6e789;font:clamp(15px,1.65vw,19px)/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.045em;white-space:nowrap}
.rw-model-equation{margin:0;color:#8c9c9e;font:10px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}
.rw-model-equation sub{font-size:.75em}
.rw-model-scope{padding:18px 32px;margin:0;border-top:1px solid #30383a;color:#819194;font-size:11px;line-height:1.75;max-width:none}
@media(min-width:1100px){.rw-model-stage canvas{height:495px}}
@media(max-width:760px){.rw-model{margin:42px 0 48px}.rw-model-heading{padding:24px}.rw-model-grid{grid-template-columns:1fr}.rw-model-stage canvas{height:365px;min-height:300px}.rw-model-controls{border-left:0;border-top:1px solid #30383a;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.rw-model-controls>.rw-model-kicker{grid-column:1/-1;margin-bottom:22px}.rw-model-control{margin-bottom:22px}.rw-model-readouts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 18px}.rw-model-readouts dd{font-size:15px}.rw-model-readouts dt{min-height:28px}.rw-model-equation{grid-column:1/-1}.rw-model-scope{padding:18px 24px}.rw-model-stage-top,.rw-model-stage-bottom{left:18px;right:18px}}
@media(max-width:420px){.rw-model-heading{padding:22px 18px}.rw-model-heading h2{font-size:29px}.rw-model-heading p{font-size:14px}.rw-model-stage canvas{height:330px}.rw-model-controls{padding:22px 18px;grid-template-columns:1fr;gap:0}.rw-model-readouts{grid-template-columns:1fr;gap:0;margin-top:3px}.rw-model-readouts>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0}.rw-model-readouts dt{min-height:0;margin:0}.rw-model-readouts dd{font-size:17px}.rw-model-stage-bottom{bottom:74px;gap:4px}.rw-model-actions{gap:6px;padding:10px 12px}.rw-model-actions button{font-size:9px;padding:7px 9px}.rw-model-scope{padding:16px 18px}}
@media(prefers-reduced-motion:reduce){.rw-model-actions button{transition:none}}
