:root{color-scheme:light;--surface-page: #f9f9f7;--surface-1: #fcfcfb;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--gridline: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--series-1: #2a78d6;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-page: #0d0d0d;--surface-1: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--gridline: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--series-1: #3987e5;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #e66767}}:root[data-theme=dark]{color-scheme:dark;--surface-page: #0d0d0d;--surface-1: #1a1a19;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--gridline: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--series-1: #3987e5;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #e66767}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--surface-page);color:var(--text-primary)}.app-shell{max-width:880px;margin:0 auto;padding:24px 16px 64px}.app-shell h1{font-size:1.4rem;margin-bottom:4px}.app-shell .subtitle{color:var(--text-secondary);margin-top:0;margin-bottom:24px}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:20px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field label{font-size:.85rem;color:var(--text-secondary)}.field input,.field select{font:inherit;padding:8px 10px;border:1px solid var(--baseline);border-radius:6px;background:var(--surface-page);color:var(--text-primary)}.field.inline{flex-direction:row;align-items:center}.field.inline input{width:auto}.field .hint{color:var(--text-muted);font-size:.78rem}button{font:inherit;padding:9px 16px;border-radius:6px;border:1px solid var(--baseline);background:var(--series-1);color:#fff;cursor:pointer}button.secondary{background:transparent;color:var(--text-primary)}button:disabled{opacity:.5;cursor:not-allowed}.button-row{display:flex;gap:8px}.error-banner{border-left:3px solid var(--status-critical);background:color-mix(in srgb,var(--status-critical) 10%,var(--surface-1));padding:12px 14px;border-radius:4px;margin-bottom:16px;font-size:.9rem}.capability-note{color:var(--text-muted);font-size:.82rem;cursor:pointer;margin-bottom:16px}.capability-note[open]{background:var(--surface-1);border:1px solid var(--border);border-radius:6px;padding:10px 14px}.verdict-banner{padding:14px 16px;border-radius:6px;font-weight:600;margin-bottom:16px;border-left:4px solid var(--text-muted)}.verdict-banner.not-smooth{border-left-color:var(--status-critical);background:color-mix(in srgb,var(--status-critical) 10%,var(--surface-1))}.verdict-banner.tight-margin{border-left-color:var(--status-warning);background:color-mix(in srgb,var(--status-warning) 12%,var(--surface-1))}.verdict-banner.comfortable{border-left-color:var(--status-good);background:color-mix(in srgb,var(--status-good) 10%,var(--surface-1))}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-tile .label{font-size:.78rem;color:var(--text-secondary)}.stat-tile .value{font-size:1.1rem;font-weight:600}.buffer-chart{position:relative;margin-bottom:20px}.buffer-chart .grid{stroke:var(--gridline);stroke-width:1}.buffer-chart .axis-label{fill:var(--text-muted);font-size:10px}.buffer-chart .stall-band{fill:var(--status-critical);opacity:.16}.buffer-chart .buffer-area{fill:var(--series-1);opacity:.1;stroke:none}.buffer-chart .buffer-line{fill:none;stroke:var(--series-1);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.buffer-chart .switch-marker{stroke:var(--text-muted);stroke-width:1;stroke-dasharray:3 3}.buffer-chart .switch-label{fill:var(--text-secondary);font-size:10px}.buffer-chart .crosshair{stroke:var(--text-muted);stroke-width:1}.buffer-chart .hover-marker{fill:var(--series-1);stroke:var(--surface-1);stroke-width:2}.chart-tooltip{position:absolute;transform:translate(-50%,-130%);background:var(--text-primary);color:var(--surface-1);font-size:.78rem;padding:4px 8px;border-radius:4px;pointer-events:none;white-space:nowrap}table.segment-table{width:100%;border-collapse:collapse;font-size:.82rem;font-variant-numeric:tabular-nums}table.segment-table th,table.segment-table td{text-align:right;padding:6px 8px;border-bottom:1px solid var(--gridline);white-space:nowrap}table.segment-table th:first-child,table.segment-table td:first-child{text-align:left}table.segment-table td.url-cell{text-align:left;max-width:320px;overflow:hidden;text-overflow:ellipsis}.table-scroll{overflow-x:auto}.progress-line{color:var(--text-secondary);font-size:.9rem;margin:4px 0}