@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/barlow-condensed-latin.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/dm-sans-latin.woff2') format('woff2')}
:root{color-scheme:dark;--bg:#101519;--panel:#171e23;--raised:#202b31;--line:#344047;--muted:#a4b0b7;--text:#f0f1ea;--green:#c2f46d;--red:#ef8a86;--amber:#edc978;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Barlow Condensed',sans-serif;--viewer-height:clamp(580px,calc(100svh - 238px),820px);font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;border:0;border-radius:3px}button:disabled{cursor:default;opacity:.42}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}[hidden]{display:none!important}
.topbar{height:62px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;background:#11181b}.wordmark{font-size:25px;font-weight:700;letter-spacing:-1.4px;display:flex;align-items:center}.wordmark-dot{color:var(--green)}.mark{width:23px;height:23px;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-right:10px}.mark i{background:var(--green)}.mark i:nth-child(2){opacity:.35}.mark i:nth-child(3){opacity:.65}.byline{border-left:1px solid var(--line);padding-left:24px;font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.byline strong{font:600 13px var(--sans);color:var(--text);padding-left:7px;letter-spacing:-.3px}.connection{margin-left:auto;font:10px var(--mono);color:var(--muted);display:flex;align-items:center;gap:8px}.connection span,.run-dot,.pulse-dot{width:6px;height:6px;border-radius:50%;background:#839299;display:inline-block;flex-shrink:0}.connection.ready span{background:var(--green)}.connection.ready{color:#cfdbcd}
main{max-width:1800px;padding:20px 32px 26px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.eyebrow{display:block;font:9px var(--mono);letter-spacing:1.6px;color:var(--muted)}h1{font:600 clamp(33px,3.5vw,54px)/1 var(--display);letter-spacing:-.3px;margin:6px 0 6px}h1>span{color:var(--green)}.intro-copy p{color:var(--muted);font-size:12px;margin:0}.scan-controls{display:flex;align-items:center;gap:14px}.intro-actions{display:flex;align-items:center;gap:8px}.primary,.ghost{height:48px;padding:0 19px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary{background:var(--green);color:#17210c;min-width:145px;order:-1;box-shadow:0 1px 0 #e3ffc455 inset}.primary:hover:enabled{background:#d3ff8d}.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);padding:0 12px}.ghost:hover:enabled{color:var(--text);background:var(--raised)}.text-button{font-size:11px;background:transparent;color:var(--muted);padding:10px 0}.text-button:hover:enabled,.text-link:hover{color:var(--green)}.text-link{font-size:11px;color:var(--muted)}
.runbar{display:flex;align-items:center;gap:20px;min-height:43px;border-top:1px solid var(--line);position:relative;padding-bottom:2px}.run-label{display:flex;align-items:center;gap:8px;font-size:11px;min-width:200px}.run-dot.running{background:var(--green)}.run-metrics{display:flex;align-items:center;gap:20px;margin-left:auto;font:10px var(--mono);color:var(--muted)}.run-metrics b{font-weight:500;font-size:14px;color:var(--text);margin-right:2px}.run-metrics .metric-found b{color:var(--green)}.run-metrics .metric-absent b{color:var(--red)}.run-metrics .metric-unknown b{color:var(--amber)}#reset{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:44px;padding:0 16px;margin:5px 0;border:1px solid var(--green);border-radius:5px;background:var(--green);color:#17210c;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 1px 0 #e3ffc455 inset;transition:background .15s ease,box-shadow .15s ease}#reset span{font-size:21px;line-height:1}#reset:hover:enabled{background:#d3ff8d;box-shadow:0 0 0 3px #c2f46d22}#reset:focus-visible{outline:3px solid var(--text);outline-offset:3px}#reset:disabled{background:var(--raised);border-color:var(--line);color:var(--muted);box-shadow:none;opacity:.65}.progress-track{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line)}#progress{height:100%;background:var(--green);transition:width .2s ease;width:0}.recording-notice{font-size:10px;line-height:1.5;color:var(--muted);padding:7px 0 0;margin:0}.recording-notice strong{font-weight:500;color:var(--amber)}
/* The photograph and catalog carry the page. */
.workspace{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(390px,1fr);gap:16px;margin-top:12px}.photo-panel,.catalog-panel{border:1px solid var(--line);border-radius:5px;overflow:hidden;min-width:0;background:var(--panel)}.panel-heading{height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid var(--line)}.panel-heading>div{display:flex;align-items:center;gap:10px}h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.3px}.step-tag{font:10px var(--mono);color:var(--green);padding-right:10px;border-right:1px solid #445249}.mini-meta{font:9px var(--mono);color:var(--muted);letter-spacing:.3px}.count-pill{font:10px var(--mono);padding:3px 6px;background:#29353b;color:#c4cfc6;border-radius:3px}.photo-stage{height:var(--viewer-height);position:relative;background-color:#090e11;background-image:radial-gradient(#485a623d .7px,transparent .7px);background-size:12px 12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-wrap{width:min(100%,calc(var(--viewer-height)*.75));position:relative;aspect-ratio:3/4;flex-shrink:0;isolation:isolate}.image-wrap>img{display:block;width:100%;height:100%;object-fit:fill}.image-wrap::after{content:'';position:absolute;inset:0;border:1px solid #ffffff14;pointer-events:none;z-index:4}.corner{position:absolute;width:16px;height:16px;border-style:solid;border-color:#dcffc3aa;z-index:5;pointer-events:none}.corner-tl{left:8px;top:8px;border-width:2px 0 0 2px}.corner-tr{right:8px;top:8px;border-width:2px 2px 0 0}.corner-bl{left:8px;bottom:8px;border-width:0 0 2px 2px}.corner-br{right:8px;bottom:8px;border-width:0 2px 2px 0}.image-message{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:10px 14px;background:#10191ff0;border:1px solid #56705a;display:flex;gap:9px;align-items:center;white-space:nowrap;color:#dce8d7;font-size:12px;pointer-events:none}.viewfinder{font:20px var(--mono);color:var(--green)}.scan-caption{position:absolute;top:12px;left:12px;background:#132116f5;border:1px solid #8ca672;color:var(--green);font:10px var(--mono);padding:9px 12px;max-width:calc(100% - 24px);z-index:7}.boxes{position:absolute;inset:0;z-index:2;pointer-events:none}.product-box{position:absolute;border:3px solid #baff32;background:#baff3214;border-radius:1px;pointer-events:auto;box-shadow:0 0 0 2px #071007,inset 0 0 0 1px #071007,0 2px 8px #000b;transition:background .15s}.product-box.muted{opacity:1}.product-box.selected{border-width:4px;background:#baff322e;box-shadow:0 0 0 2px #071007,inset 0 0 0 1px #071007,0 0 12px #baff3266;z-index:2}.product-box.review{border-style:dashed;border-color:#ffd43b;background:#ffd43b18}.product-box.review.selected{background:#ffd43b35;box-shadow:0 0 0 2px #071007,inset 0 0 0 1px #071007,0 0 12px #ffd43b66}.box-label{display:none;position:absolute;bottom:calc(100% + 5px);left:-2px;padding:5px 7px;background:var(--green);color:#111c08;font:600 10px var(--mono);white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 8px #0005}.product-box.selected .box-label,.product-box:hover .box-label,.product-box:focus-visible .box-label{display:block}.product-box.review .box-label{background:var(--amber)}.photo-bottom,.catalog-bottom{height:43px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.photo-bottom>span{display:flex;align-items:center;gap:7px}.legend-box{display:inline-block;width:9px;height:9px;border:1px solid var(--green)}.review-key{font:9px var(--mono);color:var(--amber);margin-left:auto}.toggle{display:flex;gap:7px;align-items:center;white-space:nowrap;cursor:pointer;padding:10px 0}.toggle input{position:absolute;width:1px;height:1px;opacity:0}.toggle-track{width:25px;height:14px;border-radius:10px;background:#53636a;position:relative}.toggle-track::after{content:'';position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#152216;transition:transform .15s}.toggle input:checked+.toggle-track{background:var(--green)}.toggle input:checked+.toggle-track::after{transform:translateX(11px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--green);outline-offset:4px}
#parallel-regions{position:absolute;inset:0;z-index:3;pointer-events:none}.search-region{position:absolute;border:2px dashed #a0eff7;background:#7ce5ee12;pointer-events:none;z-index:3}.parallel-region{border-width:1px;background:#7ce5ee0c;z-index:0}.crop-preview{position:absolute;right:12px;bottom:12px;width:160px;background:#0c1e24;border:1px solid #99e3e8;z-index:6;box-shadow:0 6px 25px #000a;pointer-events:none}.crop-preview img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.crop-preview span{display:block;padding:7px;font:10px/1.4 var(--mono);color:#bcf3f5}
/* Catalog references paired with progressive evidence crops. */
.catalog-tools{height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:7px}.filters{display:flex;gap:2px}.filter{font-size:11px;background:transparent;color:var(--muted);padding:8px 9px;white-space:nowrap}.filter.active{color:var(--text);background:#d7e6d717}.filter:hover{color:var(--green)}.queue-caption{font:8px var(--mono);color:var(--muted);white-space:nowrap;letter-spacing:.4px}.catalog-scroll{height:calc(var(--viewer-height) - 72px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5c6a62 transparent}.catalog-row{width:100%;padding:10px 14px;min-height:88px;display:grid;grid-template-columns:var(--catalog-columns);gap:10px;align-items:center;border:0;border-radius:0;border-bottom:1px solid #344047;text-align:left;background:transparent;color:var(--text);position:relative;transition:background .15s}.catalog-row:hover{background:#28362f}.catalog-row.selected{background:#2c3b2c;box-shadow:inset 3px 0 var(--green)}.catalog-row.active-row{background:#c2f46d12}.row-number{font:10px var(--mono);color:#99a9b1}.product-icon{width:44px;height:59px;border:1px solid #4a5a5d;background-color:#222d32;display:flex;align-items:center;justify-content:center;border-radius:2px;overflow:hidden}.brand-initial{font:13px var(--mono);color:#c0cec3;letter-spacing:-.5px}.product-icon.shelf-crop{background-image:url('/shelf.jpg?image=6b7c702f932fa86ca63988dae1b6321a7c63e48ffb43aa894ba674f7acbf60dc');background-repeat:no-repeat;border-color:#76836c}.shelf-crop .brand-initial{display:none}.product-copy{min-width:0}.brand{display:block;font-size:14px;font-weight:600;line-height:1.3}.product-name{display:block;font-size:12px;color:#c0c9cc;line-height:1.4;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-meta{display:block;font:9px var(--mono);color:#93a4ae;margin-top:5px;letter-spacing:.1px}.row-result{display:flex;align-items:flex-end;flex-direction:column;gap:5px;text-align:right}.status-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid #55656a;border-radius:50%;font:15px var(--mono);color:#9caeb4}.status-icon.found{color:var(--green);background:#c2f46d10;border-color:#9ab75a}.status-icon.absent{color:var(--red);border-color:#ab6d6b;background:#ef8a860a;font-size:20px}.status-icon.unknown{color:var(--amber);border-color:#a48c55;background:#edc9780b}.status-icon.working{border-color:var(--green) transparent var(--green) var(--green);animation:spin 1s linear infinite}.row-detail{font:9px var(--mono);color:#acbdc4;white-space:nowrap}.row-detail.found,.row-detail.absent{color:#e5aaa6}.row-detail.unknown{color:var(--amber)}.status-key{display:flex;align-items:center;gap:4px;font-size:10px}.key{font-style:normal;font-family:var(--mono);margin-left:10px}.key:first-child{margin-left:0}.key.yes{color:var(--green)}.key.no{color:var(--red)}.key.maybe{color:var(--amber)}.catalog-bottom>span:last-child{font:9px var(--mono)}.empty-filter{padding:65px 16px;text-align:center;font-size:13px;color:var(--muted)}
/* Supporting evidence is below the visual demonstration. */
.insights-heading{margin:32px 0 16px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.insights-heading h2{font:600 32px var(--display);margin-top:5px}.insights-heading p{font-size:12px;color:var(--muted);margin:0}.insights-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:stretch}.scan-summary-panel,.cost-panel,.timing-panel{padding:20px;border:1px solid var(--line);border-radius:4px;background:var(--panel);min-width:0}.scan-summary-panel{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:16px}.summary-label{display:block;font:9px/1.6 var(--mono);color:var(--muted);letter-spacing:.5px;margin-bottom:8px}.scan-summary-panel strong{font:18px var(--mono);color:var(--green)}.scan-summary-panel strong span{color:var(--muted);font-size:12px}.scan-summary-panel p{width:100%;font:10px/1.7 var(--mono);white-space:pre-line;color:var(--muted);margin:0}summary{cursor:pointer}.cost-panel{display:flex;flex-wrap:wrap;align-content:flex-start;gap:16px;background:linear-gradient(140deg,#263222,var(--panel) 60%)}.cost-total{width:100%}.cost-total h2{font-size:12px;color:var(--text)}.cost-total h2 b{font:inherit}.cost-total h2 span{font:9px var(--mono);color:var(--muted);margin-left:8px}.cost-total>strong{display:block;font:30px var(--mono);color:var(--green);letter-spacing:-1px;margin-top:8px}.cost-detail{width:100%;min-width:0}.cost-breakdown{display:flex;gap:20px}.cost-breakdown>div{display:flex;flex-direction:column;gap:4px}.cost-breakdown strong{font:13px var(--mono)}.cost-breakdown span{font-size:10px;color:var(--muted)}.cost-detail p{font:10px/1.6 var(--mono);color:var(--muted);margin:12px 0 0}.cost-pricing{display:flex;justify-content:space-between;gap:10px;width:100%;font:9px/1.5 var(--mono);color:var(--muted);padding-top:12px;border-top:1px solid var(--line)}.cost-pricing span:last-child{color:var(--green)}.cost-pricing:hover{text-decoration:underline}.timing-panel{display:flex;flex-wrap:wrap;gap:16px;align-content:flex-start;align-items:center}.timing-panel>div{flex:1 1 100px}.timing-panel>div>span{display:block;font:9px/1.6 var(--mono);color:var(--muted);letter-spacing:.3px;margin-bottom:8px}.timing-panel strong{font:23px var(--mono);color:var(--green)}.timing-panel p{flex:0 0 100%;font:11px/1.6 var(--mono);margin:0;color:var(--text)}.timing-panel small{font:10px/1.6 var(--mono);color:var(--muted);flex:0 0 100%}.live-panel{border:1px solid var(--line);border-radius:4px;background:var(--panel);margin-top:16px;overflow:hidden}.live-top{height:48px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.live-title{display:flex;align-items:center;gap:9px}.live-title h2{font-size:13px}.pulse-dot{background:var(--green)}.mono{font:9px var(--mono);color:var(--muted);letter-spacing:.5px;margin-left:4px}.pipeline{display:grid;grid-template-columns:1fr 30px 1fr 95px;align-items:center;gap:15px;padding:22px}.pipeline-step{display:flex;align-items:center;gap:12px;min-width:0}.pipeline-number{width:29px;height:29px;border:1px solid #68806e;color:var(--muted);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font:11px var(--mono)}.pipeline-step h3{font-size:13px;font-weight:500;margin:0 0 5px}.pipeline-step p{font-size:11px;line-height:1.5;color:var(--muted);margin:0;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-state{font:9px var(--mono);margin-left:auto;color:var(--muted)}.pipeline-step.running .pipeline-number,.pipeline-step.done .pipeline-number{border-color:var(--green);color:var(--green)}.pipeline-step.running .stage-state{color:var(--green)}.pipeline-arrow{text-align:center;color:#8ea19b;font-size:18px}.call-meter{border-left:1px solid var(--line);padding-left:20px;display:flex;flex-direction:column;gap:5px;justify-self:end}.call-meter strong{font:22px var(--mono)}.call-meter>span,.call-meter small{font:9px var(--mono);color:var(--muted)}.trace-panel{display:grid;grid-template-columns:1fr 1fr;height:310px;border-top:1px solid var(--line)}.trace-log{padding:10px 20px;overflow:auto;border-right:1px solid var(--line);scrollbar-width:thin}.trace-entry{padding:10px 0;display:grid;grid-template-columns:60px 1fr;gap:10px;border-bottom:1px solid var(--line);font:10px/1.7 var(--mono)}.trace-time{color:var(--muted)}.trace-text{color:#c0cbd0}.trace-text strong{font-weight:500;color:var(--text)}.trace-text .good{color:var(--green)}.trace-text .warn{color:var(--amber)}.trace-empty{font-size:12px;color:var(--muted);padding:12px 0}.inspector{padding:20px;overflow:auto}.inspector-label{font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.inspector h3{font-size:16px;font-weight:600;margin:8px 0}.inspector p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 12px}.selected-stats{display:flex;gap:12px;flex-wrap:wrap;font:10px/1.6 var(--mono);color:var(--green);margin:10px 0}.inspector pre{white-space:pre-wrap;word-break:break-word;padding:12px;background:#0e161a;font:10px/1.6 var(--mono);color:#b8c9d1}footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:22px;font-size:10px;line-height:1.6;color:var(--muted)}footer strong{color:var(--text);font-weight:500}.rules{text-align:right;position:relative}.rules summary{list-style:none}.rules summary:hover{color:var(--green)}.rules>div{position:absolute;bottom:30px;right:0;width:390px;max-width:calc(100vw - 36px);padding:20px;background:#263238;border:1px solid #63746e;z-index:10;text-align:left;color:#d1dadc;box-shadow:0 8px 40px #000b}.rules p{margin:10px 0}.rules a{color:var(--green)}.back-top{display:inline-block;margin-top:18px;color:var(--green);font-size:11px}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:13px 18px;border:1px solid #9daf70;background:#263328;box-shadow:0 4px 25px #0009;color:#edf5da;font-size:12px;max-width:calc(100% - 30px);z-index:20}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1800px){.topbar{padding:0 max(32px,calc((100vw - 1736px)/2))}}
@media(max-width:1150px){.scan-controls{gap:8px}.primary{min-width:130px;padding:0 13px}.ghost{padding:0 10px}.workspace{grid-template-columns:minmax(0,1.14fr) minmax(360px,1fr)}.queue-caption{display:none}.catalog-row{padding:10px 12px;grid-template-columns:15px 40px minmax(0,1fr) 83px;gap:9px}.product-icon{width:40px;height:56px}.brand{font-size:13px}.row-detail{font-size:8px}.stage-state{display:none}.review-key{display:none}.insights-grid{grid-template-columns:1fr 1fr}.timing-panel{grid-column:1/-1}.timing-panel small{flex:1 1 100%;}.pipeline-step p{max-width:210px}}
@media(max-width:900px){.photo-stage{align-items:flex-start}main{padding:18px 20px 24px}.topbar{padding:0 20px}.byline{display:none}.intro{align-items:flex-start;gap:18px}.intro-copy{flex:1}.intro h1{font-size:37px}.scan-controls{flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:245px}.primary,.ghost{height:41px}.intro-actions{gap:7px}.run-label{min-width:155px}.run-metrics{gap:12px}.runbar{gap:12px}.run-metrics>span:first-child{font-size:9px}.workspace{gap:12px;grid-template-columns:minmax(0,1fr) minmax(330px,1fr)}.panel-heading{padding:0 12px}.mini-meta{font-size:8px}.catalog-row{gap:8px;padding:10px}.row-number{display:none}.product-icon{width:38px;height:55px}.product-meta{font-size:8px}.product-name{font-size:11px}.catalog-tools{padding:0 8px}.filter{font-size:10px;padding:8px}.catalog-bottom{padding:0 10px}.catalog-bottom>span:last-child{display:none}.pipeline{grid-template-columns:1fr 18px 1fr 80px;padding:18px 14px;gap:8px}.pipeline-step{gap:8px}.pipeline-step p{max-width:170px}.call-meter{padding-left:14px}.photo-bottom{padding:0 12px;font-size:9px}.insights-heading p{font-size:11px}}
@media(max-width:680px){:root{--viewer-height:calc((100vw - 34px)*1.333333)}.topbar{height:56px;padding:0 16px;gap:14px}.wordmark{font-size:22px}.mark{width:21px;height:21px;margin-right:8px}.connection{font-size:8px;line-height:1.5;max-width:148px}main{padding:16px 16px 24px}.intro{display:block;margin-bottom:12px}.eyebrow{font-size:8px}.intro h1{font-size:40px;margin-top:5px}.intro-copy p{font-size:12px}.scan-controls{max-width:none;display:flex;justify-content:space-between;margin-top:17px;flex-wrap:nowrap;gap:8px}.intro-actions{gap:6px}.primary{min-width:119px;padding:0 11px;font-size:12px;height:47px;gap:7px}.ghost{font-size:11px;padding:0 8px;height:47px}.runbar{flex-wrap:wrap;gap:3px;padding:7px 0 10px;min-height:67px}.run-label{font-size:10px;flex:1}.run-metrics{width:100%;margin:3px 0 0;justify-content:space-between;order:3;font-size:9px;gap:6px}.run-metrics b{font-size:13px}#reset{min-height:44px;padding:0 12px;margin:0;font-size:11px}.recording-notice{font-size:9px;line-height:1.6;padding-top:8px}.workspace{grid-template-columns:1fr;gap:16px;margin-top:10px}.panel-heading{height:46px;padding:0 13px}h2{font-size:14px}.mini-meta{font-size:9px}.photo-stage{height:auto;aspect-ratio:3/4}.image-wrap{width:100%;height:auto;aspect-ratio:3/4}.image-wrap>img{height:auto}.photo-bottom{height:42px;padding:0 12px}.review-key{display:none}.box-label{font-size:9px;max-width:220px}.crop-preview{width:115px;right:8px;bottom:8px}.crop-preview span{font-size:9px}.scan-caption{font-size:9px;padding:7px 9px;left:8px;top:8px}.image-message{font-size:11px;max-width:calc(100% - 20px)}.catalog-scroll{height:410px}.catalog-tools{height:44px;padding:0 10px}.filter{min-height:36px;padding:8px 9px;font-size:11px}.catalog-row{padding:10px 12px;gap:8px;min-height:84px}.row-number{display:block;font-size:9px}.product-icon{width:43px;height:59px}.brand{font-size:14px}.product-name{font-size:12px}.product-meta{font-size:8px}.row-detail{font-size:8px}.catalog-bottom{padding:0 12px}.catalog-bottom>span:last-child{display:block;font-size:8px}.status-key{font-size:9px}.insights-heading{margin-top:27px;display:block}.insights-heading h2{font-size:30px}.insights-heading p{margin-top:7px;line-height:1.6}.insights-grid{grid-template-columns:1fr;gap:12px}.scan-summary-panel,.cost-panel,.timing-panel{padding:18px}.timing-panel{grid-column:auto}.cost-total h2 span{font-size:8px}.live-panel{margin-top:12px}.live-top{padding:0 13px}.live-title .mono{display:none}.pipeline{grid-template-columns:1fr;gap:17px;padding:20px 16px}.pipeline-arrow{display:none}.stage-state{display:block}.pipeline-step p{max-width:245px}.call-meter{justify-self:stretch;flex-direction:row;align-items:baseline;gap:10px;padding:13px 0 0;border-left:0;border-top:1px solid var(--line)}.call-meter small{margin-left:auto}.trace-panel{grid-template-columns:1fr;height:510px;grid-template-rows:220px 290px}.trace-log{border-right:0;border-bottom:1px solid var(--line);padding:8px 14px}.inspector{padding:16px}footer{display:block;font-size:9px}.rules{text-align:left;margin-top:12px}.rules>div{left:0;right:auto;width:calc(100vw - 34px)}.insights-grid .scan-summary-panel strong{font-size:20px}}
@media(max-width:370px){.ghost{font-size:0;width:32px;padding:0}.ghost>span{font-size:15px}.catalog-row{}.row-number{display:none}.product-icon{width:38px}.brand{font-size:13px}.product-name{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Separate photo and selection controls: no nested buttons. */
.catalog-select{position:absolute;inset:0;background:transparent;border:0;border-radius:0;z-index:1}.catalog-row:focus-within{background:#28362f}.catalog-select:focus-visible{outline-offset:-3px}.catalog-row>.row-number,.catalog-row>.product-copy,.catalog-row>.row-result{pointer-events:none;position:relative;z-index:1}.catalog-row>.product-icon{position:relative;z-index:2;padding:0;opacity:1}.product-icon:disabled{pointer-events:none}.product-icon.shelf-crop{cursor:zoom-in}.thumbnail-zoom{display:none;position:absolute;right:0;bottom:0;background:#101519e6;color:var(--green);font:14px var(--mono);padding:0 2px}.shelf-crop .thumbnail-zoom{display:block}.shelf-zoom-target{position:absolute;inset:0;z-index:1;background:transparent;cursor:zoom-in;border-radius:0}.shelf-zoom-target>span{position:absolute;top:10px;right:10px;background:#101519ed;color:var(--text);border:1px solid #81916a;padding:8px 10px;font:10px var(--mono)}.shelf-zoom-target:focus-visible{outline-offset:-4px}.pipeline-product{display:block;text-align:left;color:var(--green);background:transparent;padding:3px 0 7px;font-size:11px;line-height:1.5;max-width:270px;white-space:normal}.pipeline-product:hover:enabled{text-decoration:underline}.trace-entry{width:100%;text-align:left;background:transparent;border-radius:0;color:var(--text)}.trace-entry:hover{background:#c2f46d0d}.trace-entry:focus-visible{outline-offset:-2px}
body.dialog-open{overflow:hidden}.detail-dialog{color:var(--text);background:var(--panel);border:1px solid #69786d;border-radius:8px;padding:0;width:calc(100vw - 40px);max-width:1100px;max-height:calc(100svh - 40px);box-shadow:0 24px 100px #000b;overflow:hidden}.detail-dialog::backdrop{background:#050a0ee8;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-heading>div{min-width:0}.dialog-heading h2{font:600 28px/1.1 var(--display);margin-top:6px;overflow-wrap:anywhere}.dialog-close{flex-shrink:0;background:#2a363c;color:var(--text);border:1px solid #6f7b80;display:flex;align-items:center;gap:14px;padding:8px 12px;min-height:44px;font-size:12px}.dialog-close span{font:26px/1 var(--sans)}.dialog-close:hover{background:var(--green);color:#18200e}.dialog-note{font-size:12px;line-height:1.65;color:var(--muted);padding:14px 24px;margin:0}.photo-dialog-content{height:calc(100svh - 225px);min-height:160px;max-height:780px;overflow:auto;background:#080e12;overscroll-behavior:contain;padding:16px;scrollbar-color:#819271 #172126}.zoom-shelf-canvas{position:relative;width:768px;height:1024px;margin:auto}.zoom-shelf-canvas>img{display:block;width:768px;height:1024px}.zoom-shelf-canvas .boxes{pointer-events:none}.zoom-shelf-canvas .product-box:disabled{opacity:1;pointer-events:none}.photo-dialog-content.item-photo{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#2b3835,#0a1115 75%)}.item-photo svg{display:block;width:100%;height:100%;max-width:650px}.api-dialog-body{overflow:auto;max-height:calc(100svh - 150px);padding-bottom:24px;overscroll-behavior:contain}.request-picker{display:block;padding:0 24px;font:10px var(--mono);color:var(--muted)}.request-picker select{display:block;margin-top:8px;padding:12px;width:100%;border:1px solid #657568;border-radius:3px;background:#10181c;color:var(--text);font:12px var(--mono);min-height:44px}.request-picker select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.api-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;padding:20px 24px 0}.api-columns section{min-width:0}.api-columns h3{font-size:12px;font-weight:500;margin:0 0 10px}.api-columns h3 span{font:9px var(--mono);color:var(--muted);margin-left:8px}.api-columns pre{margin:0;background:#0b1317;border:1px solid var(--line);border-radius:4px;padding:16px;font:11px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#d5e3d8;min-height:150px}.api-columns pre:focus-visible,.photo-dialog-content:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
@media(max-width:680px){.detail-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 20px)}.dialog-heading{padding:14px;gap:10px}.dialog-heading h2{font-size:24px}.dialog-close{gap:8px;padding:8px}.dialog-note{padding:12px 14px;font-size:11px}.photo-dialog-content{padding:10px;height:calc(100svh - 225px)}.request-picker{padding:0 14px}.request-picker select{font-size:11px}.api-columns{grid-template-columns:1fr;padding:18px 14px 0}.api-dialog-body{max-height:calc(100svh - 130px)}.pipeline-product{max-width:230px}.api-columns pre{font-size:10px}}

.reference-content{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:24px;padding:8px 24px 24px;overflow:auto;max-height:calc(100svh - 240px);overscroll-behavior:contain}.reference-picture{background:white;border-radius:4px;min-height:220px;display:flex;align-items:center;justify-content:center;align-self:start}.reference-picture img{display:block;object-fit:contain;max-width:100%;width:100%;height:330px}.reference-details{min-width:0;font-size:12px;line-height:1.75;color:var(--muted)}.reference-details p{margin:0 0 10px}.reference-details strong{color:var(--text);font-weight:500}.reference-details details{margin-top:16px}.reference-details summary{cursor:pointer;color:var(--text)}.reference-details ul{padding-left:18px}.reference-details li{margin-bottom:8px}.reference-sources{display:grid;gap:10px;margin-top:20px}.reference-sources a{color:var(--green);overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}@media(max-width:680px){.reference-content{grid-template-columns:1fr;padding:0 14px 18px;gap:18px;max-height:calc(100svh - 245px)}.reference-picture img{height:220px}.reference-picture{min-height:180px}}

/* Decorative scan sweep; independent of inference and playback timing. */
.image-wrap::before{content:'';position:absolute;left:3%;right:3%;top:2%;height:2px;background:linear-gradient(90deg,transparent,#baff32 12%,#e4ffb5 50%,#baff32 88%,transparent);box-shadow:0 0 8px #baff32cc,0 0 20px #baff3266;z-index:3;pointer-events:none;opacity:0}
.photo-stage.scanning .image-wrap::before{opacity:1;animation:shelf-sweep 3s ease-in-out infinite alternate}
@keyframes shelf-sweep{from{top:2%}to{top:98%}}
@media(prefers-reduced-motion:reduce){.photo-stage.scanning .image-wrap::before{display:none}}

/* A reference on the left, a shelf crop revealed only after localization. */
.catalog-panel{--catalog-columns:48px minmax(0,1fr) 48px 90px;--catalog-gap:10px;--catalog-padding:14px}
.catalog-columns{height:28px;display:grid;grid-template-columns:var(--catalog-columns);gap:var(--catalog-gap);align-items:center;padding:0 var(--catalog-padding);border-bottom:1px solid var(--line);font:8px var(--mono);letter-spacing:.7px;text-transform:uppercase;color:var(--muted);background:#11191e}
.catalog-columns>span:nth-child(3){text-align:center}.catalog-columns>span:last-child{text-align:right}
.catalog-row{grid-template-columns:var(--catalog-columns);gap:var(--catalog-gap);padding-left:var(--catalog-padding);padding-right:var(--catalog-padding)}
.catalog-row>.catalog-reference{position:relative;z-index:2;width:48px;height:66px;padding:4px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #bec9c1;border-radius:3px;overflow:hidden;cursor:zoom-in}
.catalog-reference img{width:100%;height:100%;object-fit:contain}.catalog-reference .thumbnail-zoom{display:block;font-size:11px}.catalog-reference:hover{border-color:var(--green);box-shadow:0 0 0 2px #c2f46d44}.catalog-reference.needs-review{border-color:var(--amber)}
.product-icon{width:48px;height:66px;border-style:dashed;background-color:#11191e}.product-icon.shelf-crop{border-style:solid}.product-icon.needs-review{border:2px dashed var(--amber)}.crop-placeholder{color:#788c95;font:13px var(--mono)}.shelf-crop .crop-placeholder{display:none}
.product-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.brand{overflow-wrap:anywhere}.product-meta{font-size:8px;overflow-wrap:anywhere;line-height:1.5}.reference-review{display:block;color:var(--amber);font:8px/1.5 var(--mono);margin-top:4px}
.row-detail{white-space:normal;line-height:1.5}.row-confidence{color:var(--muted);font:8px/1.5 var(--mono)}.row-confidence:empty{display:none}
@media(max-width:1150px){.catalog-panel{--catalog-columns:42px minmax(0,1fr) 42px 80px;--catalog-gap:8px;--catalog-padding:12px}.catalog-row>.catalog-reference,.product-icon{width:42px;height:60px}}
@media(max-width:900px){.catalog-panel{--catalog-columns:40px minmax(0,1fr) 40px 76px;--catalog-padding:10px}.catalog-row>.catalog-reference,.product-icon{width:40px;height:58px}.catalog-columns{letter-spacing:.3px;font-size:7px}}
@media(max-width:680px){.scan-controls{justify-content:flex-start}.catalog-panel{--catalog-columns:44px minmax(0,1fr) 44px 78px;--catalog-padding:12px}.catalog-row>.catalog-reference,.product-icon{width:44px;height:62px}.catalog-columns{font-size:8px}.catalog-scroll{height:410px}}
@media(max-width:370px){.catalog-panel{--catalog-columns:38px minmax(0,1fr) 38px 68px;--catalog-gap:7px;--catalog-padding:10px}.catalog-row>.catalog-reference,.product-icon{width:38px;height:56px}.catalog-columns{font-size:7px}}

/* Original-resolution comparison stays below the primary photo/catalog workspace. */