:root{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#d7f7e1;background:#07100c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#07100c;background-image:linear-gradient(rgba(80,255,145,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(80,255,145,.035) 1px,transparent 1px);background-size:28px 28px}button,textarea,input{font:inherit}button{color:inherit}main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:42px 0 70px}.masthead{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:1px solid #2a4937;padding-bottom:22px;position:relative}.brand{font-size:clamp(28px,5vw,52px);letter-spacing:-.07em;font-weight:800}.prompt{color:#43f58b}.cursor{color:#ffcf53;animation:blink 1s steps(2) infinite}.masthead p{grid-column:1;margin:8px 0 0;color:#789885}.status{grid-column:2;grid-row:1 / 3;align-self:center;color:#43f58b;border:1px solid #2a6943;padding:8px 10px;font-size:11px;letter-spacing:.12em}.workbench{display:grid;grid-template-columns:370px 1fr;gap:42px;padding-top:38px}.controls{display:flex;flex-direction:column;gap:26px}.field{display:flex;flex-direction:column;gap:10px;color:#9ab5a3;font-size:13px}.field b{color:#43f58b;margin-right:8px;font-size:11px}.field small{color:#577060;text-align:right}textarea{width:100%;resize:vertical;min-height:104px;background:#0b1811;color:#effff4;border:1px solid #2a4937;padding:14px;outline:none;line-height:1.6}.field textarea:focus{border-color:#43f58b;box-shadow:0 0 0 2px #43f58b1a}.frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.frame-grid button{text-align:left;background:#0b1811;border:1px solid #203b2b;padding:10px;cursor:pointer;color:#789885}.frame-grid code{display:block;color:#d7f7e1;font-size:18px}.frame-grid button.active,.segmented button.active{border-color:#43f58b;color:#43f58b;background:#0f2418}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field input[type=range]{accent-color:#43f58b;width:100%}.field output{color:#d7f7e1;font-size:12px}.segmented{display:flex}.segmented button{flex:1;background:#0b1811;border:1px solid #203b2b;padding:9px 4px;cursor:pointer}.remember{display:flex;align-items:center;gap:9px;color:#789885;font-size:12px;cursor:pointer}.remember input{accent-color:#43f58b}.canvas-panel{min-width:0}.canvas-head{display:flex;justify-content:space-between;color:#577060;font-size:11px;letter-spacing:.1em;margin-bottom:10px}.canvas{min-height:430px;border:1px solid #2a4937;background:#040a07db;display:grid;place-items:center;position:relative;overflow:auto;padding:42px;box-shadow:inset 0 0 60px #26ff7606}.canvas:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed rgba(67,245,139,.12);pointer-events:none}.canvas pre{margin:0;color:#eaffef;font-size:clamp(12px,1.7vw,19px);line-height:1.45;text-shadow:0 0 16px rgba(67,245,139,.25)}.handle{position:absolute;right:9px;bottom:9px;width:38px;height:38px;border:1px solid #43f58b;background:#10281a;cursor:nwse-resize;touch-action:none}.handle span{display:block;color:#43f58b;font-size:19px}.canvas-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}.canvas-foot p{color:#577060;font-size:12px;margin:0}.copy{background:#43f58b;color:#06110a;border:0;padding:12px 18px;font-weight:800;cursor:pointer;box-shadow:4px 4px #1b713d}.copy:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #1b713d}.copy span{margin-right:8px}@keyframes blink{50%{opacity:0}}@media(max-width:820px){main{width:min(100% - 24px,680px);padding-top:24px}.workbench{grid-template-columns:1fr;gap:34px}.canvas{min-height:340px;padding:36px 18px}.masthead{grid-template-columns:1fr}.status{grid-column:1;grid-row:auto;justify-self:start;margin-top:18px}.canvas pre{font-size:12px}}@media(max-width:440px){.two-cols{grid-template-columns:1fr}.canvas-foot{align-items:stretch;flex-direction:column}.copy{width:100%}.canvas-head{font-size:9px}}