:root{--ink:#11130f;--paper:#f3f0e7;--acid:#dfff45;--red:#ff765d}.sandbox-page{background:var(--paper);min-height:100vh;color:var(--ink)}.sandbox-top{letter-spacing:.08em;border-bottom:1px solid;justify-content:space-between;align-items:center;height:62px;padding:0 4vw;font:700 10px ui-monospace,monospace;display:flex}.sandbox-top a span{background:var(--acid);padding:7px}.sandbox-intro{grid-template-columns:1fr 340px;gap:50px;padding:48px 5vw;display:grid}.sandbox-intro>div>span,.sandbox-intro aside b,.sandbox-rules>div>span{letter-spacing:.12em;font:9px ui-monospace,monospace}.sandbox-intro h1{margin:17px 0;font:400 clamp(45px,6vw,78px)/.95 Georgia,serif}.sandbox-intro p{font-size:15px;line-height:1.55}.sandbox-intro aside{border-left:1px solid;align-self:end;padding-left:25px}.sandbox-intro aside p{font-size:12px}.sandbox-shell{background:#171915;border:1px solid #3d4039;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);min-height:620px;margin:0 4vw;display:grid}.editor-panel{border-right:1px solid #484b43;flex-direction:column;display:flex}.panel-head{color:#bfc2b9;border-bottom:1px solid #484b43;justify-content:space-between;align-items:center;height:48px;padding-left:18px;font:10px ui-monospace,monospace;display:flex}.panel-head button{color:#fff;cursor:pointer;background:0 0;border:0;border-left:1px solid #484b43;height:47px;padding:0 16px}.panel-head .run{background:var(--acid);color:var(--ink);font-weight:900}.panel-head .run:disabled{opacity:.6}.editor-panel textarea{resize:none;color:#e8f7c5;tab-size:2;background:#11130f;border:0;outline:0;flex:1;padding:22px;font:14px/1.7 ui-monospace,SFMono-Regular,monospace}.test-panel{color:#f2f0e8}.run-status{border-bottom:1px solid #484b43;grid-template-columns:1fr auto;padding:24px;display:grid}.run-status span{color:#aaa;font:9px ui-monospace,monospace}.run-status strong{grid-area:1/2/3;font:42px/1 Georgia,serif}.run-status small{color:#777;font:9px ui-monospace,monospace}.run-status.passed strong{color:var(--acid)}.run-status.failed strong,.run-status.timeout strong{color:var(--red)}.test-list{min-height:210px;padding:16px}.test-list>p{color:#999;font-size:12px;line-height:1.5}.test-list article{border-bottom:1px solid #363931;gap:10px;padding:12px 0;display:flex}.test-list article>b{font-size:18px}.test-list article strong{font-size:11px;display:block}.test-list article small{color:#aaa;margin-top:5px;font:10px/1.4 ui-monospace,monospace;display:block}.test-list article.pass>b{color:var(--acid)}.test-list article.fail>b{color:var(--red)}.console{border-top:1px solid #484b43;padding:16px}.console>span{color:#777;font:9px ui-monospace,monospace}.console p,.console pre{color:#bbb;white-space:pre-wrap;font:10px/1.5 ui-monospace,monospace}.sandbox-rules{grid-template-columns:1fr 1fr;gap:40px;margin:70px 5vw;display:grid}.sandbox-rules h2{font:400 42px/1 Georgia,serif}.sandbox-rules ul{border-top:1px solid;padding:0;list-style:none}.sandbox-rules li{border-bottom:1px solid;padding:12px;font-size:12px}.sandbox-rules li:before{content:"✓";color:#758117;margin-right:10px}.sandbox-switch{border-top:1px solid;justify-content:space-between;padding:28px 5vw;font-size:11px;font-weight:800;display:flex}@media (width<=800px){.sandbox-intro,.sandbox-rules{grid-template-columns:1fr}.sandbox-intro aside{border-top:1px solid;border-left:0;padding:20px 0 0}.sandbox-shell{grid-template-columns:1fr;margin:0}.editor-panel{border-bottom:1px solid #484b43;border-right:0;min-height:520px}.sandbox-top>div{display:none}}