*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:#182824;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid #23a780;outline-offset:3px}.site-header{height:76px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e7e3;background:#fff}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:750;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#173f34;color:#b9f5d8;font:700 14px monospace}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1.4px;color:#75857e;text-transform:uppercase}nav{display:flex;gap:8px}nav a{padding:8px 14px;color:#69766f;font-size:13px}nav a[aria-current]{background:#e8f3ed;border-radius:8px;color:#205c46;font-weight:650}main{max-width:1560px;margin:auto;padding:30px 4%}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#3b8566}h1{font-size:clamp(27px,3.2vw,42px);font-weight:650;letter-spacing:-1.7px;line-height:1.12;margin:9px 0 10px}h1 span{color:#319a70}.intro p{margin:0;color:#7b8880;font-size:13px}.free-badge{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #cde5d6;border-radius:100px;padding:8px 14px;color:#397052;font-size:11px;background:#edf8f1}.free-badge i{height:6px;width:6px;border-radius:50%;background:#46b67d}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.workspace{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:0;background:#fff;border:1px solid #dce4df;border-radius:15px;overflow:hidden;box-shadow:0 8px 30px #1a453508}.panel{min-width:0}.code-panel{border-right:1px solid #e4e9e6}.toolbar{min-height:64px;padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e8ede9}.toolbar label{font-size:11px;color:#75877b}.toolbar h2{font-size:12px;font-weight:650;margin:0}.spacer{flex:1}select{padding:7px 10px;border:1px solid #dbe5df;border-radius:7px;background:#fff;color:#284936;font-size:12px}button{border:1px solid #dce5df;background:#fff;color:#657b6d;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:600}.primary{background:#247954;color:#fff;border-color:#247954;box-shadow:0 3px 6px #24795420}.filebar{display:flex;align-items:center;gap:8px;height:40px;background:#f8faf9;border-bottom:1px solid #e8ede9;padding:0 18px;font:11px monospace;color:#698071}.file-dot{width:6px;height:6px;border-radius:50%;background:#55a585}textarea{display:block;border:0;width:100%;padding:22px;font:13px/1.9 Consolas,"Liberation Mono",monospace;tab-size:4;resize:vertical}#code{min-height:440px;background:#fff;color:#284d3a;white-space:pre;overflow:auto}.editor-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #ecf0ed;color:#95a399;font-size:10px}.right{display:flex;flex-direction:column;min-width:0;background:#17241f}.terminal{background:#17241f;color:#c9e0d3;flex:1}.terminal .toolbar{border-color:#2b3a32;background:#1d2d24}.terminal h2{color:#dcece2}.terminal-lights{display:flex;gap:4px;margin-right:6px}.terminal-lights i{width:5px;height:5px;background:#50715e;border-radius:50%}#status{font-size:10px;color:#7fb491}#status.error{color:#efaa95}#output{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 Consolas,monospace;padding:22px;margin:0;min-height:340px;max-height:480px;overflow:auto;color:#b9d5c4}.terminal-entry{display:flex;align-items:center;gap:8px;padding:12px 15px;border-top:1px solid #2b3a32;color:#79c497}.terminal-entry input{min-width:0;flex:1;border:0;outline-offset:2px;background:transparent;color:#b6f3cb;font:12px monospace;padding:7px 0}.terminal-entry input::placeholder{color:#668270}.terminal-entry button{background:#253b2e;border-color:#38543f;color:#afcfba;padding:6px 9px}.terminal-help{padding:0 16px 14px;font-size:10px;color:#638570}#terminal-error{color:#ffb4a9}.prepared{border-top:1px solid #314236;color:#809e8b;font-size:11px}.prepared summary{padding:12px 16px;cursor:pointer}#stdin{min-height:100px;background:#1d3025;color:#c2dfcb}.hint{padding:0 16px;font-size:10px}.workspace-note{display:flex;gap:16px;justify-content:space-between;font-size:10px;color:#90a096;padding:12px 2px}.workspace-note a{color:#497c61}.sidebar{display:grid;gap:18px}.brand-card{padding:22px;border-radius:13px;background:#e7f0e9;border:1px solid #d8e5da}.brand-card .mini{font-size:9px;letter-spacing:1.7px;color:#63816c}.brand-card h2{font-size:22px;line-height:1.3;letter-spacing:-.6px;font-weight:600;margin:16px 0 10px}.brand-card p{font-size:11px;line-height:1.8;color:#6d8474}.brand-card a{display:inline-block;font-size:11px;font-weight:650;color:#317151;margin-top:6px}.ad-card{border:1px solid #e2e8e3;border-radius:12px;padding:12px;background:#fff;min-height:288px}.ad-label{font-size:8px;text-transform:uppercase;letter-spacing:2px;text-align:center;color:#9aa79e;margin:0 0 10px}.ad-card iframe{width:100%;height:252px;border:0;display:block}.ad-fallback{min-height:252px;display:flex;justify-content:center;flex-direction:column;padding:20px;background:#f6f8f6;border-radius:7px;text-align:center;color:#829489;font-size:11px}.ad-fallback strong{color:#52705b;font-size:14px;margin-bottom:8px}.ad-fallback[hidden]{display:none}.bottom-strip{margin:26px 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dde5df;padding:20px 0}.bottom-strip p{color:#95a097;font-size:10px;margin:0}.bottom-strip strong{color:#5e7566;font-weight:650}.tips{display:flex;gap:22px;color:#819487;font-size:10px}.help-details{margin-top:6px;font-size:10px;color:#839387}.help-details summary{cursor:pointer}.help-details p{max-width:720px;line-height:1.8}@media(min-width:1600px){#code{min-height:500px}}@media(max-width:1150px){.layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.brand-card{display:flex;flex-direction:column;justify-content:center}.ad-card{max-width:600px;width:100%}}@media(max-width:700px){.site-header{height:auto;min-height:72px;padding:16px 5%;gap:18px;flex-wrap:wrap}.brand{font-size:15px}nav{gap:0}nav a{font-size:11px;padding:7px 9px}main{padding:24px 5%}.intro{align-items:flex-start}.free-badge{font-size:9px;padding:6px 9px;margin-top:5px}h1{font-size:31px;max-width:230px}.intro p{max-width:250px;font-size:11px}.workspace{grid-template-columns:1fr}.code-panel{border-right:0}#code{min-height:310px}.toolbar{min-height:58px;padding:10px 12px}#output{min-height:220px;max-height:380px}.sidebar{grid-template-columns:1fr}.brand-card{padding:20px}.brand-card h2{font-size:21px;margin:10px 0 0}.ad-card{max-width:100%}.workspace-note{flex-wrap:wrap;gap:5px}.bottom-strip{align-items:flex-start}.tips{display:none}.editor-foot{font-size:9px}.free-badge span{display:none}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s}button:not(:disabled):hover{filter:brightness(.96)}}

.toolbar button{white-space:nowrap;flex-shrink:0}@media(max-width:420px){.code-panel .toolbar>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.code-panel .toolbar{gap:7px}}