@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400&display=swap";:root{color:#effff5;font-synthesis:none;text-rendering:geometricprecision;background:#090c0a;font-family:Space Mono,monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#090c0a;min-width:320px;height:100%;margin:0}body{overflow:hidden}#app{flex-direction:column;height:100%;display:flex}button,input{font:inherit}header{border-bottom:2px solid #274432;flex:0 0 56px;justify-content:space-between;align-items:center;padding:0 max(24px,50vw - 640px);display:flex}.brand,.eyebrow,.preview-heading,label>span,.metrics span{letter-spacing:.06em;font-family:Space Mono,monospace}.brand{color:#5cff9d;letter-spacing:.1em;font-size:22px;font-weight:400}main{flex-direction:column;flex:1;width:min(1280px,100% - 48px);min-height:0;margin:0 auto;padding:18px 0 12px;display:flex;overflow:hidden}.intro{flex:none;margin-bottom:14px}.eyebrow{color:#5cff9d;font-size:12px}h1{letter-spacing:-.025em;white-space:nowrap;margin:5px 0 3px;font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1}.intro p{color:#9bb3a3;white-space:nowrap;margin:0;font-size:14px;line-height:1.2}.workspace{background:#0e1410;border:2px solid #31563f;flex:1;grid-template-columns:minmax(340px,.75fr) minmax(560px,1.25fr);min-height:0;display:grid}.controls{border-right:2px solid #31563f;flex-direction:column;gap:8px;min-height:0;padding:14px;display:flex}label{flex-direction:column;gap:8px;display:flex}.tuning,.payment{gap:12px;display:grid}.tuning{grid-template-columns:1fr 1fr}.payment{grid-template-columns:minmax(0,2fr) minmax(100px,1fr)}label>span{color:#a5bdad;text-transform:uppercase;font-size:11px}input{color:#effff5;background:#090d0a;border:2px solid #31563f;border-radius:0;outline:none;width:100%;padding:8px 11px}input:focus{border-color:#5cff9d;box-shadow:3px 3px #245a39}input[type=range]{accent-color:#5cff9d;box-shadow:none;padding:0}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.drop{cursor:pointer;background:#0b110d;border:2px dashed #447a58;justify-content:center;min-height:72px;padding:12px}.drop:hover{border-color:#5cff9d}.drop strong{color:#effff5;font-size:15px;font-weight:400}.drop span{color:#789381}.drop input{background:0 0;border:0;padding:0}.metrics{border:2px solid #31563f;grid-template-columns:1fr 1fr;display:grid}.metrics div{flex-direction:column;gap:4px;padding:8px 10px;display:flex}.metrics div+div{border-left:2px solid #31563f}.metrics span{color:#789381;text-transform:uppercase;font-size:10px}.metrics strong{font-family:Space Mono,monospace;font-size:12px;font-weight:400}button{color:#061009;cursor:pointer;background:#5cff9d;border:2px solid #5cff9d;border-radius:0;padding:10px 16px;font-weight:400;box-shadow:4px 4px #245a39}button:hover:not(:disabled){background:#8affb9}button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #245a39}button:disabled{opacity:.35;cursor:not-allowed}button.secondary{color:#bafbd6;background:0 0;padding:8px 14px;font-size:15px;font-weight:400;box-shadow:3px 3px #245a39}.status{color:#789381;min-height:17px;margin:-3px 0 0;font-size:12px}.status.error,.danger{color:#ff847c}.status a{color:#5cff9d}.preview-panel{flex-direction:column;min-width:0;min-height:0;display:flex}.preview-heading{color:#789381;border-bottom:2px solid #31563f;flex:0 0 38px;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;display:flex}.preview-tools{align-items:center;gap:10px;display:flex}button.mini{padding:3px 7px;font-size:10px;line-height:1;box-shadow:2px 2px #245a39}.preview-stage{background:#080b09;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.preview-stage canvas{cursor:crosshair;width:auto;max-width:100%;height:100%;image-rendering:pixelated;touch-action:none;background:#080b09;border:0}pre{color:#69ffa5;white-space:pre;background:#080b09;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;margin:0;padding:12px;font:400 clamp(6px,min(.72vw,1.15vh),10px)/1.08 Space Mono,Cascadia Mono,monospace;display:flex;overflow:hidden}.draw-preview-box{z-index:2;pointer-events:none;background:#080b09f0;border:2px solid #31563f;width:176px;height:176px;padding:8px;position:absolute;top:12px;right:12px;box-shadow:4px 4px #102b1b}.draw-preview-box>span{color:#789381;letter-spacing:.08em;margin-bottom:7px;font-size:8px;display:block}.draw-preview-box pre{color:#69ffa5;background:0 0;width:auto;height:auto;min-height:0;padding:0;font:400 3px/1.08 Space Mono,Cascadia Mono,monospace;display:block;overflow:hidden}footer{color:#526b59;flex:0 0 25px;align-items:flex-end;gap:10px;padding-top:8px;font-size:11px;display:flex}footer a{color:#789381;text-decoration:none}footer a:hover{color:#5cff9d}@media (width<=980px){body{overflow:auto}#app{height:auto;min-height:100%}main{overflow:visible}h1,.intro p{white-space:normal}.workspace{flex:none;grid-template-columns:1fr}.controls{border-bottom:2px solid #31563f;border-right:0}pre{justify-content:flex-start;min-height:460px}.preview-stage{min-height:460px}.preview-stage canvas{width:100%;height:auto}.draw-preview-box{width:140px;height:140px}.draw-preview-box pre{font-size:2.3px}}@media (width<=560px){main{width:min(100% - 24px,1280px);padding-top:24px}.controls{padding:20px}.tuning,.payment{grid-template-columns:1fr}}