html,body{height:100%;margin:0;overflow:hidden}body{color:#e6efe4;background:#0a0b0a;grid-template-columns:minmax(0,46fr) minmax(0,54fr);font-family:JetBrains Mono,monospace;display:grid}.left{background:#0d100e;border-right:1px solid #1d261f;grid-template-rows:auto auto 1fr auto;min-width:0;min-height:0;display:grid}header{justify-content:space-between;align-items:center;gap:8px;padding:clamp(8px,2vh,16px) clamp(10px,1.6vw,18px) 6px;display:flex}.brand{letter-spacing:-.03em;white-space:nowrap;font:700 clamp(14px,2vw,20px) Space Grotesk,sans-serif}.brand span{color:#9dff6a}button{font:inherit;color:inherit;cursor:pointer;white-space:nowrap}.audio{color:#0b1406;background:#9dff6a;border:0;border-radius:999px;padding:5px 12px;font-size:clamp(10px,1.3vw,13px);box-shadow:0 0 20px #9dff6a55}.audio.on{background:#ff6a8b;box-shadow:0 0 20px #ff6a8b55}nav{gap:4px;padding:2px clamp(10px,1.6vw,18px) 8px;display:flex;overflow:hidden}nav button{color:#b8c6b5;background:0 0;border:1px solid #ffffff1f;border-radius:6px;padding:3px 8px;font-size:clamp(9px,1.15vw,12px)}nav button.on{color:#9dff6a;background:#9dff6a12;border-color:#9dff6a}.editor{background:#070907;border:1px solid #1a221c;border-radius:8px;min-height:0;margin:0 clamp(6px,1vw,12px);position:relative;overflow:hidden}#hl,#code{box-sizing:border-box;white-space:pre;tab-size:2;letter-spacing:0;border:0;outline:none;margin:0;padding:10px 12px;font:clamp(10px,1.32vw,14px)/1.5 JetBrains Mono,monospace;position:absolute;inset:0;overflow:auto}#hl{color:#cfd9cc;pointer-events:none}#code{color:#0000;caret-color:#9dff6a;resize:none;background:0 0}#code::selection{background:#9dff6a33}#hl .c{color:#5f735c;font-style:italic}#hl .e{color:#9dff6a}#hl .n{color:#ffcf6a}#hl .k{color:#ff8fb1}.status{color:#7f937b;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;padding:6px clamp(10px,1.6vw,18px) clamp(8px,1.6vh,14px);font-size:clamp(9px,1.1vw,11px);line-height:1.35;display:-webkit-box;overflow:hidden}.status.err{color:#ff6a8b}.right{min-width:0;min-height:0;position:relative}#xy{width:100%;height:100%;display:block;position:absolute;inset:0}.cap{text-align:center;color:#e6efe4;opacity:.45;pointer-events:none;font-size:clamp(9px,1.05vw,11px);position:absolute;bottom:10px;left:0;right:0}@media (width<=1000px){body{grid-template-columns:minmax(0,58fr) minmax(0,42fr)}}