:root{color-scheme:light;--ink:#172537;--muted:#69778b;--blue:#2468d9;--border:#dbe3ee;--editor:#25271f;--code:#e9eadf}*{box-sizing:border-box}body{margin:0;background:#f2f5fa;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.topbar{height:68px;background:#112238;color:#dce7f7;display:flex;align-items:center;padding:0 4%;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:780;font-size:21px;letter-spacing:1px}.brand svg{width:29px;height:29px;fill:none;stroke:#7db6ff;stroke-width:1.5}.brand-dot{color:#6ba9ff}.nav-separator{width:1px;height:24px;background:#344257}.nav-title{font-weight:500;font-size:14px}.simulator-link{margin-left:auto;text-decoration:none;color:#c5d9f4;font-size:13px}.simulator-link:hover{color:white}main{max-width:1800px;margin:auto;padding:30px 4% 18px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#55739c;font-weight:750}h1{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:7px 0 8px;font-weight:700}.intro p{color:var(--muted);margin:0;font-size:13px}.local-badge{display:flex;gap:8px;align-items:center;color:#3d665b;background:#e5f0ea;border:1px solid #d5e6dc;border-radius:20px;padding:7px 11px;font-size:11px;white-space:nowrap}.local-badge span{background:#3f9974;width:6px;height:6px;border-radius:50%}.workspace{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px #11223808;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff}.example-controls,.compile-controls{display:flex;align-items:center;gap:9px}label{font-size:12px;color:#637184;margin-right:2px}select,button{font:inherit;font-size:12px;height:35px;border-radius:6px;border:1px solid #d9e1ec;background:#fff;color:#263951;padding:0 12px}select{padding-right:26px}button{cursor:pointer;transition:background .15s,box-shadow .15s}button:hover{background:#edf3fc}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #86b5f6;outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:650;min-width:110px}.primary:hover{background:#1757bd}.primary span{font-size:10px;margin-right:6px}.cancel{color:#a63838;border-color:#deb9b9;background:#fff4f4}.editors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--border)}.editor-panel{min-width:0}.output-panel{border-left:1px solid var(--border)}.panel-header{height:46px;display:flex;align-items:center;justify-content:space-between;background:#fafbfd;padding:0 14px;gap:8px}.panel-header>div{display:flex;align-items:center;gap:9px;min-width:0}h2{font-size:12px;font-weight:650;margin:0;white-space:nowrap}.file-icon{font-size:10px;font-weight:750;color:#3267b2;background:#e6edf9;padding:3px 5px;border-radius:3px}.file-icon.asm{color:#65763c;background:#ecf0e2;font-size:8px}.filename{font:11px ui-monospace,monospace;color:#8c97a5}.text-button{height:27px;border-color:transparent;background:transparent;font-size:11px;padding:0 7px;color:#547093}.output-actions{gap:1px!important}.editor-shell{display:flex;height:clamp(390px,59vh,800px);overflow:hidden;background:var(--editor)}.line-numbers{flex:0 0 48px;margin:0;text-align:right;overflow:hidden;padding:18px 10px 18px 0;color:#697365;background:#22251f;font:12px/21px "Cascadia Code",Consolas,"Liberation Mono",monospace;user-select:none;border-right:1px solid #34372d}textarea{display:block;border:0;border-radius:0;outline:none;resize:none;min-width:0;flex:1;background:transparent;color:var(--code);padding:18px 16px;margin:0;font:13px/21px "Cascadia Code",Consolas,"Liberation Mono",monospace;tab-size:4;white-space:pre;overflow:auto;caret-color:#a8d8ff;scrollbar-color:#626b59 #25271f}textarea::selection{background:#4c6381}textarea::placeholder{color:#7f8877}textarea:focus-visible{box-shadow:inset 0 0 0 1px #588cc080}.panel-footer{display:flex;justify-content:space-between;gap:8px;padding:7px 14px;background:#f8fafc;color:#8994a2;font-size:10px;border-bottom:1px solid var(--border)}.status-bar{display:flex;align-items:center;gap:9px;padding:12px 16px;min-height:44px}#status-dot{width:6px;height:6px;border-radius:50%;background:#8d9eae;flex-shrink:0}#status{margin:0;font-size:12px;color:#607189;overflow-wrap:anywhere}.status-bar[data-state=success] #status-dot{background:#32a276}.status-bar[data-state=error] #status-dot{background:#d05050}.status-bar[data-state=error] #status{color:#a23d3d}.status-bar[data-state=busy] #status-dot{background:#4388e6}.shortcut{margin-left:auto;color:#a0aab6;font-size:10px;white-space:nowrap}.diagnostics{margin:0;padding:14px 18px;background:#fff3f1;color:#9f3d36;border-top:1px solid #f3d9d5;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 ui-monospace,monospace;max-height:180px;overflow:auto}footer{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;color:#8b96a4;font-size:11px;margin-top:15px}footer p{margin:0;line-height:1.6}details{max-width:580px;text-align:right}summary{cursor:pointer;color:#64758c;font-size:11px}details[open]{text-align:left}details p{margin-top:10px}code{font-family:ui-monospace,monospace}[hidden]{display:none!important}@media(min-width:1800px){main{padding-top:45px}}@media(max-width:780px){.topbar{padding:0 18px;height:58px;gap:14px}.nav-title{font-size:11px}.simulator-link{font-size:11px}.brand{font-size:17px}.brand svg{width:23px}.nav-separator{display:none}main{padding:22px 14px}.intro{margin-bottom:18px}.local-badge{display:none}h1{font-size:24px}.toolbar{flex-wrap:wrap;padding:10px;gap:10px}.example-controls,.compile-controls{flex:1;justify-content:space-between}.toolbar label{display:none}.toolbar select{flex:1;min-width:0}.editors{grid-template-columns:1fr}.output-panel{border-left:0;border-top:1px solid var(--border)}.editor-shell{height:330px}.filename{display:none}footer{display:block}details{text-align:left;margin-top:8px}.shortcut{display:none}.panel-header{padding:0 10px}.line-numbers{flex-basis:36px;padding-right:7px}textarea{padding-left:10px}}