:root,[data-theme=industrial-cyan]{--bg:#0a1320;--bg-2:#0e1a2a;--bg-3:#122236;--surface:#122236;--surface-2:#182d47;--surface-3:#1f3a5a;--border:#1e3553;--border-strong:#2a4d76;--border-soft:#16263c;--text:#e7f1ff;--text-dim:#9bb3d4;--text-mute:#5f7798;--text-faint:#3b5276;--accent:#00d1ff;--accent-strong:#5ce1ff;--accent-soft:#00d1ff1a;--accent-ink:#001a24;--secondary:#70a1ff;--success:#2ed573;--warn:#eccc68;--danger:#ff4757;--info:#1e90ff;--muted:#57606f;--grid:#00d1ff08;--grid-strong:#00d1ff14;--shadow:0 10px 30px #00000080, 0 0 0 1px #ffffff05;--shadow-pop:0 0 0 1px var(--accent), 0 0 30px #00d1ff33;--glow:0 0 15px #00d1ff4d;--font-space-grotesk:"Space Grotesk", sans-serif;--font-jetbrains-mono:"JetBrains Mono", monospace;--font-sans:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Menlo, monospace;--font-display:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=workshop-amber]{--bg:#161210;--bg-2:#1d1814;--bg-3:#25201b;--surface:#25201b;--surface-2:#312a23;--surface-3:#3d342b;--border:#3a3127;--border-strong:#5a4a39;--border-soft:#2a241e;--text:#f5eadb;--text-dim:#c5b6a0;--text-mute:#8a7a64;--text-faint:#5c503f;--accent:#ffa726;--accent-strong:#ffbf57;--accent-soft:#ffa7261a;--accent-ink:#1a0f00;--secondary:#ff7043;--success:#8bc34a;--warn:#ffd54f;--danger:#ef5350;--info:#4dd0e1;--muted:#8a7a64;--grid:#ffa7260a;--grid-strong:#ffa7261a;--shadow:0 1px 0 #ffffff08 inset, 0 8px 24px #00000073;--shadow-pop:0 0 0 1px var(--accent), 0 0 24px #ffa7264d;--glow:0 0 18px #ffa72659;--font-sans:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Menlo, monospace;--font-display:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=forest-console]{--bg:#0a1612;--bg-2:#0e1d18;--bg-3:#122621;--surface:#122621;--surface-2:#1a342c;--surface-3:#234339;--border:#1f3d33;--border-strong:#305a4b;--border-soft:#172e26;--text:#e8f5e9;--text-dim:#a8c4b3;--text-mute:#6a8576;--text-faint:#455c4f;--accent:#5dffa0;--accent-strong:#86ffba;--accent-soft:#5dffa01a;--accent-ink:#052013;--secondary:#ffd166;--success:#5dffa0;--warn:#ffd166;--danger:#ff6b6b;--info:#74d3ff;--muted:#6a8576;--grid:#5dffa00a;--grid-strong:#5dffa01a;--shadow:0 1px 0 #ffffff08 inset, 0 8px 24px #0006;--shadow-pop:0 0 0 1px var(--accent), 0 0 24px #5dffa040;--glow:0 0 16px #5dffa059;--font-sans:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Menlo, monospace;--font-display:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=neon-tactical]{--bg:#050608;--bg-2:#080a0e;--bg-3:#0c0f14;--surface:#0c0f14;--surface-2:#14181f;--surface-3:#1c222b;--border:#1b212a;--border-strong:#2e3744;--border-soft:#11151c;--text:#e0ffe6;--text-dim:#8aa39a;--text-mute:#506057;--text-faint:#2e3a35;--accent:#b8ff3e;--accent-strong:#d4ff6e;--accent-soft:#b8ff3e1a;--accent-ink:#050a00;--secondary:#ff3eaa;--success:#b8ff3e;--warn:#ffd13e;--danger:#ff3e5d;--info:#3eb8ff;--muted:#506057;--grid:#b8ff3e0a;--grid-strong:#b8ff3e1f;--shadow:0 1px 0 #ffffff05 inset, 0 8px 24px #000000b3;--shadow-pop:0 0 0 1px var(--accent), 0 0 28px #b8ff3e59;--glow:0 0 18px #b8ff3e73;--font-sans:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Menlo, monospace;--font-display:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light-clean]{--bg:#f8fafc;--bg-2:#fff;--bg-3:#f1f5f9;--surface:#fff;--surface-2:#f1f5f9;--surface-3:#e2e8f0;--border:#e2e8f0;--border-strong:#cbd5e1;--border-soft:#f1f5f9;--text:#0f172a;--text-dim:#475569;--text-mute:#64748b;--text-faint:#94a3b8;--accent:#0ea5e9;--accent-strong:#0284c7;--accent-soft:#0ea5e91a;--accent-ink:#fff;--secondary:#6366f1;--success:#10b981;--warn:#f59e0b;--danger:#ef4444;--info:#0ea5e9;--muted:#64748b;--grid:#0f172a08;--grid-strong:#0f172a0f;--shadow:0 1px 3px #0000000d, 0 10px 20px -5px #0000000d;--shadow-pop:0 0 0 1px var(--accent), 0 10px 15px -3px #0ea5e91a;--glow:0 0 12px #0ea5e91a;--font-sans:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Menlo, monospace;--font-display:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-sans), sans-serif;font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:13px;line-height:1.4}::selection{background:var(--accent-soft);color:var(--text)}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);opacity:1;background-position:-1px -1px;background-size:32px 32px;position:fixed;inset:0}body.no-grid:before{display:none}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.app{grid-template-rows:44px 1fr 22px;grid-template-columns:232px 1fr;width:100%;height:100vh;transition:grid-template-columns .18s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.app.is-collapsed{grid-template-columns:52px 1fr}.app__topbar{grid-area:1/1/auto/-1}.app__sidebar{grid-area:2/1;overflow-y:auto}.app__content{grid-area:2/2;position:relative;overflow-y:auto}.app__statusbar{grid-area:3/1/auto/-1}@media (max-width:768px){.app{grid-template-rows:44px 1fr;grid-template-columns:1fr;overflow:hidden}.app__sidebar{z-index:100;width:240px;transition:left .3s;position:fixed;top:44px;bottom:0;left:-240px}.app__sidebar.is-open{left:0}.app__content{grid-column:1;width:100%;min-width:0;overflow-x:hidden}.app__statusbar{display:none}}.topbar{border-bottom:1px solid var(--border);background:var(--bg-2);align-items:center;gap:12px;height:100%;padding:0;display:flex;position:relative}.topbar__brand{border-right:1px solid var(--border);align-items:center;gap:10px;width:218px;height:100%;margin-right:6px;padding-right:14px;display:flex}.topbar__logo{border:1px solid var(--border-strong);background:var(--surface);border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.topbar__title{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;font-size:14px;font-weight:600}.topbar__title small{color:var(--text-mute);letter-spacing:.18em;text-transform:uppercase;margin-top:2px;font-size:9.5px;font-weight:500;display:block}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:600 13px/1 var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;transition:all .2s;display:inline-flex}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn--primary:hover{background:var(--accent-strong);box-shadow:var(--glow);transform:translateY(-1px)}.input{background:var(--bg);height:40px;color:var(--text);border:1px solid var(--border);font:400 14px/1 var(--font-sans);border-radius:8px;outline:none;padding:0 14px;transition:all .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{flex-direction:column;gap:8px;display:flex}.field__label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-mute);font-size:11px;font-weight:600;font-family:var(--font-mono), monospace}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.sidebarNav{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow:clip auto}.nav-item{cursor:pointer;color:var(--text-dim);white-space:nowrap;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .1s;display:flex}@media (max-width:768px){.desktop-only{display:none!important}}@media (min-width:769px){.mobile-only{display:none!important}}.nav-item.is-collapsed{justify-content:center;gap:0;padding:10px}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.is-active{background:var(--accent-soft);color:var(--accent)}.nav-sub-item{padding-left:34px;font-size:12px}.nav-sub-dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:background .1s}.nav-item.is-active .nav-sub-dot{background:var(--accent)}.nav-children{flex-direction:column;gap:1px;display:flex;overflow:hidden}.statusbar{background:var(--bg-2);border-top:1px solid var(--border);height:100%;font:500 10px/1 var(--font-mono);color:var(--text-mute);text-transform:uppercase;align-items:center;gap:16px;padding:0 14px;display:flex}.statusbar__dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 8px var(--success);border-radius:50%}.spacer{flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.hidden-mobile{display:inline}@media (max-width:480px){.hidden-mobile{display:none}}.theme-picker-popover{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:100;border-radius:8px;flex-direction:column;gap:4px;min-width:160px;margin-top:4px;padding:8px;display:flex;position:absolute;top:100%;right:0}.theme-picker-label{color:var(--text-mute);font-size:9px;font-family:var(--font-mono), monospace;text-transform:uppercase;padding:2px 6px}.theme-picker-item{cursor:pointer;color:var(--text-dim);border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.theme-picker-item:hover{background:var(--surface-2);color:var(--text)}.theme-picker-item.is-active{background:var(--surface-2);color:var(--text);font-weight:600}.sidebar__section{color:var(--text-mute);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:600;font-family:var(--font-mono), monospace;padding:12px 8px 4px}.sidebar-status-card{border:1px solid var(--border);background:var(--bg);border-radius:6px;flex-direction:column;gap:4px;margin:0 8px 8px;padding:10px;font-size:11px;display:flex}.sidebar-status-label{color:var(--text-mute);align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.sidebar-status-value{color:var(--text-dim);font-size:10px}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width:768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}}@media (max-width:480px){.hidden-mobile{display:none!important}}