:root{color:#b7ffb7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page:#000;--panel:#020803;--panel-raised:#061108;--panel-soft:#010502;--border:#153d1b;--border-strong:#267a35;--text:#b7ffb7;--muted:#82cf8b;--faint:#63a96c;--accent:#39ff14;--accent-strong:#23d90a;--accent-soft:#39ff1417;--warning:#ffe66d;--danger:#ff667d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;font-family:Cascadia Code,SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{background:radial-gradient(circle at 50% -20%, #39ff1417, transparent 46%), var(--page);min-width:320px;min-height:100vh;margin:0}body:before{z-index:1000;pointer-events:none;content:"";background:repeating-linear-gradient(#0000 0 3px,#39ff1406 3px 4px);position:fixed;inset:0}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,.result-content:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed}::selection{color:#000;background:var(--accent)}#root{min-height:100vh}.app-shell{width:min(1560px,100%);min-height:100vh;margin:0 auto;padding:18px}.topbar{border:1px solid var(--border);background:#000501f7;border-radius:2px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:68px;margin-bottom:14px;padding:10px 14px;display:grid;box-shadow:0 0 28px #39ff140d,inset 0 0 24px #39ff1405}.brand-image{object-fit:cover;width:48px;height:48px;image-rendering:pixelated;display:block}.brand-copy h1,.panel-heading h2{color:var(--text);margin:0}.brand-copy h1{letter-spacing:-.015em;text-shadow:0 0 9px #39ff1452;font-size:1.04rem;line-height:1.25}.compiler-status{border:1px solid var(--border);min-height:34px;color:var(--muted);background:var(--panel-soft);white-space:nowrap;border-radius:2px;align-items:center;gap:8px;padding:0 12px;font-size:.82rem;display:inline-flex}.status-dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.compiler-status.ready .status-dot{background:var(--accent);box-shadow:0 0 12px #39ff14cc}.compiler-status.working .status-dot,.compiler-status.loading .status-dot{background:var(--warning);animation:1.1s ease-in-out infinite status-pulse}.compiler-status.error .status-dot{background:var(--danger)}.repository-link{border:1px solid var(--border-strong);min-height:36px;color:var(--text);background:var(--panel-raised);border-radius:2px;align-items:center;gap:7px;padding:0 12px;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-flex}.repository-link:hover{border-color:var(--accent);color:var(--accent)}.workspace{grid-template-columns:224px minmax(440px,1fr) 294px;grid-template-areas:"examples editor explanation""examples results results";align-items:stretch;gap:14px;display:grid}.panel{border:1px solid var(--border);background:#020803f7;border-radius:2px;min-width:0;overflow:hidden;box-shadow:0 0 24px #39ff1409,inset 0 0 32px #39ff1403}.examples-panel{flex-direction:column;grid-area:examples;min-height:710px;display:flex}.editor-panel{flex-direction:column;grid-area:editor;min-height:480px;display:flex}.explanation-panel{grid-area:explanation;padding-bottom:18px}.results-panel{grid-area:results;min-height:215px}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:70px;padding:14px 16px;display:flex}.panel-heading h2{letter-spacing:-.01em;margin-top:3px;font-size:1rem}.eyebrow{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.75rem;font-weight:650}.count-badge,.modified-badge{border:1px solid var(--border-strong);min-width:28px;height:26px;color:var(--muted);background:var(--panel-soft);border-radius:2px;justify-content:center;align-items:center;padding:0 8px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.75rem;display:inline-flex}.modified-badge{color:var(--warning);border-color:#ffe66d6b}.editor-heading-actions{align-items:center;gap:8px;display:flex}.example-list{gap:7px;padding:10px;display:grid}.example-option{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;grid-template-columns:28px 1fr;align-items:start;gap:9px;padding:11px 10px;display:grid}.example-option:hover:not(:disabled){color:var(--text);border-color:var(--border);background:#39ff140b}.example-option.selected{color:var(--text);background:var(--accent-soft);border-color:#39ff146b}.example-index{color:var(--faint);padding-top:1px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.75rem}.example-option.selected .example-index{color:var(--accent)}.example-option strong,.example-option small{display:block}.example-option strong{font-size:.88rem;line-height:1.35}.example-option small{color:var(--faint);margin-top:3px;font-size:.76rem;line-height:1.35}.pipeline-card{border:1px solid var(--border);background:var(--panel-soft);border-radius:2px;margin:auto 10px 10px;padding:13px}.pipeline-card ol{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.pipeline-card li{color:var(--muted);font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.75rem}.pipeline-card li:not(:last-child):after{color:var(--accent);content:"›";margin-left:6px}.code-editor{background:#000;flex:1;grid-template-columns:46px minmax(0,1fr);min-height:360px;display:grid}.line-numbers{border-right:1px solid var(--border);color:var(--faint);text-align:right;-webkit-user-select:none;user-select:none;background:#010502;padding:16px 10px 48px 0;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.62;overflow:hidden}.line-numbers span{display:block}.code-editor textarea{resize:none;width:100%;min-height:360px;color:var(--text);caret-color:var(--accent);tab-size:4;background:0 0;border:0;border-radius:0;outline:none;padding:16px 18px 48px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.62;overflow:auto}.code-editor textarea:disabled{opacity:.72}.action-bar{border-top:1px solid var(--border);background:var(--panel-soft);flex-wrap:wrap;align-items:center;gap:8px;min-height:59px;padding:10px 12px;display:flex}.action-button,.compiler-error button{cursor:pointer;border-radius:2px;min-height:44px;padding:0 14px;font-size:.84rem;font-weight:700}.action-button{border:1px solid var(--border-strong);color:var(--text);background:var(--panel-raised)}.action-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.action-button.primary{border-color:var(--accent-strong);color:#000;background:#28a63d}.action-button.primary:hover:not(:disabled){color:#000;background:#2cb344}.action-button:disabled,.reset-button:disabled{opacity:.42}.reset-button{border:1px solid var(--border-strong);min-height:36px;color:var(--text);cursor:pointer;background:#000;border-radius:2px;padding:0 10px;font-size:.78rem;font-weight:700}.reset-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.compiler-error{color:#ffc1c9;background:#ff7b8b12;border-top:1px solid #ff7b8b4d;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:.82rem;display:flex}.compiler-error button{color:#ffd9de;background:0 0;border:1px solid #ff7b8b66}.example-summary{color:var(--text);margin:18px 16px 20px;font-size:.91rem;line-height:1.65}.concept-block,.expected-block{margin:0 16px 20px}.concept-block h3,.expected-block h3{color:var(--muted);letter-spacing:.045em;text-transform:uppercase;margin:0 0 9px;font-size:.76rem}.concept-list{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.concept-list li{border:1px solid var(--border);color:var(--muted);background:var(--panel-soft);border-radius:2px;padding:5px 8px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.75rem}.expected-block pre,.result-content pre{white-space:pre-wrap;margin:0}.expected-block pre{border:1px solid var(--border);color:var(--accent);background:#000;border-radius:2px;padding:11px 12px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.78rem;line-height:1.55}.result-toolbar{border-bottom:1px solid var(--border);background:var(--panel-soft);justify-content:space-between;align-items:center;min-height:60px;padding:10px 16px;display:flex}.terminal-heading h2{color:var(--accent);text-shadow:0 0 9px #39ff1447;margin:3px 0 0;font-size:.94rem}.instruction-count{color:var(--faint);font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.75rem}.result-content{min-height:164px;max-height:320px;color:var(--faint);background:#000;padding:16px 18px;overflow:auto}.result-content.has-result{color:var(--text)}.result-content.working{color:var(--warning)}.result-content.error{color:#ffb0bb}.result-content.is-transmitting{cursor:pointer}.result-content pre{white-space:pre;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.84rem;line-height:1.55}.terminal-newest{animation:.18s ease-out both terminal-character-settle}.terminal-cursor{vertical-align:-.16em;background:var(--accent);pointer-events:none;-webkit-user-select:none;user-select:none;width:.62ch;height:1.05em;margin-left:.1ch;animation:.85s step-end infinite terminal-cursor-blink;display:inline-block;box-shadow:0 0 8px #39ff14cc}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes status-pulse{0%,to{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes terminal-character-settle{0%{color:#efffef;text-shadow:0 0 5px #39ff14f2,0 0 12px #39ff1473}to{color:var(--text);text-shadow:none}}@keyframes terminal-cursor-blink{0%,48%{opacity:1}49%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.status-dot,.terminal-newest,.terminal-cursor{animation:none!important}.terminal-newest{color:inherit;text-shadow:none}}@media (width<=1120px){.workspace{grid-template-columns:210px minmax(0,1fr);grid-template-areas:"examples editor""examples results""explanation explanation"}.examples-panel{min-height:760px}}@media (width<=760px){.app-shell{padding:10px}.topbar{grid-template-columns:auto minmax(0,1fr);gap:10px 12px}.brand-copy{grid-column:2/3}.compiler-status,.repository-link{justify-content:center}.compiler-status{grid-column:1/2}.repository-link{grid-column:2/3}.workspace{flex-direction:column;display:flex}.examples-panel{min-height:0}.example-list{grid-template-columns:repeat(3,minmax(0,1fr))}.example-option{grid-template-columns:1fr}.example-index,.pipeline-card{display:none}.editor-panel{min-height:520px}.action-button{flex:150px}.instruction-count{display:none}}@media (width<=480px){.brand-image{width:42px;height:42px}.brand-copy h1{font-size:.95rem}.compiler-status,.repository-link{grid-column:1/-1;width:100%;min-height:34px;padding-inline:8px;font-size:.74rem}.example-option{padding:9px 7px}.example-option strong{font-size:.78rem}.example-option small{display:none}.editor-heading{align-items:flex-start}.editor-heading-actions{flex-direction:column;align-items:flex-end}.action-button{flex:100%}.line-numbers{display:none}.code-editor{grid-template-columns:1fr}}@media (width<=420px){.example-list{grid-template-columns:1fr}}