:root{--bg: #161a16;--bg-elev: #1d231d;--bg-elev-2: #242b24;--panel: #1a201a;--border: #2c352c;--border-strong: #3a463a;--text: #e8ede4;--text-dim: #9aa499;--text-muted: #6c7669;--sage: #a3c585;--sage-strong: #8db168;--sage-dim: #6b8550;--amber: #e0a55c;--amber-strong: #d4923d;--danger: #d97a6b;--info: #6ba3c5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--radius: 10px;--radius-lg: 14px;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--sage);text-decoration:none}a:hover{color:var(--sage-strong)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 16px;border-bottom:1px solid var(--border)}.brand-mark{font-size:28px;line-height:1}.brand-title{font-weight:700;font-size:17px;letter-spacing:.2px}.brand-sub{font-size:12px;color:var(--amber);letter-spacing:1.5px;text-transform:uppercase}.sidebar nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);color:var(--text-dim);font-weight:500;transition:background .12s,color .12s}.nav-item:hover{background:var(--bg-elev-2);color:var(--text)}.nav-item.active{background:var(--bg-elev-2);color:var(--sage);box-shadow:inset 3px 0 0 var(--sage)}.nav-icon{font-size:18px;width:24px;text-align:center}.sidebar-footer{padding:8px;font-size:12px}.muted{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.content{padding:32px 36px;max-width:1400px;width:100%}h1{font-size:28px;font-weight:700;margin:0 0 4px;letter-spacing:-.3px}h2{font-size:20px;font-weight:600;margin:0 0 12px;letter-spacing:-.2px}h3{font-size:15px;font-weight:600;margin:0 0 8px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.page-header{margin-bottom:24px}.page-subtitle{color:var(--text-dim);font-size:14px;margin:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--text);font-weight:600;font-size:14px;transition:all .12s;min-height:44px}.btn:hover:not(:disabled){border-color:var(--sage);background:var(--bg-elev)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--sage);color:#0e110e;border-color:var(--sage)}.btn.primary:hover:not(:disabled){background:var(--sage-strong);border-color:var(--sage-strong)}.btn.amber{background:var(--amber);color:#0e110e;border-color:var(--amber)}.btn.amber:hover:not(:disabled){background:var(--amber-strong)}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.danger:hover:not(:disabled){background:#d97a6b1a}.btn.big{padding:18px 32px;font-size:16px;min-height:60px}.btn.icon{min-width:56px;min-height:56px;padding:10px;font-size:18px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.stack{display:flex;flex-direction:column;gap:16px}.input,.select{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);padding:10px 14px;color:var(--text);font-family:var(--font-mono);font-size:14px;min-height:44px}.input:focus,.select:focus{outline:none;border-color:var(--sage)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:var(--bg-elev-2);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--sage);cursor:pointer;border:2px solid #0e110e}.slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--sage);cursor:pointer;border:2px solid #0e110e}.readout{font-family:var(--font-mono);font-size:13px;color:var(--text-dim)}.readout strong{color:var(--text)}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-elev-2);color:var(--text-dim);border:1px solid var(--border-strong)}.badge.ok{color:var(--sage);border-color:var(--sage-dim)}.badge.warn{color:var(--amber);border-color:var(--amber)}.badge.err{color:var(--danger);border-color:var(--danger)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;font-family:var(--font-mono);font-size:13px}.kv .k{color:var(--text-muted)}pre,code{font-family:var(--font-mono);font-size:12px}pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow:auto;max-height:300px;color:var(--text-dim)}.ptz-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:240px}.live-frame{background:#000;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);display:block;width:100%}.live-frame img{display:block;width:100%;height:auto}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.thumb{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:block;transition:border-color .12s}.thumb:hover{border-color:var(--sage)}.thumb img{display:block;width:100%;height:110px;object-fit:cover}.thumb .meta{padding:6px 8px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.run-card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .12s,transform .12s;color:inherit}.run-card:hover{border-color:var(--sage);transform:translateY(-1px);color:inherit}.run-card .preview{background:#000;height:160px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}.run-card .preview img{width:100%;height:100%;object-fit:cover}.run-card .body{padding:16px}.run-card .title{font-family:var(--font-mono);font-size:13px;color:var(--text);margin-bottom:8px;word-break:break-all}.run-card .stats{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.sidebar nav{flex-direction:row;flex-wrap:wrap}.nav-item.active{box-shadow:inset 0 -3px 0 var(--sage)}.content{padding:20px 16px}}.workspace.svelte-12qhfyh{display:grid;grid-template-columns:80px 720px 1fr;min-height:100vh}@media (max-width: 1500px){.workspace.svelte-12qhfyh{grid-template-columns:72px 600px 1fr}}@media (max-width: 1280px){.workspace.svelte-12qhfyh{grid-template-columns:64px 480px 1fr}}.tab-rail.svelte-12qhfyh{background:var(--bg-elev);border-right:1px solid var(--border);padding:8px 6px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;position:sticky;top:0;height:100vh}.project-icon-rail.svelte-12qhfyh{width:100%;display:flex;justify-content:center;padding:4px 0}.rail-project-thumb.svelte-12qhfyh{width:48px;height:48px;object-fit:cover;border-radius:8px;border:2px solid var(--border)}.rail-project-icon.svelte-12qhfyh{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:8px;border:2px solid var(--border)}.picker-divider.svelte-12qhfyh{height:1px;background:var(--border);margin:4px 0}.picker-add-btn.svelte-12qhfyh{color:var(--sage)!important;opacity:.8}.picker-add-btn.svelte-12qhfyh:hover{opacity:1}.new-project-form.svelte-12qhfyh{padding:10px 14px;display:flex;flex-direction:column;gap:8px}.new-project-input.svelte-12qhfyh{width:100%;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:inherit;outline:none}.new-project-input.svelte-12qhfyh:focus{border-color:var(--sage-dim)}.new-project-type-row.svelte-12qhfyh{display:flex;gap:6px}.new-project-type-btn.svelte-12qhfyh{flex:1;padding:6px 8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-dim);font-size:12px;font-family:inherit;transition:all .1s}.new-project-type-btn.svelte-12qhfyh:hover{background:var(--bg-elev)}.new-project-type-btn.active.svelte-12qhfyh{color:var(--sage);border-color:var(--sage-dim);background:#a3c58514;font-weight:600}.new-project-error.svelte-12qhfyh{color:var(--danger);font-size:11px}.new-project-actions.svelte-12qhfyh{display:flex;gap:6px;justify-content:flex-end}.new-project-cancel.svelte-12qhfyh{padding:6px 12px;background:none;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-dim);font-size:12px;font-family:inherit}.new-project-cancel.svelte-12qhfyh:hover{background:var(--bg-elev)}.new-project-create.svelte-12qhfyh{padding:6px 16px;background:var(--sage-dim);border:none;border-radius:var(--radius);cursor:pointer;color:var(--bg);font-size:12px;font-weight:600;font-family:inherit}.new-project-create.svelte-12qhfyh:hover:not(:disabled){background:var(--sage)}.new-project-create.svelte-12qhfyh:disabled{opacity:.4;cursor:default}.brand-mini.svelte-12qhfyh{font-size:26px;margin-bottom:4px}.tab-rail.svelte-12qhfyh nav:where(.svelte-12qhfyh){display:flex;flex-direction:column;gap:4px;width:100%;flex:1}.tab-btn.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:var(--radius);color:var(--text-dim);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.3px}.tab-btn.svelte-12qhfyh:hover{background:var(--bg-elev-2);color:var(--text)}.tab-btn.active.svelte-12qhfyh{background:var(--sage-dim);color:var(--bg)}.tab-icon.svelte-12qhfyh{font-size:22px}.tab-label.svelte-12qhfyh{text-transform:uppercase}.rail-footer.svelte-12qhfyh{font-size:10px;letter-spacing:.5px}.camera-console.svelte-12qhfyh{background:var(--bg-elev);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0;height:100vh;overflow-y:auto}.console-header.svelte-12qhfyh{display:flex;align-items:center;font-size:13px;padding-bottom:4px;border-bottom:1px solid var(--border)}.console-toast.svelte-12qhfyh{font-size:12px;font-weight:600}.console-readout.svelte-12qhfyh{font-size:12px}.console-ptz.svelte-12qhfyh{display:flex;gap:10px;align-items:flex-start}.console-ptz.svelte-12qhfyh .ptz-pad{max-width:200px;gap:6px}.console-ptz.svelte-12qhfyh .ptz-pad .btn.icon{min-width:44px;min-height:44px;padding:4px;font-size:18px}.console-side.svelte-12qhfyh{display:flex;flex-direction:column;gap:6px;flex:1}.console-side.svelte-12qhfyh .btn.small{padding:6px 8px;font-size:12px}.console-focus.svelte-12qhfyh{display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.focus-header.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim)}.focus-slider-row.svelte-12qhfyh{display:flex;align-items:center;gap:6px}.focus-label.svelte-12qhfyh{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.focus-slider.svelte-12qhfyh{flex:1}.small.svelte-12qhfyh{font-size:11px}.content.svelte-12qhfyh{padding:20px 28px 40px;overflow-x:hidden}.content-top-bar.svelte-12qhfyh{display:flex;justify-content:flex-end;padding:12px 24px 0;position:sticky;top:0;z-index:100}.setup-picker.svelte-12qhfyh{position:relative}.setup-picker-btn.svelte-12qhfyh{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);transition:border-color .15s;text-align:left}.setup-picker-btn.svelte-12qhfyh:hover{border-color:var(--sage-dim)}.picker-thumb.svelte-12qhfyh{width:72px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.picker-icon.svelte-12qhfyh{font-size:24px;width:72px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-elev-2);border-radius:6px;border:1px solid var(--border);flex-shrink:0}.picker-text.svelte-12qhfyh{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.picker-name.svelte-12qhfyh{font-size:15px;font-weight:600}.picker-sub.svelte-12qhfyh{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.picker-chevron.svelte-12qhfyh{font-size:10px;color:var(--text-dim);flex-shrink:0}.setup-picker-dropdown.svelte-12qhfyh{position:absolute;top:calc(100% + 4px);right:0;min-width:340px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);z-index:200;box-shadow:0 6px 20px #00000080;overflow:hidden;max-height:400px;overflow-y:auto}.picker-opt.svelte-12qhfyh{display:flex;align-items:center;gap:12px;padding:10px 14px;width:100%;background:none;border:none;cursor:pointer;color:var(--text);font-size:14px;text-align:left;transition:background .1s}.picker-opt.svelte-12qhfyh:hover{background:var(--bg-elev)}.picker-opt.active.svelte-12qhfyh{color:var(--sage);font-weight:700;background:#a3c5850f}.picker-opt-thumb.svelte-12qhfyh{width:72px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.picker-opt-icon.svelte-12qhfyh{font-size:22px;width:72px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-elev);border-radius:6px;border:1px solid var(--border);flex-shrink:0}.picker-opt-text.svelte-12qhfyh{display:flex;flex-direction:column;gap:2px;min-width:0}.picker-opt-name.svelte-12qhfyh{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-opt-sub.svelte-12qhfyh{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}