:root{font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:#444;--color-text: #444444;--color-heading: #37517e;--color-accent: #47b2e4;--color-accent-strong: #209dd8;--color-accent-soft: #e8edf5;--color-accent-soft-2: #f3f8fc;--color-surface: rgba(255, 255, 255, .94);--color-surface-solid: #ffffff;--color-surface-muted: rgba(245, 249, 253, .96);--color-border: rgba(55, 81, 126, .16);--color-border-strong: rgba(71, 178, 228, .36);--color-shadow: rgba(55, 81, 126, .12);background:radial-gradient(circle at top,rgba(71,178,228,.18),transparent 30%),linear-gradient(180deg,#f6f9fc,#e8edf5 52%,#fdfefe)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--color-text)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:inherit}.app-shell{display:flex;flex-direction:column;min-height:100vh;padding:32px 20px 48px}.hero,.page-frame{width:100%}.hero,.page-frame,.route-nav{margin:0 auto}.hero{padding:8px 0 4px}.hero-app-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.brand-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand-logo{display:block;width:43px;height:43px;object-fit:contain}.brand-title{font-size:1.375rem;font-weight:700;line-height:1;color:var(--color-heading)}.eyebrow,.panel-kicker{margin:0 0 12px;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.hero h1,.panel h2{margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.05;color:var(--color-heading)}.hero h1{max-width:none;font-size:clamp(1.35rem,3vw,2rem);white-space:nowrap}.hero-title-compact{margin:0;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;font-size:.39rem;font-weight:700;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:var(--color-heading)}.lede,.supporting-copy{max-width:68ch;font-size:1.05rem;line-height:1.6;color:var(--color-text)}.route-nav{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:12px;margin-left:auto;margin-top:0;margin-bottom:20px;justify-content:flex-end}.page-frame-graphs{display:flex;flex:1 1 auto;min-height:0}.route-link{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--color-border);border-radius:999px;background:#ffffffd1;color:var(--color-heading);text-decoration:none;box-shadow:0 10px 24px #37517e14;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.route-link:hover,.route-link.is-active{border-color:var(--color-heading);background:var(--color-accent-soft);color:var(--color-heading);transform:translateY(-1px)}.panel{padding:28px;border:1px solid var(--color-border);border-radius:24px;background:linear-gradient(180deg,#fffffff0,#f3f8fcf0);box-shadow:0 20px 60px var(--color-shadow)}.panel-header{margin-bottom:20px}.tags-header{display:grid;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.tags-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-start;gap:18px}.tags-control-group{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.tags-actions-group{align-items:center}.tags-status-line{margin-bottom:0}.images-header{display:grid;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.images-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-start;gap:18px}.images-control-group{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.images-actions-group{align-items:center}.images-status-line{margin-bottom:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}.graphs-header{display:grid;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.graphs-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-start;gap:18px}.graphs-control-group{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.graphs-actions-group{align-items:center}.graphs-status-line{margin-bottom:0}.graphs-page{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.videos-header{display:grid;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.videos-toolbar{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-start;gap:18px}.videos-control-group{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.videos-actions-group{align-items:center}.videos-status-line{margin-bottom:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit}.home-toolbar{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.status-line{margin:0 0 6px;font-size:.78rem;font-weight:400;line-height:1.25;color:var(--color-heading)}.progress-line{width:180px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--color-accent-strong) 0%,var(--color-accent) 100%);animation:progressPulse .9s ease-in-out infinite alternate}.home-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:10px}.modal-actions{align-items:center;justify-content:flex-end;margin-top:24px;padding:16px 24px 20px;border-top:1px solid rgba(55,81,126,.12);background:linear-gradient(180deg,#f6f9fceb,#e8edf5f5),linear-gradient(90deg,transparent,rgba(71,178,228,.08) 70%,rgba(71,178,228,.14));box-shadow:inset 0 1px #ffffffc7}.action-button{min-height:44px;padding:0 16px;border:1px solid var(--color-border);border-radius:999px;background:#ffffffeb;color:var(--color-heading);box-shadow:0 10px 24px #37517e14;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.action-button.is-primary{border-color:#47b2e470;background:var(--color-accent);color:#fff}.action-button.is-drop-target{border-color:#47b2e4b3;background:var(--color-accent-soft);box-shadow:0 0 0 3px #47b2e42e}.action-button.is-danger{border-color:#c74a2542;background:#fff3ef;color:#8a2f16}.action-button:disabled{opacity:.6}.action-button:not(:disabled):hover{border-color:var(--color-heading);transform:translateY(-1px)}.home-copy{margin-bottom:28px;line-height:1.65;color:var(--color-text)}.home-copy p{margin-top:0}.tags-select{min-width:min(260px,100%)}.tags-select span{font-size:.8rem}.tags-select-flat{min-width:220px}.tags-select-flat select{min-height:38px;padding:0 28px 0 8px;border-width:0 0 1px;border-radius:0;background:transparent;border-color:var(--color-border-strong);color:var(--color-heading)}.images-select{min-width:min(260px,100%)}.graphs-select{min-width:min(220px,100%)}.graphs-select span{font-size:.8rem}.graphs-select-flat{min-width:220px}.graphs-select-flat select{min-height:38px;padding:0 28px 0 8px;border-width:0 0 1px;border-radius:0;background:transparent;border-color:var(--color-border-strong);color:var(--color-heading)}.videos-select{min-width:min(260px,100%)}.videos-select-flat{min-width:220px}.videos-select-flat span{font-size:.8rem}.videos-select-flat select{min-height:38px;padding:0 28px 0 8px;border-width:0 0 1px;border-radius:0;background:transparent;border-color:var(--color-border-strong);color:var(--color-heading)}.graph-controls{display:flex;flex-wrap:wrap;gap:16px}.vis-tooltip{max-width:320px;padding:0;border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(180deg,#fffffffa,#f3f8fcf0);box-shadow:0 14px 30px #37517e2e;color:var(--color-text)}.graph-tooltip{display:grid;gap:10px;min-width:220px;padding:12px}.graph-tooltip__thumb{display:block;width:100%;max-width:220px;border-radius:10px;object-fit:contain;background:#e8edf5b3}.graph-tooltip__body{display:grid;gap:4px;font-size:.78rem;line-height:1.35}.graph-tooltip__body strong{color:var(--color-heading)}.fig-cls{font-family:Arial,serif;font-size:x-small;background-color:#ddd;margin:-5px;padding:5px}.thumb{height:112px;border:1px solid #000000;margin:5px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.info-card{padding:18px;border-radius:18px;border:1px solid var(--color-border);background:linear-gradient(180deg,#fffffffa,#e8edf5eb);box-shadow:0 14px 30px #37517e14}.info-card h3{margin-top:0;margin-bottom:8px;color:var(--color-heading)}.step-list{margin:0;padding-left:20px;line-height:1.7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,rgba(71,178,228,.18),transparent 38%),#1f2e4a75;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-panel{width:min(560px,100%);padding:0;border-radius:24px;overflow:hidden;border:1px solid rgba(71,178,228,.22);background:linear-gradient(180deg,#fffffffa,#f6f9fcf5);box-shadow:0 28px 90px #1f2e4a47,0 2px #ffffff8c inset}.modal-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin:0;padding:20px 24px 18px;border-bottom:1px solid rgba(55,81,126,.12);background:linear-gradient(180deg,#e8edf5e6,#f5f9fdf5),linear-gradient(90deg,rgba(71,178,228,.08),transparent 28%);box-shadow:inset 0 -1px #ffffffb8}.modal-header>div{min-width:0}.modal-header .panel-kicker{margin-bottom:10px}.modal-header h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2rem}.modal-panel>.supporting-copy,.modal-panel>.media-error,.modal-panel>.labels-table-shell,.modal-panel>.video-stats-shell,.modal-panel>.media-viewer,.modal-panel>.setup-card{margin-left:24px;margin-right:24px}.modal-panel>.supporting-copy:first-of-type,.modal-panel>.media-error:first-of-type,.modal-panel>.labels-table-shell:first-of-type,.modal-panel>.video-stats-shell:first-of-type,.modal-panel>.media-viewer:first-of-type,.modal-panel>.setup-card:first-of-type{margin-top:24px}.modal-form{display:grid;gap:16px;padding:24px}.modal-form .modal-actions{margin:8px -24px -24px}.field{display:grid;gap:8px;color:var(--color-heading)}.field-inline{gap:4px}.field input,.field select{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface-solid);color:var(--color-text);box-shadow:inset 0 1px #47b2e40a;transition:border-color .18s ease,box-shadow .18s ease}.field input:focus,.field select:focus{outline:none;border-color:#47b2e4b3;box-shadow:0 0 0 3px #47b2e429}.images-select-flat{min-width:260px}.images-select-flat span{font-size:.8rem}.images-select-flat select{min-height:38px;padding:0 28px 0 8px;border-width:0 0 1px;border-radius:0;background:transparent;border-color:var(--color-border-strong);color:var(--color-heading)}.icon-action-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;outline:none;background:transparent;box-shadow:none;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.icon-action-button:disabled{opacity:.45;cursor:default}.icon-action-button:focus,.icon-action-button:focus-visible,.icon-action-button:active{outline:none;box-shadow:none}.icon-action-button:not(:disabled):hover{transform:translateY(-1px);background:#e8edf56b}.icon-action-image{width:24px;height:24px;opacity:1;filter:invert(28%) sepia(22%) saturate(1182%) hue-rotate(177deg) brightness(92%) contrast(90%)}.icon-action-button.is-green .icon-action-image{filter:none}.icon-action-button.is-drop-target{border-radius:6px;box-shadow:0 0 0 3px #47b2e42e;background:#e8edf5eb}.icon-action-button.is-blue .icon-action-image{filter:none}.checkbox-row{display:flex;align-items:center;gap:10px}.setup-card{padding:18px;border-radius:18px;border:1px solid var(--color-border);background:linear-gradient(180deg,#e8edf5c7,#fffffff0)}.setup-card h4,.setup-card p{margin-top:0}.thumb-grid{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.thumb-card{display:inline-block;overflow:hidden;width:fit-content;max-width:none;border-radius:5px;border:1px solid rgba(55,81,126,.08);background:linear-gradient(180deg,#fffffffa,#e8edf5eb)}.thumb-card-button{position:relative;display:inline-block;width:fit-content;max-width:100%;min-width:0;padding:0;border:5px solid transparent;border-radius:5px;box-sizing:border-box;text-align:left;cursor:pointer;background-clip:padding-box}.thumb-card-button.is-similar{border-color:#8199792e;background:#8199792e}.thumb-card-button.is-hover-match{border-color:#819979c7;background:linear-gradient(180deg,#deecdcfa,#c5dbcceb)}.thumb-card-button.is-selected{border-color:#4f7398d1;background:linear-gradient(180deg,#d6e3effa,#bfd2e3f0)}.thumb-card-button.is-tagged{box-shadow:inset 0 -4px #c50}.thumb-image{display:block;width:auto;height:112px;aspect-ratio:auto;object-fit:contain;border:1px solid #000;background:#edf3f8}.thumb-image-plain{border:0}.thumb-meta{display:grid;gap:4px;padding:2px 5px 4px;font-size:.68rem;width:fit-content}.media-modal{width:min(880px,100%)}.media-modal-header{align-items:center}.media-modal-actions{display:flex;align-items:center;gap:10px}.media-modal .modal-actions{margin-top:16px}.media-viewer{display:block;width:100%;max-height:min(72vh,720px);border-radius:18px;background:#0f1518;object-fit:contain}.media-error{color:#8a2f16}.graph-stage{width:100%;flex:1 1 auto;height:clamp(560px,calc(100vh - 240px),920px);min-height:560px;border-radius:18px;background:#f3f8fcfa;overflow:hidden}.graph-stage[data-graph-kind=chart]{height:auto;min-height:0;border-radius:0;background:transparent;overflow:visible}.graph-stage[data-graph-kind=empty]{border:1px dashed var(--color-border-strong)}.graph-stage .vis-network{width:100%!important;height:100%!important}.video-layout{display:flex;gap:20px;align-items:start}.video-source-card{max-width:none}.video-matches-section{margin-top:24px}.image-matches-section{margin-top:24px;padding-top:10px;border-top:12px solid #a3bad2}.video-preview-shell{margin-bottom:20px;padding:16px;border-radius:18px;border:1px solid var(--color-border);background:#f3f8fce0}.video-load-preview{display:block;width:100%;max-height:220px;border-radius:14px;background:#0f1518}.match-bar{display:block;height:10px;border-radius:999px;background:#a3bad2}.video-compare-section{margin-top:20px}.video-compare-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.compare-card{padding:0;border-radius:0;background:transparent}.compare-card-stage{margin-bottom:0}.compare-stage{overflow:hidden;margin-bottom:0;border-radius:0;background:#13202b0f}.compare-video-shell{position:relative;margin-top:14px;margin-bottom:14px;width:280px}.compare-frame-image{display:block;width:280px;height:210px;border:14px solid #b7cde1;background:#0f1518;object-fit:cover}.compare-video{display:block;width:280px;height:210px;background:#0f1518;object-fit:contain}.compare-video-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.timeline-panel{padding:0;background:transparent;margin:0}.timeline-panel-source{display:grid;gap:0}.timeline-panel-source .compare-slider{margin-bottom:8px}.compare-slider{width:100%;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent}.compare-slider:focus{outline:none}.compare-slider::-webkit-slider-runnable-track{height:10px;background:#ddd;border:none;border-radius:3px}.compare-slider::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:10px;width:20px;margin-top:0;border-radius:30%;background:#819979}.compare-slider:focus::-webkit-slider-runnable-track{background:#ccc}.compare-slider::-moz-range-track{height:10px;background:#ddd;border:none;border-radius:3px}.compare-slider:focus::-moz-range-track{background:#ccc}.compare-slider::-moz-range-thumb{border:none;height:10px;width:20px;border-radius:30%;background:#819979}.timeline-bar{position:relative;height:18px;border-radius:0;background:#d4d4d4;overflow:hidden}.timeline-bar-source{overflow:visible;margin-top:22px}.timeline-segment{position:absolute;top:0;bottom:0;border-radius:0;background:transparent}.timeline-segment-button{border:0;padding:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.timeline-segment.is-idle{background:transparent}.timeline-segment.is-highlighted{background:#a3bad2}.timeline-selection-segment{position:absolute;top:0;bottom:0;border-radius:0;background:#95b38d;box-shadow:none;pointer-events:none}.timeline-tag-segment{position:absolute;top:50%;height:4px;margin-top:-2px;border-radius:999px;background:#c50;box-shadow:0 0 0 1px #ffffff73;pointer-events:none}.timeline-ruler{position:relative;height:22px;margin-top:0}.timeline-ruler-top{position:absolute;right:0;bottom:100%;left:0;margin-bottom:0}.timeline-ruler-tick{position:absolute;top:0;width:1px;height:9px;background:#666}.timeline-ruler-tick-up{top:auto;bottom:0}.timeline-ruler-label{position:absolute;top:10px;transform:translate(-50%);font-size:.68rem;line-height:1;color:#555}.timeline-ruler-label-top{top:0}.labels-modal{width:min(720px,calc(100vw - 32px))}.labels-table-shell{max-height:50vh;overflow:auto}.labels-table{width:100%;border-collapse:collapse}.labels-table th,.labels-table td{padding:10px 12px;border-bottom:1px solid rgba(55,81,126,.1);text-align:left}.video-stats-modal{width:min(1100px,calc(100vw - 32px))}.video-stats-shell{max-height:56vh;overflow-y:auto;overflow-x:hidden}.video-stats-table{width:100%;border-collapse:collapse;table-layout:fixed}.video-stats-table th,.video-stats-table td{padding:8px 10px;border-bottom:1px solid rgba(55,81,126,.1);text-align:left;white-space:normal;overflow-wrap:anywhere;vertical-align:top;font-size:.8rem;line-height:1.25}.video-stats-table th{font-size:.76rem}.stats-row{cursor:pointer}.stats-row:hover{background:#47b2e41f}@keyframes progressPulse{0%{transform:scaleX(.75);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@media(max-width:640px){.app-shell{padding-inline:16px}.modal-backdrop{padding:12px}.modal-header{padding:18px 18px 16px}.modal-header h3{font-size:1.55rem}.modal-form{padding:18px}.modal-panel>.supporting-copy,.modal-panel>.media-error,.modal-panel>.labels-table-shell,.modal-panel>.video-stats-shell,.modal-panel>.media-viewer,.modal-panel>.setup-card{margin-left:18px;margin-right:18px}.modal-panel>.supporting-copy:first-of-type,.modal-panel>.media-error:first-of-type,.modal-panel>.labels-table-shell:first-of-type,.modal-panel>.video-stats-shell:first-of-type,.modal-panel>.media-viewer:first-of-type,.modal-panel>.setup-card:first-of-type{margin-top:18px}.modal-actions{justify-content:stretch;padding:14px 18px 18px}.modal-actions .action-button{flex:1 1 100%;justify-content:center}.modal-form .modal-actions{margin:8px -18px -18px}.hero-app-bar{align-items:flex-start;flex-direction:column}.route-nav{justify-content:flex-start}.panel{padding:20px}.home-toolbar{flex-direction:column}.tags-header{flex-direction:column;align-items:stretch}.images-header{gap:12px}.images-toolbar{justify-content:stretch;align-items:stretch}.images-control-group{align-items:stretch}.graphs-header{flex-direction:column;align-items:stretch}.videos-header{gap:12px}.videos-toolbar{justify-content:stretch;align-items:stretch}.videos-control-group{align-items:stretch}.video-layout{grid-template-columns:1fr}}