.build-strip{display:flex;align-items:center;gap:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}.build-strip__segment{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 0;position:relative}.build-strip__segment:not(:last-child):after{content:"";position:absolute;right:-1px;top:50%;width:24px;height:1px;background:var(--border);transform:translateY(-50%)}.build-strip__dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex-shrink:0;transition:background-color .25s ease,box-shadow .25s ease}.build-strip__label{color:var(--text-muted);transition:color .25s ease}.build-strip__segment--lit .build-strip__dot{background:var(--segment-color, var(--amber));box-shadow:0 0 8px var(--segment-color, var(--amber))}.build-strip__segment--lit .build-strip__label{color:var(--text)}.build-strip__segment--pulsing .build-strip__dot{animation:build-strip-pulse 1.1s ease-in-out infinite}.build-strip__segment--dim .build-strip__label{color:var(--text-muted);opacity:.5}@keyframes build-strip-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@media (max-width: 480px){.build-strip{font-size:10px}.build-strip__segment{gap:5px;padding:4px 8px 4px 0}.build-strip__segment:not(:last-child):after{width:12px}.build-strip__label{display:none}}.output-panel{padding:16px 18px;height:100%;overflow-y:auto;font-family:var(--font-mono)}.output-panel--empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:13px}.output-panel__badge{display:inline-block;font-family:var(--font-ui);font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;margin-bottom:14px}.output-panel__badge--green{background:var(--green-dim);color:var(--green)}.output-panel__badge--red{background:var(--red-dim);color:var(--red)}.output-panel__badge--amber{background:var(--amber-dim);color:var(--amber)}.output-panel__label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:14px 0 6px}.output-panel__block{margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6;color:var(--text)}.output-panel__block--red{color:#f28b8e}.output-panel__muted{color:var(--text-muted);font-size:13px;font-family:var(--font-ui)}@media (max-width: 480px){.output-panel{padding:12px 14px}.output-panel__block{font-size:12px;line-height:1.5}.output-panel__badge{font-size:11px}}.app{display:flex;flex-direction:column;height:100vh}.app__header{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:10px 16px;min-height:56px;background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0}.app__brand{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-weight:600;font-size:14px;letter-spacing:.02em;color:var(--text)}.app__brand-dot{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber)}.app__language-select{background:var(--panel-raised);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:13px;font-family:var(--font-ui)}.app__run-button{background:var(--amber);color:#1a1305;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s ease}.app__run-button:hover:not(:disabled){filter:brightness(1.08)}.app__run-button:disabled{opacity:.6;cursor:default}.app__strip{margin-left:auto}.app__body{flex:1;display:grid;grid-template-columns:1.3fr 1fr;min-height:0}.app__editor-pane{display:flex;flex-direction:column;border-right:1px solid var(--border);min-height:0}.app__stdin{flex-shrink:0;border-top:1px solid var(--border);background:var(--panel);padding:10px 14px 14px}.app__stdin-label{display:block;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.app__stdin-input{width:100%;height:56px;resize:vertical;background:var(--panel-raised);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px;font-family:var(--font-mono);font-size:13px}.app__output-pane{background:var(--bg);min-height:0;overflow-y:auto}@media (max-width: 800px){.app__body{grid-template-columns:1fr;grid-template-rows:minmax(280px,55vh) 1fr}.app__editor-pane{border-right:none;border-bottom:1px solid var(--border)}.app__strip{margin-left:0;order:1;width:100%}.app__run-button{padding:8px 14px}}@media (max-width: 480px){.app__header{padding:10px 12px;gap:10px}.app__brand{font-size:13px}.app__language-select{flex:1;min-width:0;padding:7px 8px;font-size:12px}.app__run-button{font-size:12px;padding:8px 12px}.app__body{grid-template-rows:minmax(220px,45vh) 1fr}.app__stdin-input{height:44px}}:root{--bg: #14171c;--panel: #1b1f27;--panel-raised: #232833;--border: #2c3240;--text: #e6e6e6;--text-muted: #8b92a0;--amber: #e8a33d;--amber-dim: #6b5427;--green: #4fb477;--green-dim: #294a35;--red: #e5484d;--red-dim: #4a2426;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-ui: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}button{font-family:var(--font-ui)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}