.live-bar{background:var(--blue-soft);color:var(--blue);border-color:var(--border)}:root[data-theme=dark] .live-bar{background:var(--blue-soft);color:var(--blue);border-color:var(--border)}.live-links{display:flex;gap:20px}.scope-controls label>.ico:last-child{position:absolute;right:6px;pointer-events:none;width:12px}.live-filter-form{display:flex;flex:1;min-height:0;flex-direction:column}.live-filter>label{display:block;padding:9px 10px 4px;font-size:12px}.live-filter .range-fields{padding-bottom:6px}.live-check{display:flex;gap:8px;align-items:center;font-size:12px;padding:10px}.filter-help{line-height:1.6}.toolbar select,.source-switch select,.chart-heading select{padding:8px;border:1px solid var(--border);border-radius:5px;background:var(--surface);max-width:100%}.toolbar-actions{flex-wrap:wrap}.toolbar-actions .btn{font-size:12px}.photo-frame{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;background:var(--surface)}.photo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}.photo-frame img[hidden]{display:none}.photo-frame .image-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:var(--muted);font-size:9px}.image-fallback .ico{width:23px;height:23px}.card-image{width:100%;height:100%;min-height:140px}.card-photo{width:100%}.product-photo{padding:0}.profile-photo{width:175px;height:175px;border-radius:8px}.profile-image .profile-photo img{width:100%;height:100%}.profile-metrics strong{font-size:23px}.profile-specs{flex-wrap:wrap}.profile-specs b{overflow-wrap:anywhere}.profile-meta .link-button{white-space:normal;text-align:left}.unavailable{color:var(--muted);font-size:12px}.empty-state{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:40px 24px;color:var(--muted)}.empty-state h2,.empty-state h3{color:var(--text)}.empty-state p{max-width:600px;line-height:1.9}.empty-state>.ico,.empty-icon .ico{width:36px;height:36px;color:var(--blue)}.empty-state.compact{min-height:210px;padding:20px}.unavailable-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 24px 40px}.unavailable-strip>div{border:1px solid var(--border);background:var(--bg);border-radius:7px;padding:20px}.unavailable-strip label{display:block;color:var(--muted);font-size:12px}.unavailable-strip strong{display:block;margin-top:15px;font-size:20px;color:var(--muted)}.category-workspace{min-height:calc(100vh - var(--header) - var(--banner))}.category-options{max-height:55vh;overflow:auto;margin-top:15px}.category-options button{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;white-space:normal}.category-options button[hidden]{display:none}.category-options small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.category-options .tag{flex-shrink:0;align-self:center}.category-bar>span:first-child,.category-bar>button:first-child{width:140px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.category-bar>span:last-child{min-width:80px;text-align:right}.source-switch{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}.source-switch select{max-width:620px}.observation-chart{width:100%;min-height:190px;display:block;overflow:visible}.observation-chart text{fill:var(--muted);font-size:11px}.observation-chart .chart-grid{stroke:var(--border);stroke-dasharray:4 4}.observation-chart polyline{stroke:var(--blue);stroke-width:2.4;fill:none}.observation-chart circle{fill:var(--blue);stroke:var(--surface);stroke-width:1.5}.history-caption{font-size:11px;color:var(--muted);line-height:1.8;margin-top:10px}.history-values{margin-top:15px;font-size:11px}.history-values summary{cursor:pointer;color:var(--blue);padding:8px 0}.history-values .table-wrap{max-height:310px}.history-values table{min-width:420px}.history-values td,.history-values th{padding:10px;height:auto;font-size:11px}.availability-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);font-size:12px}.evidence-list{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;font-size:12px}.evidence-list dt{color:var(--muted)}.evidence-list dd{margin:0;overflow-wrap:anywhere}.evidence-list a{white-space:normal}#notes-form label{display:block;margin:12px 0 7px}textarea{display:block;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:12px;font:inherit;resize:vertical}textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#notes-form p{font-size:12px;margin:12px 0}#preset-form .btn{margin-top:15px}.loading-dot{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-table td .metric-sub{overflow:hidden;text-overflow:ellipsis;max-height:34px}.overview .product-table{min-width:1150px}.profile-info{min-width:0}.detail-title h1{overflow-wrap:anywhere}.card-data strong{display:block;font-size:12px}.data-note a{margin-left:10px}.selected-bar{z-index:45}.toolbar .search-box{max-width:none}.live-filter-form .filter-foot{flex-shrink:0}.profile-image .profile-photo{max-width:100%}.empty-state .btn{min-width:120px}
@media(max-width:1250px){.toolbar{flex-wrap:wrap}.toolbar .search-box{flex-basis:100%}.toolbar-actions{margin-left:0;width:100%}.toolbar-actions .view-switch{margin-left:auto}}
@media(max-width:1050px){.breakdown-panel .availability-row{grid-column:1/-1}.profile-photo{width:145px;height:145px}.unavailable-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.live-links{gap:10px}.profile-photo{width:90px;height:90px}.profile-metrics strong{font-size:20px}.profile-image .profile-photo{width:90px;height:90px}.toolbar-actions{gap:5px}.toolbar-actions select{max-width:128px;font-size:11px}.toolbar-actions>.btn{padding:7px}.toolbar-actions>.btn span:not(.ico){display:none}.toolbar-actions .icon-button{width:30px}.source-switch{gap:8px}.source-switch select{width:100%}.source-switch .small{display:none}.evidence-list{grid-template-columns:100px minmax(0,1fr);gap:12px}.unavailable-strip{margin:0 14px 25px;gap:10px}.unavailable-strip>div{padding:14px}.unavailable-strip strong{font-size:18px}.category-bar>span:first-child,.category-bar>button:first-child{width:108px;font-size:11px}.category-bar>span:last-child{min-width:65px;font-size:11px}.empty-state{padding:30px 20px}.observation-chart{min-height:160px}.card-data{grid-template-columns:1fr}.card-data strong{font-size:11px}.card-grid{align-items:stretch}.card-photo{padding:10px!important}.topbar{gap:6px}.scope-controls select{width:90px}.scope-controls label:last-child select{width:49px}.top-actions .icon-button{width:31px}.photo-frame.card-image{min-height:100px}.table-footer{align-items:center}.profile-specs{display:block}.profile-specs>span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.loading-dot{animation:none}}
@media(max-width:760px){.detail-title h1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}
/* Imported browser snapshots use the same light/dark tokens as the workbench. */
.shop-snapshot{margin:18px 0}.shop-snapshot .profile-specs{flex-wrap:wrap}.shop-table{min-width:1080px}.shop-table td{vertical-align:top}.shop-table td:nth-child(4){max-width:340px}.shop-product{display:block;max-width:330px;text-align:left;white-space:normal;overflow-wrap:anywhere}.card-scope{grid-column:1/-1}.card-scope label{line-height:1.5}.profile-metrics{flex-wrap:wrap}
.shops-workspace .table-toolbar,.shops-workspace>.kpi-row,.shops-workspace>.inline-note{margin:16px 24px}.shops-workspace>.table-wrap{margin:0 24px}.shop-table td:nth-child(4){min-width:270px}.shop-product{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.shop-table td{height:auto;padding-top:16px;padding-bottom:16px}@media(max-width:760px){.shops-workspace .table-toolbar,.shops-workspace>.kpi-row,.shops-workspace>.inline-note{margin:14px}.shops-workspace>.table-wrap{margin:0 14px}}

/* Public video-card observations, shared by the creator and video workbenches. */
.creators-workspace>.kpi-row,.creators-workspace>.inline-note,.creator-toolbar,.creator-checks,.creator-results,.video-observations,.creator-table-wrap{margin:18px 24px}
.creator-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.creator-toolbar .search-box{flex:1;min-width:240px;max-width:560px}.creator-toolbar label{display:flex;gap:8px;align-items:center;font-size:12px}.creator-toolbar select{width:250px;max-width:100%;padding:9px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text)}
.creator-checks{border:1px solid var(--border);border-radius:8px;padding:12px 16px;background:var(--surface)}.creator-checks summary{cursor:pointer;font-size:12px;color:var(--blue)}.creator-checks>p{font-size:12px;margin:12px 0}.creator-checks table{min-width:850px}.creator-checks td{height:auto;padding:12px;font-size:12px}.creator-checks td small{display:block;color:var(--muted)}
.creator-results{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.creator-identity{display:flex;gap:10px;align-items:center;min-width:0}.creator-identity>div{min-width:0}.creator-identity strong{font-size:13px;overflow-wrap:anywhere}.creator-identity small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.creator-avatar{height:44px;width:44px;border-radius:50%;border:1px solid var(--border)}.creator-avatar .image-fallback small{font-size:8px}.photo-frame.creator-avatar img,.photo-frame.creator-cover img{object-fit:cover;padding:0;background:var(--surface)}
.video-observations{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;align-items:start}.video-observation{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.creator-cover{width:100%;aspect-ratio:4/3;background:var(--bg)}.photo-frame.creator-cover img{object-fit:contain}.video-content{padding:16px}.video-caption{font-size:12px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;margin:12px 0;max-height:150px;overflow:auto}.card-related{padding:12px 0;border-top:1px solid var(--border)}.card-related>small{color:var(--muted);font-size:10px;display:block;margin-bottom:5px}.creator-product{white-space:normal;text-align:left;line-height:1.6;font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.card-missing-metrics{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);padding:10px 0}.raw-card-metric{font-size:10px;line-height:1.7;color:var(--muted);margin-bottom:12px}.raw-card-metric summary{cursor:pointer}.raw-card-metric p{margin-top:6px}.card-provenance{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:10px;color:var(--muted);line-height:1.6}.card-provenance a{font-size:11px;white-space:normal}.capture-warning{border-left:2px solid var(--blue);padding-left:7px;color:var(--text)}
.creator-table{min-width:1200px;table-layout:fixed}.creator-table th:nth-child(1){width:215px}.creator-table th:nth-child(2){width:340px}.creator-table th:nth-child(3){width:150px}.creator-table th:nth-child(4){width:235px}.creator-table td{vertical-align:top;height:auto;padding:18px 14px}.creator-video-preview{display:flex;gap:12px;align-items:flex-start}.creator-video-preview .creator-cover{width:86px;height:116px;flex-shrink:0;border-radius:6px}.creator-video-preview .video-caption{margin:0;max-height:138px}.creator-metrics{display:grid;grid-template-columns:1fr 30px;gap:12px;font-size:11px;color:var(--muted)}.creator-metrics dd{margin:0}.creators-workspace .kpi footer{line-height:1.6}
@media(max-width:760px){.creators-workspace>.kpi-row,.creators-workspace>.inline-note,.creator-toolbar,.creator-checks,.creator-results,.video-observations,.creator-table-wrap{margin:14px}.creator-toolbar label{width:100%;min-width:0}.creator-toolbar select{flex:1;width:0}.video-observations{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.creator-toolbar .search-box{max-width:none}.creators-workspace .kpi strong{font-size:25px}}

/* Fixed product monitoring keeps collection state distinct from observed values. */
.nav{min-width:0;overflow-x:auto;scrollbar-width:thin}.nav a{flex-shrink:0}.top-actions{flex-shrink:0}.monitor-add{font-size:10px;padding:6px 8px;white-space:nowrap}.monitor-add .ico{width:13px;height:13px}.monitor-enabled{color:var(--blue);background:var(--blue-soft)}.monitor-action-cell{min-width:145px!important;width:145px!important}.monitor-action-cell .monitor-add{display:flex;margin-top:6px}.card-bottom{flex-wrap:wrap;gap:8px}.card-bottom .monitor-add{margin-left:auto}.media-cache-label{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:3px;background:var(--surface);color:var(--muted);font-size:9px;text-align:center;opacity:.9}.creator-avatar .media-cache-label{font-size:7px;padding:2px}.photo-frame .image-fallback{padding:5px;text-align:center;line-height:1.4}.monitoring-workspace>.kpi-row,.monitoring-workspace>.inline-note,.monitoring-workspace>.table-wrap,.monitor-toolbar,.monitor-report-range{margin:18px 24px}.monitor-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.monitor-toolbar .search-box{flex:1;max-width:560px}.monitor-table{min-width:1150px}.monitor-table td{height:auto;padding:18px 14px;vertical-align:top}.monitor-table th:first-child{width:32%}.monitor-table .product-name{max-width:270px}.monitor-table .metric-sub{max-width:240px;white-space:normal;overflow-wrap:anywhere}.monitor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.monitor-actions .btn{font-size:11px;padding:7px 9px}.monitor-product-name{max-width:280px;white-space:normal;text-align:left;overflow-wrap:anywhere}.monitor-summary{display:grid;grid-template-columns:2fr 1fr 1fr .7fr;gap:20px;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:20px;margin:20px 0;align-items:center}.monitor-summary label{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.monitor-summary strong{font-size:12px}.monitor-summary .product-info{min-width:0}.monitor-summary .metric-sub{white-space:normal}.monitor-detail>.inline-note{margin-bottom:20px}.monitor-changes,.monitor-checks{margin-top:20px}.monitor-checks h2{font-size:15px}.monitor-checks table{min-width:680px}.monitor-checks td{height:auto;max-width:420px;overflow-wrap:anywhere;padding:14px}.change-report-table{min-width:1050px}.change-report-table td{height:auto;padding:18px 14px;vertical-align:top;max-width:300px;overflow-wrap:anywhere}.change-report-table .metric-sub{white-space:normal;max-width:270px}.monitor-links{display:flex;gap:12px;margin-top:8px}.monitor-detail .change-report-table{min-width:850px}.monitor-report-range{display:flex;justify-content:flex-end}.monitor-detail .detail-title{align-items:flex-start}.monitor-detail .detail-title h1{max-width:65%}.monitoring-workspace .kpi footer{line-height:1.6}
@media(max-width:1050px){.monitor-summary{grid-template-columns:1fr 1fr}.nav{padding-bottom:2px}.monitor-detail .detail-title{flex-wrap:wrap}.monitor-detail .detail-title h1{max-width:100%}}
@media(max-width:760px){.monitoring-workspace>.kpi-row,.monitoring-workspace>.inline-note,.monitoring-workspace>.table-wrap,.monitor-toolbar,.monitor-report-range{margin:14px}.monitor-summary{padding:14px;gap:16px}.monitor-summary>.product-info{grid-column:1/-1}.monitor-actions .btn,.detail-title .monitor-add{font-size:11px!important;padding:7px!important;gap:5px!important}.monitor-detail .detail-title{display:block}.monitoring-workspace .heading-tools{display:flex;flex-wrap:wrap}.monitoring-workspace .heading-tools>.btn{display:inline-flex;font-size:11px;padding:7px}.monitor-toolbar .search-box{max-width:none}.monitor-detail .detail-title h1{display:block;-webkit-line-clamp:unset}.monitor-checks td{padding:10px}.monitor-add{font-size:9px}.card-bottom .monitor-add{width:100%;justify-content:center}}

/* Native textarea placeholders otherwise stay dark gray in dark mode. */
textarea::placeholder{color:var(--muted);opacity:1}