:root{--bg: #f7f7f7;--surface: #ffffff;--text: #171717;--muted: #727272;--line: #e5e5e5;--brand: #171717;--danger: #b42318;--sidebar-width: 220px;--font-ui: "Avenir Next", "SF Pro Text", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--breakpoint-xs: 375px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;font-family:var(--font-ui);color:var(--text);background:var(--bg)}body.new-job-scroll-locked{overflow:hidden}html.new-job-scroll-locked,body.new-job-scroll-locked{height:100dvh;overflow:hidden}body.new-job-scroll-locked #root,body.new-job-scroll-locked .app-shell,body.new-job-scroll-locked .app-main,body.new-job-scroll-locked .app-main-with-sidebar,body.new-job-scroll-locked .page-content{height:100%;overflow:hidden}body.new-job-scroll-locked .job-submit-page{height:100%;max-height:none;overflow:hidden}a{color:#0b65a4}.app-shell{min-height:100vh}body.sidebar-page-scroll-locked{overflow:hidden}.app-sidebar{position:fixed;left:0;top:0;display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;border-right:1px solid var(--line);background:#fafafa;padding:20px 14px;transition:transform .18s ease,opacity .12s ease;z-index:20}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mobile-menu-toggle{display:none}.brand-link{text-decoration:none;color:var(--brand);font-weight:800;letter-spacing:.02em}.sidebar-collapse-button{border:1px solid var(--line);border-radius:8px;min-width:44px;min-height:44px;padding:5px 8px;background:#fff;color:#6d6d6d;font-size:12px;line-height:1;cursor:pointer}.sidebar-collapse-button:hover{background:#f2f2f2}.sidebar-collapse-button:focus-visible{outline:2px solid #d0d0d0}.sidebar-collapsed .sidebar-collapse-button{transform:rotate(180deg)}.sidebar-collapsed .app-sidebar{transform:translate(calc(-1 * var(--sidebar-width) - 24px));opacity:0;pointer-events:none}.sidebar-nav{display:grid;gap:4px;flex:1 1 auto;align-content:start}.sidebar-nav a{text-decoration:none;min-height:44px;padding:10px 12px;border-radius:8px;color:var(--text);font-weight:500;display:flex;align-items:center}.sidebar-nav a.active{background:#f1f1f1;border:1px solid var(--line)}.sidebar-bottom-actions{margin-top:auto;padding-top:12px}.app-main{width:calc(100% - var(--sidebar-width));padding:16px 14px 28px}.app-main-with-sidebar{margin-left:var(--sidebar-width);transition:margin-left .16s ease,width .16s ease}.sidebar-collapsed .app-main-with-sidebar{margin-left:0;width:100%}@media (min-width: 921px){body.sidebar-page-scroll-locked{overflow:hidden}}.sidebar-floating-expand-button{position:fixed;top:6px;left:8px;z-index:30;border:1px solid var(--line);border-radius:8px;min-width:44px;min-height:44px;padding:5px 9px;background:#fff;color:#6d6d6d;font-size:12px;line-height:1;cursor:pointer}.sidebar-floating-expand-button:hover{background:#f2f2f2}.sidebar-floating-expand-button:focus-visible{outline:2px solid #d0d0d0}.page-content{max-width:1400px;margin:0 auto}.page-content-full{max-width:none;width:100%}h1{margin:0;font-size:clamp(24px,5vw,44px);line-height:1.1}h2{margin:0 0 12px;font-size:24px}p{margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;margin-top:10px}.form-grid{display:grid;gap:14px;margin-top:18px}.job-input-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.job-input-action-row button{min-height:48px}.job-submit-page{margin-top:0;height:calc(100dvh - 72px);max-height:calc(100dvh - 88px);overflow:hidden}.job-submit-page .form-grid{grid-template-rows:auto auto auto;margin-top:12px;gap:10px}.new-job-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.new-job-title-controls{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.v3-llm-model-field{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}.v3-llm-model-label{color:var(--muted);font-size:12px;font-weight:600}.v3-llm-model-field select{min-width:200px;max-width:min(420px,36vw);padding:8px 10px;border-radius:8px;border:1px solid var(--line);font:inherit;background:#fff}.experiment-v3-llm-field .v3-llm-model-label{white-space:nowrap}.new-job-version-field{display:flex;align-items:center;gap:8px;font-weight:600}.new-job-version-field select{width:110px;min-height:40px;padding:8px 10px}.video-gallery-panel{border:1px solid var(--line);border-radius:10px;background:#fbfbfb;padding:8px 10px;display:grid;gap:8px}.video-gallery-header{display:grid;gap:2px}.video-gallery-title-row{display:flex;align-items:center;justify-content:space-between}.video-gallery-header h3{margin:0;font-size:16px}.video-gallery-header p{color:var(--muted);font-size:12px}.video-gallery-refresh{width:30px;height:30px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center}.video-gallery-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:center;position:relative}.video-gallery-nav{position:absolute;top:calc(50% - 14px);z-index:3;width:44px;height:44px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:12px}.video-gallery-nav[aria-label="Scroll gallery left"]{left:4px}.video-gallery-nav[aria-label="Scroll gallery right"]{right:4px}.video-gallery-track{display:flex;gap:10px;overflow-x:auto;padding:2px 36px;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.video-gallery-track::-webkit-scrollbar{display:none}.video-gallery-card{width:220px;min-width:220px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px;display:grid;gap:8px;scroll-snap-align:start}.video-gallery-title,.video-gallery-meta{border:1px solid var(--line);border-radius:7px;padding:6px 8px;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-gallery-title{font-weight:600;border:0;border-radius:0;padding:0 2px}.video-gallery-meta{color:var(--muted)}.video-hover-tooltip{position:fixed;max-width:420px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);line-height:1.35;box-shadow:0 8px 22px #00000029;z-index:9999;pointer-events:none}.video-gallery-thumbnail-wrap{position:relative;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#f4f4f4}.video-gallery-thumbnail{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.video-gallery-thumbnail-fallback{display:grid;place-items:center;color:var(--muted);font-size:12px}.video-gallery-submit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:0;background:#17171799;color:#fff;opacity:0;transition:opacity .12s ease}.video-gallery-thumbnail-wrap:hover .video-gallery-submit-overlay{opacity:1}.submit-selectors-grid{min-height:0;overflow:visible;align-items:start}.submit-selectors-grid .phase-selector{overflow:visible}.submit-selectors-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:14px}.phase-selector{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0}.phase-selector>legend{font-weight:600;padding:0 6px}.phase-selector-hint{font-size:12px;color:var(--muted);margin-bottom:8px}.phase-option-list{display:grid;gap:8px}.phase-option{display:flex;gap:10px;align-items:flex-start;font-weight:500;min-height:44px}.phase-option input[type=checkbox]{width:24px;height:24px;margin-top:1px;flex:0 0 auto}.phase-option-text{display:grid;gap:2px}.phase-option-title{font-weight:600}.phase-option-description{color:var(--muted);font-size:12px}.v3-stage-selector{display:grid;gap:10px}.experiment-page{display:flex;flex-direction:column;height:calc(100dvh - 54px);min-height:0;overflow:hidden}.experiment-header{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(760px,1.8fr);align-items:start;gap:12px}.experiment-header h1{font-size:clamp(24px,3vw,34px)}.experiment-header p{margin-top:2px;font-size:13px;line-height:1.25;max-width:360px}.experiment-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.experiment-header-actions{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(150px,1fr) minmax(150px,1fr) minmax(170px,1fr) auto;align-items:end;gap:10px;min-width:0}.experiment-provider-select,.experiment-dataset-select{display:grid;gap:4px;font-weight:600;font-size:13px;min-width:0}.experiment-dataset-label{color:var(--muted);white-space:nowrap}.experiment-provider-select select,.experiment-dataset-select select{width:100%;min-width:0;padding:7px 9px;border-radius:8px;border:1px solid var(--line);font:inherit;background:#fff}.experiment-header-actions>.secondary-button{white-space:nowrap;min-height:36px;padding:7px 12px}.experiment-v3-llm-field{min-width:0}.experiment-v3-llm-field select{width:100%;min-width:0;max-width:none;padding:7px 9px}.experiment-bench-sidebar .experiment-bench-row{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;background:#fafafa;padding:4px 6px 4px 4px}.experiment-bench-list-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.experiment-bench-list-header .experiment-section-title{margin:0}.experiment-bench-list-more{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.experiment-bench-title-row{display:flex;align-items:baseline;gap:8px;min-width:0}.experiment-bench-completion{color:#2e7d32;font-size:13px;font-weight:800;white-space:nowrap}.experiment-bench-processing-toggle{min-height:34px;padding:6px 8px;font-size:12px;white-space:nowrap}.experiment-bench-processing-panel{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fbfbfb}.experiment-bench-processing-actions{display:flex;flex-wrap:wrap;gap:8px}.experiment-bench-processing-actions .secondary-button{min-height:34px;padding:6px 10px;font-size:12px}.experiment-bench-processing-actions .experiment-bench-processing-cancel{color:#c62828;border-color:#ffcdd2;background:#fff5f5}.experiment-bench-processing-status{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.experiment-bench-processing-checkbox{flex:0 0 auto;width:16px;height:16px;margin-left:6px}.experiment-bench-row.is-processing{border-color:#f59f00;background:#fff8e6}.experiment-bench-row.is-active{border-color:#a8c7e6;background:#f2f8ff}.experiment-bench-select{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:8px;text-align:left;cursor:pointer;font:inherit;color:inherit}.experiment-bench-videoid{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experiment-bench-order{flex:0 0 auto;min-width:2.2em;color:var(--muted);font-size:12px;font-weight:700;text-align:right}.experiment-bench-issue,.experiment-bench-title-issue{color:#b42318;font-weight:900}.experiment-bench-issue{flex:0 0 auto;margin-left:4px}.experiment-bench-title-issue{display:inline-block;margin-left:8px}.experiment-bench-check{flex:0 0 auto;width:1.25em;text-align:center;color:var(--muted)}.experiment-bench-check--on{color:#2e7d32;font-weight:800}.experiment-bench-check--pending{color:#f57c00}.experiment-bench-delete{flex:0 0 auto;width:36px;height:36px;min-height:36px;padding:0;border-radius:8px;background:transparent;color:#c62828;font-size:22px;line-height:1;font-weight:700}.experiment-bench-delete:hover{background:#ffebee}.experiment-bench-detail-header{align-items:center}.experiment-bench-title-block{min-width:0}.experiment-bench-title{margin:0;word-break:break-all}.experiment-bench-sub{margin:4px 0 0}.experiment-bench-header-right{display:flex;align-items:center;gap:10px}.experiment-bench-run{white-space:nowrap}.experiment-bench-queries{display:grid;gap:12px}.experiment-bench-queries-header{display:flex;justify-content:flex-start}.experiment-bench-table-wrap{display:grid;gap:10px}.experiment-bench-table-head{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.35fr) minmax(74px,.45fr) minmax(110px,.8fr) minmax(54px,.35fr) auto;gap:12px;font-size:12px;font-weight:700;color:var(--muted);padding:0 8px}.experiment-bench-col-actions{width:100px}.experiment-bench-row-q{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.35fr) minmax(74px,.45fr) minmax(110px,.8fr) minmax(54px,.35fr) auto;gap:12px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbfbfb;overflow:visible;position:relative}.experiment-bench-row-q:has(.experiment-chip-wrap:hover),.experiment-bench-row-q:has(.experiment-chip-wrap:focus-within){z-index:1000}.experiment-bench-row-meta{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}.experiment-bench-evidence{grid-column:1 / -1;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;color:var(--text);font-size:13px;line-height:1.45;padding:10px 12px}.experiment-bench-evidence-label{color:#0b5f9e;font-weight:800}.experiment-bench-row-error{grid-column:1 / -1;color:#c62828;font-size:13px}.experiment-bench-cell{font-size:14px;line-height:1.45}.experiment-bench-q{color:var(--text);display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}.experiment-copy-prompt-button{min-height:26px;padding:4px 8px;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#0b5f9e;font-size:11px;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap}.experiment-copy-prompt-button:disabled{cursor:not-allowed;opacity:.38;filter:grayscale(.2)}.experiment-bench-options{color:var(--text);font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.experiment-bench-a{color:var(--muted);font-weight:600}.experiment-bench-llm-a{color:var(--text);font-size:13px;word-break:break-word}.experiment-bench-match{font-weight:800}.experiment-match{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px}.experiment-match--ok{color:#087f5b;background:#e6fcf5}.experiment-match--bad{color:#c62828;background:#ffebee}.experiment-bench-inline-error{color:#c62828;font-size:12px}.muted{color:var(--muted)}.experiment-bench-actions{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:8px}.experiment-bench-actions .secondary-button{min-width:88px}.experiment-dashboard-page{display:grid;gap:16px}.experiment-dashboard-progress-grid,.experiment-dashboard-metric-grid,.experiment-dashboard-breakdowns{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.experiment-dashboard-card,.experiment-dashboard-breakdown-card,.experiment-dashboard-table-card,.experiment-dashboard-notes{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px}.experiment-dashboard-card{display:grid;gap:8px}.experiment-dashboard-card strong{font-size:28px}.experiment-dashboard-card small,.experiment-dashboard-bar-row small{color:var(--muted);font-size:12px}.experiment-dashboard-progress-bar,.experiment-dashboard-bar{height:9px;border-radius:999px;background:#eef2f7;overflow:hidden}.experiment-dashboard-progress-bar span,.experiment-dashboard-bar span{display:block;height:100%;border-radius:inherit;background:#0b5f9e}.experiment-dashboard-notes{color:var(--muted);font-size:13px}.experiment-dashboard-notes p{margin:0}.experiment-dashboard-notes p+p{margin-top:6px}.experiment-dashboard-breakdown-card h2,.experiment-dashboard-table-card h2{margin:0 0 12px;font-size:18px}.experiment-dashboard-bars{display:grid;gap:9px}.experiment-dashboard-bar-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(80px,1.5fr) auto auto;align-items:center;gap:8px;font-size:13px}.experiment-dashboard-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experiment-dashboard-table-wrap{overflow-x:auto}.experiment-dashboard-table{width:100%;border-collapse:collapse;font-size:13px}.experiment-dashboard-table th,.experiment-dashboard-table td{border-bottom:1px solid var(--line);padding:9px;text-align:left}.experiment-workspace{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;flex:1 1 auto;min-height:0;margin-top:18px;overflow:hidden}.experiment-job-list,.experiment-detail-panel,.experiment-result-card{border:1px solid var(--line);border-radius:12px;background:#fff}.experiment-job-list{align-self:start;display:grid;align-content:start;gap:8px;height:100%;max-height:none;min-height:0;overflow:auto;padding:12px}.experiment-section-title{font-weight:700;margin-bottom:4px}.experiment-job-item{display:grid;gap:4px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fafafa;color:var(--text);padding:10px;text-align:left;cursor:pointer}.experiment-job-item--videoid-only{display:flex;align-items:center;min-height:44px;gap:0}.experiment-job-videoid-only{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}.experiment-job-item .mono{color:var(--text)}.experiment-job-item:hover,.experiment-job-item.is-active{border-color:#a8c7e6;background:#f2f8ff}.experiment-job-updated,.experiment-meta-label{color:var(--muted);font-size:12px}.experiment-detail-panel{display:grid;align-content:start;gap:16px;height:100%;min-height:0;overflow:auto;padding:16px}.experiment-meta-grid{display:grid;grid-auto-flow:column;grid-template-columns:repeat(3,minmax(180px,1fr));grid-template-rows:repeat(2,minmax(0,auto));gap:12px}.experiment-meta-grid>div{display:grid;gap:4px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfbfb}.experiment-meta-model-field{display:grid;gap:4px}.experiment-meta-model-field .v3-llm-model-label{display:none}.experiment-meta-model-field select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;font:inherit}.experiment-meta-help{color:var(--muted);font-size:11px;line-height:1.35}.experiment-query-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.experiment-result-card{display:grid;gap:12px;padding:14px}.experiment-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.experiment-result-list{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfbfb;overflow:visible;position:relative}.experiment-chip-list{display:flex;flex-wrap:wrap;gap:8px}.experiment-chip{border-radius:999px;background:#eef6ff;color:#0b5f9e;font-family:var(--font-mono);font-size:12px;padding:5px 8px}.job-json-page{display:grid;gap:14px}.job-json-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.job-json-header h1{margin:0}.job-json-header p{margin:6px 0 0;color:var(--muted)}.job-json-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.job-json-action-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.job-json-viewer{border:1px solid var(--line);border-radius:10px;background:#111827;color:#e5e7eb;max-height:calc(100vh - 220px);overflow:auto}.job-json-viewer pre{margin:0;padding:14px;font-family:var(--font-mono);font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.experiment-pipeline-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:14px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:14px;background:#fafafa}.experiment-pipeline-context--loading,.experiment-pipeline-context--muted{display:block;font-size:14px;color:var(--muted)}.experiment-pipeline-summary{min-width:0}.experiment-video-central-idea{margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--text)}.experiment-video-features{margin:0 0 12px;font-size:14px;color:var(--text)}.experiment-video-features ul{margin:6px 0 0;padding-left:1.2em}.experiment-inline-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}.experiment-video-preview{min-width:0;min-height:190px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#000}.experiment-video-preview iframe,.experiment-video-preview video{display:block;width:100%;height:100%;min-height:190px;border:0;background:#000}.experiment-stats-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:14px;color:var(--text)}.experiment-stats-sep{color:var(--muted);-webkit-user-select:none;user-select:none}.experiment-stats-more{margin-left:auto;border-radius:999px;padding:4px 8px;color:#0b65a4;font-size:12px;font-weight:700;text-decoration:none}.experiment-stats-more:hover{background:#eef6ff}.experiment-shot-browser-page{display:grid;gap:14px}.experiment-shot-browser-summary{display:flex;flex-wrap:wrap;gap:8px 14px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fafafa;color:var(--muted);font-size:14px}.experiment-shot-browser-summary strong{color:var(--text)}.experiment-shot-browser-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(260px,1.15fr) minmax(220px,.75fr);gap:14px;height:calc(100vh - 260px);min-height:520px}.experiment-shot-browser-column{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.experiment-shot-browser-memory-column{grid-template-rows:auto auto minmax(0,1fr)}.experiment-shot-browser-column h2{margin:0;padding:12px 14px;border-bottom:1px solid var(--line);font-size:15px}.experiment-shot-browser-hint{margin:0;padding:10px 14px 0;color:var(--muted);font-size:12px}.experiment-shot-browser-list{min-height:0;overflow:auto;padding:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.experiment-shot-virtual-spacer{position:relative;width:100%}.experiment-shot-virtual-window{display:grid;gap:10px}.experiment-shot-video-slot{position:relative;height:170px}.experiment-shot-inline-video{width:100%;height:170px;border-radius:8px;background:#111;object-fit:contain}.experiment-shot-inline-video:not(.is-visible){position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.experiment-shot-video-error{color:#b42318;font-size:12px}.experiment-shot-virtual-item{min-height:285px}.experiment-shot-memory-list{display:grid;align-content:start;gap:10px}.experiment-shot-memory-virtual-item{content-visibility:auto;contain-intrinsic-size:360px}.experiment-shot-card,.experiment-memory-block-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfbfb}.experiment-shot-card{align-content:start;min-height:285px}.experiment-shot-card.is-active{border-color:#87bff0;background:#f0f7ff;box-shadow:0 0 0 2px #0b65a414}.experiment-shot-card-main,.experiment-shot-card-select{display:grid;gap:7px;width:100%;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.experiment-shot-card-main{grid-template-rows:auto auto 170px}.experiment-shot-card-select{gap:4px}.experiment-shot-video-preview{width:100%;height:100%;border-radius:8px;background:#111;object-fit:contain}.experiment-shot-video-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;overflow:hidden;border:0;padding:0;cursor:pointer}.experiment-shot-video-preview img,.experiment-shot-video-preview .experiment-shot-browser-empty-media{width:100%;height:100%}.experiment-shot-video-preview-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000047;color:#fff;font-size:34px;line-height:1;pointer-events:none}.experiment-shot-card-title{font-weight:800}.experiment-shot-card-time,.experiment-shot-caption,.experiment-shot-browser-hint,.experiment-memory-block-header span{color:var(--muted);font-size:12px}.experiment-shot-card img,.experiment-shot-card video,.experiment-memory-block-card>img{width:100%;height:170px;border-radius:8px;background:#111;object-fit:contain}.experiment-memory-block-topk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.experiment-memory-block-topk-item{margin:0;min-width:0}.experiment-memory-block-topk-button{display:grid;gap:4px;width:100%;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.experiment-memory-block-topk-button:hover img{outline:2px solid #87bff0;outline-offset:-2px}.experiment-memory-block-topk-item img{width:100%;height:96px;border-radius:8px;background:#111;object-fit:contain}.experiment-memory-block-topk-item figcaption{color:var(--muted);font-family:var(--font-mono);font-size:11px}.experiment-shot-card video{aspect-ratio:16 / 9}.experiment-shot-browser-empty-media{display:grid;height:170px;place-items:center;border-radius:8px;background:#f1f1f1;color:var(--muted);font-size:12px}.experiment-shot-open-media{justify-self:start;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:#fff;color:#0b65a4;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.experiment-shot-open-media:hover{background:#eef6ff}.experiment-memory-block-card{background:#fff}.experiment-memory-block-card.is-linked-to-shot{border-color:#87bff0;background:#f0f7ff;box-shadow:0 0 0 2px #0b65a414}.experiment-memory-block-header{display:flex;justify-content:space-between;gap:10px}.experiment-memory-block-card p{margin:0;color:var(--text);font-size:13px;line-height:1.45}.experiment-memory-block-shots{display:flex;flex-wrap:wrap;gap:6px}.experiment-memory-block-shots button{border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:#fff;color:var(--text);font-family:var(--font-mono);font-size:12px;cursor:pointer}.experiment-memory-block-shots button.is-active{border-color:#0b65a4;background:#eef6ff;color:#0b65a4}.experiment-shot-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:24px}.experiment-shot-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#000000b8;color:transparent;cursor:zoom-out}.experiment-shot-lightbox-content{position:relative;z-index:1;display:grid;gap:10px;width:min(1280px,96vw);max-height:92vh;border-radius:12px;padding:12px;background:#fff}.experiment-shot-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.experiment-shot-lightbox-image-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.32fr);gap:14px;min-height:0}.experiment-shot-lightbox-caption{min-width:0;max-height:78vh;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fafafa}.experiment-shot-lightbox-caption p{margin:0;color:var(--text);font-size:14px;line-height:1.55}.experiment-shot-lightbox-content img,.experiment-shot-lightbox-content video{width:100%;max-height:78vh;border-radius:8px;background:#000;object-fit:contain}.experiment-chip-wrap{position:relative;display:inline-flex;vertical-align:middle}.experiment-chip-wrap:hover,.experiment-chip-wrap:focus-within{z-index:1001}.experiment-chip-popover{display:none;position:absolute;z-index:1002;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);width:min(280px,70vw);padding:10px;border-radius:10px;border:1px solid var(--line);background:#fff;box-shadow:0 8px 28px #0000001f;pointer-events:none}.experiment-chip-wrap--memory .experiment-chip-popover{left:0;transform:none}.experiment-chip-wrap--shot .experiment-chip-popover{left:auto;right:0;transform:none}.experiment-chip-wrap:hover .experiment-chip-popover,.experiment-chip-wrap:focus-within .experiment-chip-popover{display:flex;flex-direction:column;gap:8px}.experiment-chip-popover-img{width:100%;max-height:160px;object-fit:contain;border-radius:6px;background:#f0f0f0}.experiment-chip-popover-empty{font-size:12px;color:var(--muted);padding:12px 8px;text-align:center;background:#f5f5f5;border-radius:6px}.experiment-chip-popover-text{margin:0;font-size:12px;line-height:1.45;color:var(--text);max-height:120px;overflow:auto}label{display:grid;gap:7px;font-weight:600}input,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;background:#fff}.password-input-row{display:flex;gap:8px;align-items:center}.auth-mode-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.password-input-row input{flex:1}.password-toggle-button{white-space:nowrap}.remember-me-row{display:flex;align-items:center;gap:8px;font-weight:500}.remember-me-row input[type=checkbox]{width:auto}input:focus,select:focus{outline:2px solid #d7d7d7}button{border:0;border-radius:8px;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer;color:#fff;background:#171717;min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{color:var(--text);background:#f4f4f4;border:1px solid var(--line)}.admin-job-delete-button{color:#fff;background:#c62828;border-color:#c62828}.admin-job-delete-button:hover{background:#b71c1c;border-color:#b71c1c}.status-card{display:grid;gap:8px;margin:14px 0;padding:12px;background:#fafafa;border:1px solid var(--line);border-radius:10px}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.04em}.status-queued{background:#fff5de;color:#8a5e00}.status-running{background:#e8efff;color:#3452ad}.status-succeeded{background:#e5f7ed;color:#1f7a3f}.status-failed{background:#fde8e8;color:#a42d2d}.artifacts-table{width:100%;border-collapse:collapse;margin:10px 0 16px}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.artifact-group h2{margin-top:16px;margin-bottom:0;text-transform:capitalize}.artifacts-table th,.artifacts-table td{border-bottom:1px solid var(--line);padding:8px;text-align:left;vertical-align:middle}.actions-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.admin-create-user-row,.admin-job-toolbar-row{align-items:flex-end}.admin-create-user-button{margin-bottom:1px}.action-link{min-height:44px;padding:6px 0;border:0;border-radius:0;color:#0b65a4;background:transparent;font:inherit;font-weight:500;text-decoration:underline;text-underline-offset:2px}.action-link:hover{color:#084d7d}.mono{font-family:var(--font-mono)}.error-text{color:var(--danger);font-weight:600}.error-panel{display:grid;gap:10px;margin:14px 0;padding:14px;background:#fff3f3;border:1px solid #f3c7c7;border-radius:10px}.polling-indicator{margin:12px 0;padding:12px 14px;border-radius:10px;background:#eef4ff;border:1px solid #d7e3ff}.logs-panel{margin:14px 0;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fcfcfc;flex:1;display:flex;flex-direction:column;min-height:0}.logs-panel h2{font-size:18px;margin-bottom:8px}.logs-content{margin:0;flex:1;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;word-wrap:break-word;font-size:12px;font-family:var(--font-mono);color:#4c4c4c;max-height:clamp(200px,30vh,400px)}.dashboard-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.dashboard-kpi{border:1px solid var(--line);border-radius:10px;padding:clamp(12px,2.5vw,18px);background:#fff;display:grid;gap:4px}.dashboard-kpi div{color:var(--muted);font-size:14px}.dashboard-kpi strong{font-size:clamp(24px,4.5vw,36px)}.workbench{width:100%;height:auto;min-height:calc(100dvh - 72px);padding:0}.job-detail-page{overflow:hidden}.workbench-left{min-height:0;display:flex;flex-direction:column;overflow:hidden}.workbench-left .panel{display:flex;flex-direction:column;height:100%;min-height:0;margin-top:0;overflow:hidden}.workbench-main-split,.workbench-right-split{width:100%;height:100%;min-width:0;min-height:0}.resizable-split{--splitter-size: 10px;display:grid;min-width:0;min-height:0}@media (hover: none) and (pointer: coarse){.resizable-split{--splitter-size: 20px}}.resizable-horizontal,.resizable-vertical{align-items:stretch}.split-pane{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.split-pane>*{flex:1 1 auto;min-width:0;min-height:0}.splitter{padding:0;border:0;border-radius:0;background:transparent;color:transparent;touch-action:none}.splitter:focus-visible{outline:2px solid #9ea9ba;outline-offset:1px}.resizable-horizontal .splitter{width:var(--splitter-size);height:100%;cursor:col-resize}.resizable-vertical .splitter{height:var(--splitter-size);width:100%;justify-self:stretch;cursor:row-resize}.workbench-right-top{height:100%;min-height:200px;background:#000;border-radius:10px;overflow:hidden}.workbench-right-top iframe{width:100%;height:100%;border:0}.workbench-right-bottom{height:100%;min-height:200px;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.workbench-right-bottom iframe{width:100%;height:100%;border:0}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:14px}.highlight-markmap-frame{width:100%;height:100%;border:0;background:#fff}.workbench-left .status-card{flex-shrink:0}.workbench-left .actions-row{flex-shrink:0;margin-top:auto;padding-top:14px}.workbench-mobile-stack{display:grid;gap:16px;min-height:0}.workbench-tablet-layout{display:grid;gap:12px;min-height:0}.workbench-tablet-right-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workbench-mobile-stack .workbench-right-top,.workbench-mobile-stack .workbench-right-bottom{height:clamp(280px,40vh,400px)}.artifacts-workbench{display:grid;gap:8px;flex:1;min-height:0}.job-artifacts-page{margin-top:0;display:flex;flex-direction:column;gap:10px;height:auto;min-height:calc(100dvh - 72px);overflow:hidden}.artifacts-header-row{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.artifacts-meta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.artifacts-meta-row a{text-decoration:underline;text-underline-offset:2px}.source-preview-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fafafa}.source-preview-links-inline{margin-left:auto;max-width:100%}.source-preview-links strong{font-size:14px}.source-link-unavailable{color:var(--muted);text-decoration:line-through}.artifacts-main-split{height:100%;min-height:0}.artifacts-report-panel,.artifacts-keyframes-panel{margin-top:0;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.artifacts-section-title{font-size:20px;margin-bottom:10px}.derivative-tab-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.derivative-tab{border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:#334155;font-size:13px;font-weight:600;padding:7px 12px;cursor:pointer}.derivative-tab:hover{background:#eef2ff;border-color:#c7d2fe}.derivative-tab.is-active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.artifacts-report-frame{flex:1;width:100%;border:1px solid var(--line);border-radius:8px;background:#fff}.artifacts-keyframes-panel{overflow-y:auto}.keyframe-group{display:grid;gap:8px}.keyframe-group+.keyframe-group{margin-top:14px}.keyframe-group h3{margin:0;font-size:16px}.keyframe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.keyframe-card{display:grid;gap:6px;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:8px;color:inherit;background:#fff}.keyframe-card img{width:100%;height:auto;max-height:220px;object-fit:contain;border-radius:6px;border:1px solid var(--line);background:#f8f8f8}.keyframe-card small{color:var(--muted);font-size:12px}.artifacts-mobile-stack{display:grid;gap:12px}.artifacts-mobile-tabbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.artifacts-mobile-stack .artifacts-report-panel{min-height:clamp(300px,50vh,460px)}.artifacts-mobile-stack .artifacts-keyframes-panel{max-height:none}.memory-reader-page{display:grid;gap:10px;min-height:calc(100dvh - 72px)}.memory-reader-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 0}.memory-reader-meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px}.memory-reader-loading{margin-top:0;min-height:120px;display:grid;place-items:center}.memory-reader-sections{height:calc(100dvh - 220px);overflow-y:auto;scroll-snap-type:y mandatory;border:1px solid var(--line);border-radius:10px}.memory-reader-section{min-height:calc(100dvh - 220px);padding:18px;display:flex;align-items:stretch;scroll-snap-align:start;border-bottom:1px solid #efefef;background:#fff}.memory-overview-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.memory-overview-tree{margin-top:12px;display:grid;gap:8px}.overview-branch{border-left:2px solid #ececec;padding-left:10px}.overview-children{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.overview-node{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:13px;width:fit-content}.overview-node.root{background:#111827;color:#fff}.overview-node.group{background:#eff6ff}.overview-node.mb{background:#f8fafc}.memory-overview-stats{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfbfb;display:grid;align-content:start;gap:8px}.memory-muted{color:var(--muted)}.memory-video-root{width:100%;display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1fr);gap:16px}.memory-video-thumb{width:100%;max-height:520px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.memory-video-thumb-fallback{min-height:220px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:10px;background:#f8f8f8}.memory-video-content{display:grid;gap:10px;align-content:start}.memory-video-content ul{margin:0;padding-left:18px;display:grid;gap:6px}.memory-group-section{width:min(900px,100%);margin:auto;border:1px solid var(--line);border-radius:12px;background:#fafafa;padding:18px;display:grid;gap:10px}.memory-mb-section{width:100%;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1fr);gap:14px}.memory-mb-carousel{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:10px;align-content:start}.memory-mb-carousel img{width:100%;max-height:480px;object-fit:contain;border-radius:8px;border:1px solid var(--line);background:#fff}.memory-mb-carousel-header{display:flex;justify-content:space-between;align-items:center}.memory-mb-carousel-actions{display:flex;gap:8px}.memory-mb-carousel-actions button{min-width:44px}.memory-mb-distillation{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:10px;align-content:start}.memory-distillation-tabs{display:flex;gap:8px;flex-wrap:wrap}.memory-distillation-tabs button{background:#f5f5f5;color:#1f2937;border:1px solid var(--line);min-height:36px;padding:6px 10px}.memory-distillation-tabs button.is-active{background:#111827;color:#fff}.memory-reader-actions{padding-bottom:10px}@media (max-width: 1023px){.job-input-action-row{grid-template-columns:1fr}.job-submit-page{height:auto;max-height:none;overflow:visible}.job-submit-page .form-grid{height:auto;grid-template-rows:none}.video-gallery-row{grid-template-columns:1fr}.video-gallery-nav{display:none}.submit-selectors-grid{grid-template-columns:1fr}.new-job-title-row{align-items:flex-start;flex-direction:column}.experiment-header{grid-template-columns:1fr}.experiment-header-actions{grid-template-columns:1fr 1fr}.experiment-pipeline-context{grid-template-columns:1fr}.memory-reader-sections,.memory-reader-section{min-height:calc(100dvh - 250px);height:calc(100dvh - 250px)}.memory-overview-grid,.memory-video-root,.memory-mb-section{grid-template-columns:1fr}.workbench,.artifacts-main-split{height:auto;min-height:0}.job-artifacts-page{height:auto;min-height:0;overflow:visible}.artifacts-header-row{flex-direction:column;align-items:stretch}.source-preview-links-inline{max-width:100%;margin-left:0}.artifacts-section-title{font-size:18px}}@media (max-width: 767px){.app-main{padding:14px}.mobile-menu-toggle{display:inline-flex;position:fixed;top:8px;left:10px;z-index:42;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);align-items:center;justify-content:center}.app-sidebar{transform:translate(calc(-1 * var(--sidebar-width) - 24px));opacity:0;pointer-events:none}.mobile-menu-open .app-sidebar-mobile{transform:translate(0);opacity:1;pointer-events:auto}.app-sidebar-mobile{width:min(280px,88vw);border-right:1px solid var(--line);z-index:45}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;border-radius:0;background:#0f172a66}.app-main-with-sidebar{margin-left:0;width:100%}.sidebar-floating-expand-button{display:none}.job-input-action-row button{width:100%}.video-gallery-track{padding:2px 4px}.video-gallery-nav{display:none}.video-gallery-card{width:280px;min-width:280px}.submit-selectors-grid,.workbench-tablet-right-grid{grid-template-columns:1fr}.source-preview-links{align-items:flex-start}.source-preview-links strong,.source-preview-links a,.source-preview-links .source-link-unavailable{width:100%}.keyframe-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.artifacts-table{font-size:13px}.artifacts-table th,.artifacts-table td{white-space:nowrap;padding:8px 6px}}@media (min-width: 640px) and (max-width: 1023px){.video-gallery-card{width:200px;min-width:200px}}@media (max-width: 480px){.dashboard-grid{grid-template-columns:1fr}}
