:root{color-scheme:dark;--bg: #1e1e1e;--panel: #252526;--border: #3c3c3c;--text: #d4d4d4;--accent: #0e70c0;--accent-hover: #1177bb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh}#app{display:flex;flex-direction:column;height:100vh}header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--panel);border-bottom:1px solid var(--border)}header h1{font-size:1.05rem;margin:0;font-weight:600}.language-hint{font-size:.75rem;color:#e5a94f}.controls{display:flex;gap:.5rem}select,button,textarea{font-family:inherit;font-size:.9rem}select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem}button{background:var(--accent);color:#fff;border:none;border-radius:4px;padding:.4rem 1rem;cursor:pointer}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:default}main{flex:1;display:flex;min-height:0}.editor-pane{flex:3;min-width:0;border-right:1px solid var(--border)}#editor,.editor-pane .cm-editor{height:100%}.io-pane{flex:2;display:flex;flex-direction:column;min-width:0}.stdin-block{display:flex;flex-direction:column;padding:.75rem;border-bottom:1px solid var(--border)}.stdin-block label{font-size:.75rem;text-transform:uppercase;color:#888;margin-bottom:.4rem}#stdin{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.5rem;resize:vertical;min-height:60px}.output-block{flex:1;display:flex;flex-direction:column;min-height:0}.output-header{display:flex;justify-content:space-between;padding:.5rem .75rem;font-size:.75rem;text-transform:uppercase;color:#888;border-bottom:1px solid var(--border)}#meta{text-transform:none;color:#6a9955}#output{flex:1;margin:0;padding:.75rem;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85rem}