:root{color-scheme:dark;--bg: #0b0d10;--panel: #11151b;--border: #222a35;--text: #e6edf3;--muted: #95a3b3;--accent: #3aa675;--error: #ff6b6b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh;gap:16px;padding:16px}.command-bar{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.command-label{font-size:14px;color:var(--muted)}.command-input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.command-shell{position:relative}.command-shell-controls{display:flex;gap:8px}.command-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10;margin:0;padding:6px 0;list-style:none;max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:0 12px 30px #00000059}.command-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;color:var(--text);cursor:pointer}.command-item:hover,.command-item[aria-selected=true]{background:#3aa67526}.command-item-meta{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.command-item-empty{cursor:default;color:var(--muted)}.command-input:focus{outline:2px solid var(--accent);outline-offset:1px}.copy-button{padding:10px 14px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font-size:13px;cursor:pointer}.copy-button:focus{outline:2px solid var(--accent);outline-offset:1px}.run-button{padding:10px 16px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font-size:13px;cursor:pointer}.run-button:focus{outline:2px solid var(--accent);outline-offset:1px}.panes{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pane{display:flex;flex-direction:column;gap:8px}.pane-label{font-size:13px;color:var(--muted)}.pane-textarea{flex:1;min-height:300px;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.45;resize:vertical}.status-line{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:10px 0;border-top:1px solid var(--border);font-size:13px}.status-left{display:flex;gap:6px;align-items:center;color:var(--muted)}.status-value{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.status-center{justify-self:center}.status-error{color:var(--error);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.status-right{justify-self:end}@media (max-width: 900px){.command-bar,.panes{grid-template-columns:1fr}.status-line{grid-template-columns:1fr;text-align:left}.status-center,.status-right{justify-self:start}}