@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-root: #0c0d10;--bg-surface: #14151a;--bg-surface-raised: #1a1c22;--bg-surface-hover: #22242c;--bg-surface-active: #2a2d38;--bg-inset: #0a0b0e;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text-primary: #e8eaed;--text-secondary: #9aa0ac;--text-tertiary: #5f6574;--text-inverse: #0c0d10;--accent: #00d4ff;--accent-dim: #0099bb;--accent-glow: rgba(0, 212, 255, .15);--accent-surface: rgba(0, 212, 255, .08);--success: #34d399;--warning: #fbbf24;--danger: #f87171;--info: #60a5fa;--team-blue: #3b82f6;--team-orange: #f97316;--font-display: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .2s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-display);font-weight:400;color:var(--text-primary);background:var(--bg-root);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-layout{display:flex;height:100%;background:var(--bg-root)}.sidebar{width:220px;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-subtle);flex-shrink:0;z-index:100;transition:width var(--duration-normal) var(--ease-out);overflow:hidden}.sidebar-collapsed{width:56px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 10px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out);min-width:0;overflow:hidden}.sidebar-logo:hover{background:var(--bg-surface-hover)}.sidebar-collapse-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-size:14px;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0}.sidebar-collapse-btn:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--bg-surface-hover)}.sidebar-collapsed .sidebar-collapse-btn .collapse-chevron{transform:rotate(180deg)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:10px 8px;flex:1}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-display);font-size:13px;font-weight:500;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;overflow:hidden;text-align:left}.sidebar-nav-item:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.sidebar-nav-item.active{color:var(--accent);background:var(--accent-surface);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-nav-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:10px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.sidebar-context{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--bg-surface-raised);border-radius:var(--radius-sm);overflow:hidden}.sidebar-context-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.sidebar-context-value{font-family:var(--font-mono);font-size:11px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-context-dot{display:flex;justify-content:center;padding:4px 0}.sidebar-version{display:flex;align-items:center;gap:6px;padding:2px 8px;justify-content:center}.app-main-content{flex:1;overflow:hidden;position:relative;min-height:0;min-width:0;display:flex;flex-direction:column}.page-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.page-container-flush .page-body-fill{padding:0}.page-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-shrink:0;gap:16px}.page-header-left{display:flex;align-items:center;gap:12px;min-width:0}.page-title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text-primary);white-space:nowrap}.page-subtitle{display:flex;align-items:center;gap:8px;min-width:0}.tab-bar{display:flex;gap:2px;padding:0 20px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.tab-btn{font-family:var(--font-display);font-size:13px;font-weight:500;padding:10px 18px;border:none;background:none;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative;white-space:nowrap;display:flex;align-items:center;gap:6px}.tab-btn:hover:not(:disabled){color:var(--text-primary)}.tab-btn.active{color:var(--accent)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:2px 2px 0 0}.tab-btn:disabled{opacity:.4;cursor:default}.tab-step{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--bg-surface-raised);border:1px solid var(--border-default);font-size:10px;font-weight:700;color:var(--text-tertiary);flex-shrink:0}.tab-btn.active .tab-step{background:var(--accent-surface);border-color:var(--accent-dim);color:var(--accent)}.tab-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;background:var(--accent-surface);color:var(--accent);border:1px solid rgba(0,212,255,.2)}.page-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px;min-height:0}.page-body-fill{flex:1;overflow:hidden;min-height:0}.training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.training-grid-full{grid-column:1 / -1}@media(max-width:1100px){.training-grid{grid-template-columns:1fr}}.panel-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.config-indicator{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:10px;padding:1px 8px;cursor:default}.pipeline-status-inline{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.orchestrator-logbox-sm{max-height:140px;font-size:10px}.app-shell{display:flex;flex-direction:column;height:100%;background:var(--bg-root)}.app-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0;z-index:100}.header-left{display:flex;align-items:center;gap:12px}.logo-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}.logo-btn:hover{background:var(--bg-surface-hover)}.logo-mark{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--accent);background:var(--accent-surface);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid rgba(0,212,255,.2);letter-spacing:.05em}.logo-text{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--text-primary);letter-spacing:-.01em}.mobile-nav-toggle{display:none;flex-direction:column;gap:3px;padding:6px;background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer}.mobile-nav-bar{display:block;width:16px;height:2px;background:var(--text-secondary);border-radius:1px;transition:background var(--duration-fast) var(--ease-out)}.mobile-nav-toggle:hover .mobile-nav-bar{background:var(--text-primary)}.header-nav{display:flex;gap:2px;background:var(--bg-inset);padding:3px;border-radius:var(--radius-md)}.nav-tab{font-family:var(--font-display);font-size:12px;font-weight:500;padding:5px 16px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);position:relative;white-space:nowrap}.nav-tab:hover:not(:disabled){color:var(--text-primary);background:var(--bg-surface-hover)}.nav-tab.active{color:var(--text-primary);background:var(--bg-surface-raised);box-shadow:0 1px 3px #0000004d}.nav-tab:disabled{opacity:.4;cursor:default}.nav-hint{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);padding:4px 10px;background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary);white-space:nowrap;z-index:200;pointer-events:none;box-shadow:0 4px 12px #0006}.nav-tab:disabled:hover .nav-hint{display:block}.header-right{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 6px #34d39966}.header-version{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.context-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0 16px;flex-shrink:0}.context-bar-inner{display:flex;align-items:center;justify-content:space-between;height:32px;max-width:1280px;margin:0 auto;gap:16px}.context-crumbs{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0;overflow:hidden}.context-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);flex-shrink:0}.context-value{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-link{background:none;border:none;cursor:pointer;color:var(--accent);padding:0 4px;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}.context-link:hover{background:var(--accent-surface)}.context-empty{color:var(--text-tertiary)}.context-cta{background:none;border:none;cursor:pointer;color:var(--accent);font-family:inherit;font-size:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;padding:0}.context-cta:hover{color:var(--text-primary)}.context-sep{color:var(--text-tertiary);font-size:11px;flex-shrink:0;margin:0 2px}.context-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.context-action-btn{font-family:var(--font-display);font-size:11px;font-weight:500;padding:2px 10px;border:1px solid var(--border-default);background:none;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.context-action-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface-hover)}.app-main{flex:1;overflow:hidden;position:relative;min-height:0}.page-body-fill>.dataset-page,.page-body-fill>.catalog-page{height:100%}.page-body-fill>.workbench-page{height:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text-secondary);text-align:center;padding:40px 20px}.empty-state h2{font-size:18px;color:var(--text-primary)}.empty-state p{font-size:13px;max-width:400px}.empty-state-inline{padding:16px;color:var(--text-secondary);font-size:13px;text-align:center;background:var(--bg-inset);border:1px dashed var(--border-default);border-radius:var(--radius-md)}.btn-primary{font-family:var(--font-display);font-size:13px;font-weight:600;padding:8px 18px;background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-primary:hover{filter:brightness(1.15);box-shadow:0 0 16px var(--accent-glow)}.btn-primary:disabled{opacity:.55;cursor:default;box-shadow:none;filter:none}.btn-secondary{font-family:var(--font-display);font-size:13px;font-weight:500;padding:7px 16px;background:var(--bg-surface-raised);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-secondary:disabled{opacity:.55;cursor:default}.btn-sm{padding:4px 12px;font-size:12px}.btn-ghost{font-family:var(--font-display);font-size:13px;font-weight:500;padding:6px 12px;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.btn-ghost:disabled{opacity:.45;cursor:default}.btn-ghost-danger:hover:not(:disabled){color:var(--danger);background:#f8717114}.btn-danger{font-family:var(--font-display);font-size:13px;font-weight:600;padding:8px 18px;background:#f871711f;color:var(--danger);border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn-danger:hover{background:#f8717133;border-color:#f8717166}.btn-danger:disabled{opacity:.5;cursor:default}.btn-armed{background:#f8717140;border-color:var(--danger);animation:armed-pulse 1s ease-in-out infinite}@keyframes armed-pulse{0%,to{box-shadow:0 0 #f871714d}50%{box-shadow:0 0 0 4px #f8717126}}.input-field{font-family:var(--font-display);font-size:13px;padding:8px 12px;background:var(--bg-inset);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);width:100%}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}select.input-field{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239aa0ac'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.badge{font-family:var(--font-mono);font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge-ready{background:#34d3991f;color:var(--success)}.badge-draft{background:#60a5fa1f;color:var(--info)}.badge-in_review{background:#fbbf2424;color:var(--warning)}.badge-accepted{background:#34d3991f;color:var(--success)}.badge-rejected{background:#f871711f;color:var(--danger)}.badge-trashed{background:#5f657433;color:var(--text-tertiary)}.badge-queued{background:#94a3b829;color:#cbd5e1}.badge-running{background:#3b82f62e;color:#93c5fd}.badge-succeeded{background:#34d39929;color:var(--success)}.badge-failed{background:#f871712e;color:var(--danger)}.badge-canceled{background:#5f65743d;color:#9ca3af}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-default)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-divider{height:1px;background:var(--border-subtle);margin:4px 0}.progress-bar-wrap{display:flex;align-items:center;gap:8px}.progress-bar-track{flex:1;height:6px;background:var(--bg-inset);border-radius:3px;overflow:hidden;border:1px solid var(--border-subtle)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:3px;transition:width .3s var(--ease-out)}.progress-bar-fill.progress-complete{background:var(--success)}.progress-bar-label{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0;min-width:32px}.token-gate{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-root)}.token-gate-form{display:flex;flex-direction:column;gap:16px;width:360px;padding:32px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.token-gate-form h2{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text-primary);text-align:center}.token-gate-form p{font-size:13px;color:var(--text-secondary);text-align:center}.dataset-page{display:flex;flex-direction:column;height:100%;width:min(1280px,100%);margin:0 auto;padding:16px 20px;gap:12px;overflow:hidden;min-height:0}.dataset-top{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.dataset-top-copy{width:min(760px,100%)}.dataset-top h2{font-size:18px;line-height:1.2}.dataset-top p{font-size:12px;color:var(--text-secondary);margin-top:4px}.dataset-top-actions{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:center;justify-content:center;width:min(820px,100%);gap:8px;min-width:0}.dataset-input{min-width:0}.dataset-select-btn,.dataset-open-btn{min-width:110px}.dataset-selection-note{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-secondary);padding:4px 0}.dataset-pill{font-family:var(--font-mono);font-size:11px;color:var(--accent);background:var(--accent-surface);border-radius:var(--radius-sm);padding:2px 8px;border:1px solid rgba(0,212,255,.15)}.dataset-selected-summary{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 12px;width:100%;display:flex;flex-direction:column;gap:8px}.dataset-selected-label{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);text-transform:uppercase}.dataset-selected-meta{font-size:12px;color:var(--text-secondary)}.dataset-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(360px,420px));justify-content:center;align-content:start;gap:10px;overflow-y:auto;padding-bottom:20px;flex:1;min-height:0}.dataset-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.dataset-card.active{border-color:var(--accent-dim);box-shadow:inset 0 0 0 1px #00d4ff40}.dataset-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dataset-card-name{font-family:var(--font-mono);font-size:12px;color:var(--text-primary)}.dataset-card-meta{font-size:11px;color:var(--text-tertiary)}.dataset-status-row{display:flex;flex-wrap:wrap;gap:6px}.dataset-status-chip{font-family:var(--font-mono);font-size:10px;padding:1px 6px;border-radius:var(--radius-sm);border:1px solid transparent}.dataset-status-chip.status-draft{color:var(--text-secondary);border-color:var(--border-default);background:#94a3b81f}.dataset-status-chip.status-in_review{color:#93c5fd;border-color:#60a5fa59;background:#60a5fa1f}.dataset-status-chip.status-accepted{color:var(--success);border-color:#34d39959;background:#34d3991f}.dataset-status-chip.status-rejected{color:var(--danger);border-color:#f8717159;background:#f871711f}.dataset-status-chip.status-trashed{color:#94a3b8;border-color:#94a3b859;background:#94a3b81f}.dataset-page-expanded{overflow-y:auto;align-items:stretch}.dataset-page-expanded .dataset-grid{flex:0 0 auto;min-height:0}.dataset-top-expanded{align-items:stretch;text-align:left}.orchestrator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.orchestrator-grid-single{grid-template-columns:minmax(0,1fr)}.orchestrator-secondary-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}.dataset-selector-panel{padding-bottom:10px}.dataset-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;max-height:260px;overflow-y:auto;padding-right:4px}.dataset-inline-card{text-align:left;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.dataset-inline-card:hover{border-color:var(--border-strong);background:var(--bg-surface-hover)}.dataset-inline-card.active{border-color:var(--accent-dim);box-shadow:inset 0 0 0 1px #00d4ff40}.dataset-inline-title{font-family:var(--font-mono);font-size:12px}.dataset-inline-meta{font-size:11px;color:var(--text-secondary)}.orchestrator-panel{padding:14px;display:flex;flex-direction:column;gap:10px}.orchestrator-panel h3{font-size:14px;font-weight:600}.orchestrator-panel-compact{min-height:220px}.orchestrator-form-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:8px}.orchestrator-form-row label{color:var(--text-secondary);font-size:12px}.orchestrator-actions{display:flex;align-items:center;gap:8px}.orchestrator-actions-inline{display:inline-flex;align-items:center;gap:6px}.orchestrator-preview{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text-secondary)}.orchestrator-tier-list{display:flex;flex-wrap:wrap;gap:6px}.orchestrator-warning{color:var(--warning);font-size:12px;padding:8px;background:#fbbf240f;border-radius:var(--radius-sm);border:1px solid rgba(251,191,36,.15)}.orchestrator-status{color:var(--accent);font-family:var(--font-mono);font-size:11px;padding:6px 8px;background:var(--accent-surface);border-radius:var(--radius-sm);border:1px solid rgba(0,212,255,.12)}.build-row{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out)}.build-row:hover{border-color:var(--border-default)}.build-row-top{display:flex;align-items:center;gap:8px}.build-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.status-detail{display:flex;flex-direction:column;gap:10px}.status-detail-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shard-controls{padding:10px;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-md);background:#f871710a}.shard-controls-title{font-size:12px;font-weight:600;color:var(--danger);margin-bottom:8px}.shard-controls-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.orchestrator-row{display:grid;grid-template-columns:auto minmax(220px,1.2fr) minmax(180px,1fr) auto auto auto;align-items:center;gap:8px;padding:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.orchestrator-row-compact{grid-template-columns:auto auto 1fr auto}.orchestrator-scroll-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding-right:4px}.orchestrator-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.orchestrator-textarea{min-height:92px;resize:vertical}.orchestrator-logbox{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px;max-height:360px;overflow-y:auto;white-space:pre-wrap;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.metrics-selector{display:flex;flex-wrap:wrap;gap:6px;max-height:118px;overflow-y:auto;padding-right:4px}.metrics-selector-item{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface-raised);color:var(--text-secondary);font-size:11px;padding:4px 8px;cursor:pointer}.metrics-selector-item.active{border-color:var(--accent-dim);color:var(--text-primary)}.metrics-selector-item input{margin:0}.metrics-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.run-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:min(52vh,620px);overflow-y:auto;padding-right:4px}.run-metric-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:linear-gradient(160deg,#0f1822bd,#080d14bd);padding:8px;display:flex;flex-direction:column;gap:8px}.run-metric-head{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11px}.run-metric-head strong{text-transform:capitalize;color:var(--text-primary)}.run-metric-head span{font-family:var(--font-mono);color:var(--accent)}.run-metric-plot{width:100%;height:132px;border-radius:var(--radius-sm);border:1px solid rgba(148,163,184,.18);background:#0206178c}.run-metric-axis{stroke:#94a3b847;stroke-width:1;stroke-dasharray:4 4}.run-metric-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono)}.danger-zone{border-color:#f8717133;background:var(--bg-surface)}.danger-zone:hover{border-color:#f8717159}.danger-zone-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(248,113,113,.15)}.danger-zone-header h3{font-size:14px;font-weight:600;color:var(--danger)}.danger-zone-body{padding:14px;display:flex;flex-direction:column;gap:12px}.danger-zone-item{display:flex;align-items:center;justify-content:space-between;gap:16px}.danger-zone-item p{margin-top:2px}.replay-table-wrap{min-height:460px;flex:1}.replay-table{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0;flex:1;overflow-x:auto}.replay-table-body{display:flex;flex-direction:column;gap:6px;max-height:min(52vh,620px);overflow-y:auto;padding-right:4px}.replay-table-head,.replay-table-row{display:grid;grid-template-columns:minmax(140px,1.8fr) .9fr 1.1fr .95fr .8fr;gap:8px;align-items:center;min-width:0}.runs-table-cols{grid-template-columns:minmax(120px,1.5fr) .6fr minmax(80px,1fr) .7fr .9fr .8fr}.replay-table-head{font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-subtle);padding-bottom:8px;position:sticky;top:0;z-index:1;background:var(--bg-surface)}.replay-table-row{padding:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:12px;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.replay-table-row:hover{border-color:var(--border-default);background:var(--bg-surface-raised)}.replay-table-row.row-selected{border-color:var(--accent-dim);background:var(--accent-surface)}.truncate-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1160px){.orchestrator-grid,.orchestrator-secondary-grid,.orchestrator-row,.replay-table-head,.replay-table-row,.runs-table-cols{grid-template-columns:1fr}.danger-zone-item{flex-direction:column;align-items:stretch;text-align:center}.context-actions{display:none}.context-crumbs{flex-wrap:wrap}}@media(max-width:768px){.mobile-nav-toggle{display:flex}.header-nav{display:none;position:absolute;top:48px;left:0;right:0;flex-direction:column;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:8px;z-index:150;gap:4px;box-shadow:0 8px 24px #00000080}.header-nav.header-nav-open{display:flex}.nav-tab{text-align:left;padding:8px 14px}.nav-hint{display:none!important}.context-bar{padding:0 12px}.context-bar-inner{height:auto;padding:6px 0;flex-wrap:wrap}.context-crumbs{flex-wrap:wrap}.context-actions{display:none}.dataset-top-actions{grid-template-columns:1fr;width:100%}.orchestrator-form-row{grid-template-columns:1fr}}.catalog-page{display:flex;flex-direction:column;height:100%;padding:16px 20px;gap:14px;overflow:hidden}.catalog-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex-shrink:0}.catalog-search{flex:1;max-width:400px}.catalog-stats{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);margin-left:auto}.catalog-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);padding:0 4px;cursor:pointer}.catalog-toggle input{accent-color:var(--accent)}.catalog-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;align-content:start;padding-bottom:20px}.replay-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;gap:8px}.replay-card:hover{background:var(--bg-surface-raised);border-color:var(--accent-dim);box-shadow:0 0 20px #00d4ff0d}.replay-card-header{display:flex;align-items:center;justify-content:space-between}.replay-id{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.replay-card-body{display:flex;flex-direction:column;gap:4px}.replay-map{font-weight:600;font-size:14px;color:var(--text-primary)}.replay-meta{display:flex;gap:14px;font-size:12px;color:var(--text-secondary)}.replay-meta-item{display:flex;align-items:center;gap:4px}.replay-rank{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid transparent;width:fit-content}.replay-rank-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 1px #00000059}.replay-rank-bronze{color:#ffd8bd;background:#ac5d3673;border-color:#e2936c99}.replay-rank-bronze .replay-rank-dot{background:radial-gradient(circle at 30% 30%,#ffe2cd,#bf6f44)}.replay-rank-silver{color:#f2f5ff;background:#8999bb6b;border-color:#bfceeb9e}.replay-rank-silver .replay-rank-dot{background:radial-gradient(circle at 30% 30%,#fff,#9da9c2)}.replay-rank-gold{color:#fff0b5;background:#c18d197a;border-color:#f6c9539e}.replay-rank-gold .replay-rank-dot{background:radial-gradient(circle at 30% 30%,#fff4c8,#da9f29)}.replay-rank-platinum{color:#d5ffec;background:#1fa47e75;border-color:#70f1cc9e}.replay-rank-platinum .replay-rank-dot{background:radial-gradient(circle at 30% 30%,#e5fff5,#2ab18d)}.replay-rank-diamond{color:#d8e9ff;background:#3463d27a;border-color:#7ca4ffa8}.replay-rank-diamond .replay-rank-dot{background:radial-gradient(circle at 30% 30%,#e5f1ff,#4d79e0)}.replay-rank-champion{color:#f0dbff;background:#7f45c97a;border-color:#b57effa3}.replay-rank-champion .replay-rank-dot{background:radial-gradient(circle at 30% 30%,#f3e2ff,#9250de)}.replay-rank-grand_champion{color:#ffd5df;background:#b82b5880;border-color:#f7749da8}.replay-rank-grand_champion .replay-rank-dot{background:radial-gradient(circle at 30% 30%,#ffe2ea,#d34377)}.replay-rank-supersonic_legend{color:#dcf7ff;background:linear-gradient(90deg,#109fc485,#6a60eb6b);border-color:#6bd3ffb8}.replay-rank-supersonic_legend .replay-rank-dot{background:radial-gradient(circle at 30% 30%,#ebfcff,#2a8de0)}.replay-rank-unranked{color:var(--text-secondary);background:#94a3b81f;border-color:var(--border-default)}.replay-rank-unranked .replay-rank-dot{background:#64748b}.workbench-page{display:flex;flex-direction:column;height:100%;overflow:hidden;min-height:0}.inference-toggle-row{display:flex;gap:8px}.inference-meta{margin-top:10px;padding:10px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#0b0c1059}.inference-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 12px}.inference-viewer-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:12px;align-items:stretch}.inference-viewport{height:560px;border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.16);background:#0b0c1059}.inference-sidepanel{display:flex;flex-direction:column;gap:12px}.inference-panel{padding:12px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#0b0c1059}.inference-panel-title{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f0cc;margin-bottom:10px}.inference-kv{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:4px 0;color:#e2e8f0e6}.inference-rank-list{display:flex;flex-direction:column;gap:6px}.inference-rank-row{display:grid;grid-template-columns:1fr 1.2fr .6fr;gap:8px;align-items:center;font-size:12px}.inference-rank-bar{position:relative;height:10px;border-radius:999px;background:#94a3b824;overflow:hidden}.inference-rank-fill{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,#22c55ed9,#eab308d9)}.inference-timeline{margin-top:12px;padding-top:10px;border-top:1px solid rgba(148,163,184,.14)}.inference-timeline-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.inference-lane-row{display:grid;grid-template-columns:260px 1fr;gap:10px;align-items:center;margin:6px 0}.inference-lane-label{color:#e2e8f0bf;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inference-lane-bar{position:relative;height:14px;border-radius:10px;background:#94a3b81a;overflow:hidden;border:1px solid rgba(148,163,184,.12)}.inference-lane-seg{position:absolute;top:0;bottom:0;background:#22c55eb3}.inference-lane-seg.seg-goal{background:#eab308bf}.inference-lane-cursor{position:absolute;top:-2px;bottom:-2px;width:2px;background:#f8fafce6;box-shadow:0 0 0 1px #0006}@media(max-width:1100px){.inference-viewer-grid{grid-template-columns:1fr}.inference-viewport{height:460px}.inference-controls-grid{grid-template-columns:1fr}.inference-lane-row{grid-template-columns:160px 1fr}}.workbench-top{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:16px}.workbench-replay-info{display:flex;align-items:center;gap:12px}.workbench-replay-name{font-weight:600;font-size:14px}.workbench-actions{display:flex;align-items:center;gap:8px}.workbench-content{flex:1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;overflow:hidden;min-height:0}.action-notice{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border-subtle);font-size:12px}.action-notice.notice-success{color:var(--success);background:#34d39914}.action-notice.notice-error{color:var(--danger);background:#f8717114}.action-notice.notice-info{color:var(--info);background:#60a5fa14}.action-notice-path{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);margin-left:auto}.workbench-viewport{display:grid;grid-template-columns:1fr 360px;gap:1px;background:var(--border-subtle);overflow:hidden;min-height:0;min-width:0}.viewer-panel{background:var(--bg-root);display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0}.viewer-canvas{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-inset);position:relative}.viewer-placeholder{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);text-align:center;line-height:1.8}.side-panel{background:var(--bg-surface);display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0}.side-panel-header{padding:10px 14px;border-bottom:1px solid var(--border-subtle);font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.side-panel-body{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-height:0}.player-list{display:flex;flex-direction:column;gap:4px}.player-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);font-size:13px}.player-item:hover{background:var(--bg-surface-hover)}.player-item.active{background:var(--accent-surface);border:1px solid rgba(0,212,255,.2)}.player-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.player-dot.team-0{background:var(--team-blue)}.player-dot.team-1{background:var(--team-orange)}.player-name{flex:1}.player-slot{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.session-info{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-surface-raised);border-radius:var(--radius-md);font-size:12px}.session-row{display:flex;justify-content:space-between;align-items:center}.session-label{color:var(--text-tertiary)}.session-value{font-family:var(--font-mono);font-size:11px;color:var(--text-primary)}.playback-bar{display:flex;align-items:center;gap:var(--gutter-gap);padding:8px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.playback-controls{display:flex;align-items:center;gap:4px;width:var(--gutter-left);flex-shrink:0;justify-content:flex-end}.playback-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:13px;transition:all var(--duration-fast) var(--ease-out)}.playback-btn:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.playback-btn.active{background:var(--accent-surface);border-color:var(--accent-dim);color:var(--accent)}.playback-stats{display:flex;align-items:center;gap:8px;width:var(--gutter-right);flex-shrink:0;justify-content:flex-end}.timeline-scrubber{flex:1;height:24px;background:var(--bg-inset);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);position:relative;cursor:pointer;overflow:hidden}.timeline-progress{position:absolute;top:0;left:0;bottom:0;background:linear-gradient(90deg,var(--accent-surface),rgba(0,212,255,.15));border-right:2px solid var(--accent);transition:width 50ms linear}.timeline-cursor-line{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);box-shadow:0 0 6px #00d4ff80;pointer-events:none}.frame-display{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);text-align:right;white-space:nowrap}.frame-display .frame-num{color:var(--accent);font-weight:600}.playback-rate{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);padding:2px 6px;background:var(--bg-surface-raised);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0}.playback-rate:hover{color:var(--text-secondary)}.bottom-section{--gutter-left: 148px;--gutter-right: 180px;--gutter-gap: 8px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;max-height:340px;overflow:hidden}.event-lanes-header{display:flex;align-items:center;justify-content:space-between;padding:5px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.event-lanes-header-left{display:flex;align-items:center;gap:6px}.event-lanes-header-right{display:flex;align-items:center;gap:12px}.collapse-chevron{font-size:12px;color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-out);display:inline-block}.collapse-chevron.collapsed{transform:rotate(-90deg)}.annotation-panel-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.annotation-count{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);white-space:nowrap}.player-dropdown{font-family:var(--font-display);font-size:12px;font-weight:500;padding:3px 24px 3px 8px;background:var(--bg-surface-raised);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%239aa0ac'%3E%3Cpath d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;transition:border-color var(--duration-fast) var(--ease-out);min-width:160px}.player-dropdown:hover{border-color:var(--border-strong)}.player-dropdown:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.tools-row{display:flex;align-items:center;gap:4px;padding:4px 16px 6px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;flex-wrap:wrap}.tool-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-display);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.tool-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover);border-color:var(--border-default)}.tool-btn.active{color:var(--accent);background:var(--accent-surface);border-color:#00d4ff4d}.tool-btn:disabled{opacity:.42;cursor:default}.tool-btn:disabled:hover{color:var(--text-secondary);background:none;border-color:transparent}.tool-btn svg{flex-shrink:0}.tool-btn-confirm{color:var(--danger);border-color:#f8717159;background:#f871711a}.tool-btn-approve:hover{color:var(--success);background:#34d39914;border-color:#34d39940}.tool-btn-reject:hover{color:var(--danger);background:#f8717114;border-color:#f8717140}.tool-divider{width:1px;height:18px;background:var(--border-subtle);margin:0 4px;flex-shrink:0}.inline-notice{margin:0 16px 6px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:12px;line-height:1.4}.inline-notice.notice-success{color:var(--success);background:#34d39914;border-color:#34d39940}.inline-notice.notice-error{color:var(--danger);background:#f8717114;border-color:#f8717140}.inline-notice.notice-info{color:var(--info);background:#60a5fa14;border-color:#60a5fa40}.tool-panel{margin:0 16px 8px;padding:10px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-raised);display:flex;flex-direction:column;gap:10px}.tool-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px;color:var(--text-primary)}.tool-panel-meta{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.tool-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tool-field{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-secondary)}.tool-input{height:28px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--text-primary);padding:4px 8px;font-family:var(--font-mono);font-size:12px;outline:none}.tool-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.tool-panel-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.annotation-lanes{padding:6px 16px 10px;display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex:1;min-height:0}.annotation-lane{display:flex;align-items:center;gap:var(--gutter-gap);height:24px}.lane-label{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);width:var(--gutter-left);text-align:right;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-label-button{border:none;background:transparent;padding:0;cursor:default}.lane-label-button:disabled{opacity:1}.lane-label-delete-ready{color:var(--danger);cursor:pointer}.lane-label-delete-ready:hover{color:#fca5a5;text-decoration:underline}.lane-track{flex:1;height:18px;background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:2px;position:relative;overflow:hidden;cursor:crosshair}.annotation-lane:after{content:"";width:var(--gutter-right);flex-shrink:0}.lane-segment{position:absolute;top:1px;bottom:1px;border-radius:2px;min-width:3px;cursor:pointer;transition:filter var(--duration-fast) var(--ease-out)}.lane-segment:hover{filter:brightness(1.3)}.lane-segment.selected{box-shadow:0 0 0 1px #ffffff8c,0 0 8px var(--accent-glow);filter:brightness(1.2)}.lane-segment.current{box-shadow:inset 0 0 0 1px #ffffffb3,0 0 10px #ffffff47;filter:brightness(1.32) saturate(1.08)}.lane-segment.current-latched{box-shadow:inset 0 0 0 1px #ffffff75,0 0 8px #ffffff29;filter:brightness(1.2)}.lane-segment-preview{pointer-events:none;opacity:.6;border:1px dashed rgba(255,255,255,.5)}.seg-shadowing{background:#6366f1}.seg-challenge{background:#f59e0b}.seg-dribble{background:#8b5cf6}.seg-flick{background:#ec4899}.seg-aerial{background:#06b6d4}.seg-backboard_defense{background:#14b8a6}.seg-boost{background:#22c55e}.seg-clear_touch{background:#64748b}.seg-double_commit{background:#ef4444}.seg-rotation{background:#3b82f6}.seg-recovery{background:#a78bfa}.seg-default{background:#6b7280}.seg-goal{background:linear-gradient(90deg,#eab308e6,#eab30859);border:1px solid rgba(234,179,8,.35)}.seg-rank-unranked{background:#94a3b859;border:1px solid rgba(148,163,184,.35)}.seg-rank-bronze{background:#b453098c;border:1px solid rgba(180,83,9,.45)}.seg-rank-silver{background:#94a3b8a6;border:1px solid rgba(148,163,184,.55)}.seg-rank-gold{background:#f59e0ba6;border:1px solid rgba(245,158,11,.55)}.seg-rank-platinum{background:#22d3ee8c;border:1px solid rgba(34,211,238,.45)}.seg-rank-diamond{background:#3b82f699;border:1px solid rgba(59,130,246,.5)}.seg-rank-champion{background:#a855f799;border:1px solid rgba(168,85,247,.5)}.seg-rank-grand_champion{background:#ef4444a6;border:1px solid rgba(239,68,68,.55)}.seg-rank-supersonic_legend{background:#00d4ff8c;border:1px solid rgba(0,212,255,.45)}.seg-ignore{background:repeating-linear-gradient(45deg,#f8717133,#f8717133 3px,#f8717114 3px 6px);border:1px solid rgba(248,113,113,.3)}.annotations-list{display:flex;flex-direction:column;gap:4px;max-height:42vh;overflow-y:auto}.annotation-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;transition:background var(--duration-fast) var(--ease-out)}.annotation-item:hover{background:var(--bg-surface-hover)}.annotation-item.selected{background:var(--accent-surface);border:1px solid rgba(0,212,255,.25)}.annotation-item.current{background:#ffffff12;border:1px solid rgba(255,255,255,.18)}.annotation-item.current-latched{background:#ffffff0d;border:1px solid rgba(255,255,255,.14)}.annotation-item.current.selected{background:#00d4ff29;border-color:#00d4ff75}.annotation-type-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.annotation-type{flex:1;color:var(--text-primary)}.annotation-frames{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--text-secondary);font-size:13px}.view-toggle{display:flex;gap:2px;background:var(--bg-inset);padding:3px;border-radius:var(--radius-md)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:30px;height:26px;border:none;background:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out)}.view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.view-toggle-btn.active{color:var(--accent);background:var(--bg-surface-raised);box-shadow:0 1px 3px #0000004d}@media(max-width:1200px){.tool-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dataset-top{flex-direction:column;align-items:stretch}.dataset-top-copy{width:100%}.dataset-top-actions{min-width:0;width:100%;grid-template-columns:1fr}.dataset-grid{grid-template-columns:minmax(0,1fr);justify-content:stretch}.event-lanes-header-right{gap:8px;flex-wrap:wrap;justify-content:flex-end}}@media(max-width:768px){.sidebar{width:56px}.sidebar .sidebar-nav-label,.sidebar .sidebar-context,.sidebar .logo-text,.sidebar-collapse-btn{display:none}.tab-bar{padding:0 12px;overflow-x:auto}.tab-btn{padding:8px 12px;font-size:12px}.page-header{padding:10px 14px}.page-body{padding:12px 14px}.training-grid{grid-template-columns:1fr}}.mono{font-family:var(--font-mono)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-muted{color:var(--text-secondary)}.text-dim{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.gap-4{gap:4px}.gap-8{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.context-actions-sep{width:1px;height:14px;background:var(--border-default);margin:0 4px}.context-action-btn-subtle{border-color:var(--border-subtle)}.modal-overlay{position:fixed;inset:0;z-index:500;background:#080a0eb3;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:min(860px,100%);max-height:90vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary)}@media(max-width:900px){.modal-grid{grid-template-columns:1fr}}