:root{--bg-primary: #121212;--bg-secondary: #181818;--bg-surface: #1d1d1d;--bg-elevated: #242424;--bg-hover: #2a2a2a;--border-subtle: #272727;--border-medium: #363636;--border-bright: #484848;--text-primary: #e0e0e0;--text-secondary: #9e9e9e;--text-muted: #616161;--text-bright: #ffffff;--accent-cyan: #00e5ff;--accent-cyan-dim: rgba(0, 229, 255, .12);--accent-green: #00e676;--accent-green-dim: rgba(0, 230, 118, .12);--accent-amber: #ffd600;--accent-amber-dim: rgba(255, 214, 0, .12);--accent-red: #ff1744;--accent-red-dim: rgba(255, 23, 68, .12);--accent-purple: #b388ff;--accent-purple-dim: rgba(179, 136, 255, .12);--font-mono: "Consolas", "Courier New", "Fira Code", "JetBrains Mono", monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.console-box{background:var(--bg-surface);border:1px solid var(--border-medium);box-shadow:inset 0 1px #ffffff08}.console-box-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-medium);padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);display:flex;align-items:center;justify-content:space-between}.btn-console{background:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.btn-console:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-bright);color:var(--text-bright)}.btn-console:active:not(:disabled){transform:translateY(1px)}.btn-console:disabled{opacity:.4;cursor:not-allowed}.btn-console.btn-cyan{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-console.btn-cyan:hover:not(:disabled){background:var(--accent-cyan-dim)}.btn-console.btn-green{border-color:var(--accent-green);color:var(--accent-green)}.btn-console.btn-green:hover:not(:disabled){background:var(--accent-green-dim)}.btn-console.btn-amber{border-color:var(--accent-amber);color:var(--accent-amber)}.btn-console.btn-amber:hover:not(:disabled){background:var(--accent-amber-dim)}.btn-console.btn-red{border-color:var(--accent-red);color:var(--accent-red)}.btn-console.btn-red:hover:not(:disabled){background:var(--accent-red-dim)}.btn-console.btn-sm{padding:3px 8px;font-size:10px}.badge-console{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border-medium);background:var(--bg-elevated);color:var(--text-secondary)}.badge-console.badge-cyan{border-color:var(--accent-cyan);color:var(--accent-cyan);background:var(--accent-cyan-dim)}.badge-console.badge-green{border-color:var(--accent-green);color:var(--accent-green);background:var(--accent-green-dim)}.badge-console.badge-amber{border-color:var(--accent-amber);color:var(--accent-amber);background:var(--accent-amber-dim)}.badge-console.badge-red{border-color:var(--accent-red);color:var(--accent-red);background:var(--accent-red-dim)}.badge-console.badge-purple{border-color:var(--accent-purple);color:var(--accent-purple);background:var(--accent-purple-dim)}.input-console,.select-console,.textarea-console{background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-bright);font-family:var(--font-mono);font-size:12px;padding:6px 10px;outline:none;width:100%;transition:border-color .15s ease}.input-console:focus,.select-console:focus,.textarea-console:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan)}.input-console::placeholder,.select-console::placeholder,.textarea-console::placeholder{color:var(--text-muted)}.console-progress-track{background:var(--bg-secondary);border:1px solid var(--border-medium);height:12px;width:100%;position:relative;overflow:hidden}.console-progress-fill{height:100%;background:var(--accent-cyan);transition:width .3s ease}.console-progress-fill.fill-green{background:var(--accent-green)}.console-progress-fill.fill-amber{background:var(--accent-amber)}.console-progress-fill.fill-red{background:var(--accent-red)}.led-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.led-indicator.led-green{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.led-indicator.led-cyan{background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.led-indicator.led-amber{background:var(--accent-amber);box-shadow:0 0 6px var(--accent-amber)}.led-indicator.led-red{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}