*,:before,:after{box-sizing:border-box}body{background:#fff;margin:0;font-family:system-ui,sans-serif}#root{min-height:100svh}.unsupported-screen{display:none}.desktop-only{display:contents}@media (width<=1024px){.unsupported-screen{z-index:9999;text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.unsupported-title{color:#1a1a1a;margin:0 0 12px;font-size:22px;font-weight:700}.unsupported-body{color:#888;max-width:300px;margin:0;font-size:15px;line-height:1.5}.desktop-only{display:none}}.header{background:#fff;border-bottom:1px solid #e5e4e7;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.logo{object-fit:contain;width:auto;height:36px}.brand .logo{height:24px}.brand{align-items:center;gap:8px;display:flex}.brand--clickable{cursor:pointer}.brand-label{color:#333;letter-spacing:.01em;font-size:18px;font-weight:700;transform:translateY(3.5px)}.hero{background:#fff;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.hero-title{color:#1a1a1a;margin:0;font-size:32px;font-weight:700}.hero-subtitle{color:#888;margin:0;font-size:16px}.main{padding:40px 24px}.shelf-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid}.shelf-card{cursor:pointer;background:#fff;border:2px solid #e5e4e7;border-radius:12px;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 8px #0000000f}.shelf-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.shelf-img{aspect-ratio:3/4;object-fit:cover;filter:brightness(1.08)contrast(.95);border-radius:8px;width:100%;display:block}.shelf-img.dim{filter:brightness(.82)contrast(.95)}.shelf-label{color:#333;text-align:center;padding:12px 16px;font-size:15px;font-weight:600}.hero,.main{transition:opacity .35s}.header-right{align-items:center;display:flex;position:relative}.header-logo{opacity:1;transition:opacity .25s,transform .25s;transform:scale(1)}.back-btn{color:#333;cursor:pointer;opacity:0;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:15px;font-weight:600;transition:opacity .25s,transform .25s;display:flex;position:absolute;right:0;transform:translate(8px)}.back-btn:hover{color:#000}.header-right.is-expanded .header-logo{opacity:0;pointer-events:none;transform:scale(.8)}.header-right.is-expanded .back-btn{opacity:1;transform:translate(0)}.content-hidden{opacity:0;pointer-events:none}.card-expanded{pointer-events:none}.overlay{top:var(--header-h,69px);z-index:10;pointer-events:none;background:#fff0;transition:background .4s;position:fixed;bottom:0;left:0;right:0}.overlay.active{background:#ffffffeb}.expanded-layout{top:var(--header-h,69px);z-index:15;pointer-events:none;flex-direction:row;gap:24px;padding:24px;display:flex;position:fixed;bottom:0;left:0;right:0}.side-panel{pointer-events:all;background:#fff;border:2px solid #e5e4e7;border-radius:12px;flex:1;padding:24px 20px;overflow-y:auto;box-shadow:0 2px 8px #0000000f}.expanded-center{flex:1.4}.side-panel--left{opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s;transform:translate(calc(50vw - 50%))}.side-panel--right{opacity:0;flex-direction:column;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;transform:translate(calc(50% - 50vw))}.expanded-layout.layout-visible .side-panel--left,.expanded-layout.layout-visible .side-panel--right{opacity:1;transform:translate(0)}.panel-heading{text-transform:uppercase;letter-spacing:.08em;color:#999;margin:0 0 20px;font-size:13px;font-weight:700}.filter-group{margin-bottom:24px}.censor-bg-btn{color:#aaa;cursor:pointer;background:#fff;border:1.5px solid #e5e4e7;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:border-color .15s,background .15s,color .15s;display:flex}.censor-bg-btn:hover{color:#feb020;border-color:#feb020}.censor-bg-btn--active{color:#feb020;background:#fff6e4;border-color:#feb020}.filter-label{color:#555;margin:0 0 8px;font-size:13px;font-weight:600}.filter-option{color:#333;cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.filter-select{color:#333;cursor:pointer;background:#fff;border:1px solid #e5e4e7;border-radius:8px;width:100%;padding:7px 10px;font-size:14px}.analytic-card{border-bottom:1px solid #f0f0f2;padding:14px 0}.analytic-card:last-child{border-bottom:none}.analytic-label{color:#999;margin:0 0 4px;font-size:13px}.analytic-value{color:#1a1a1a;margin:0;font-size:22px;font-weight:700}.flying-img{z-index:20;pointer-events:none;transition:top .4s cubic-bezier(.4,0,.2,1),left .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),border-radius .4s,box-shadow .4s;position:fixed;overflow:hidden;box-shadow:0 2px 8px #0000000f}.censor-block{-webkit-backdrop-filter:blur(12px)brightness(.7);backdrop-filter:blur(12px)brightness(.7);pointer-events:none;transform-origin:50%;background:#00000040;border-radius:2px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards censor-in;position:absolute}@keyframes censor-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.censor-block--exit{animation:.4s cubic-bezier(.32,0,.67,0) forwards censor-out}@keyframes censor-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.annotation-svg{border-radius:inherit;pointer-events:all;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.detection-summary{flex-direction:column;gap:6px;display:flex}.brand-pill{cursor:pointer;text-align:left;background:#fff6e4;border:1.5px solid #feb020;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;transition:border-color .15s,background .15s,transform .1s;display:flex}.brand-pill:hover{background:#fff9ed;border-color:#feb020;transform:translate(2px)}.brand-pill.active{background:#fff;border-color:#e5e4e7}.brand-pill.disabled{opacity:.45;background:#fff;border-color:#e5e4e7}.brand-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.brand-logo{object-fit:contain;border-radius:4px;flex-shrink:0;width:28px;height:28px}.brand-logo--icon{color:#999}.brand-name{color:#333;text-transform:capitalize;flex:1;font-size:14px;font-weight:600}.brand-count{color:#999;background:#f5f5f7;border-radius:20px;padding:1px 8px;font-size:13px;font-weight:700;position:relative}.brand-count:after{content:attr(data-count);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#1a1a1a;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 6px);right:0;transform:translateY(4px)}.brand-count:hover:after,.brand-pill:hover .brand-count:after{opacity:1;transform:translateY(0)}.filter-stat{color:#1a1a1a;margin:0;font-size:22px;font-weight:700}.total-count{color:#1a1a1a;margin:0;font-size:36px;font-weight:800;line-height:1}.sidebar-stat-row{gap:16px;margin-top:24px;display:flex}.sidebar-stat-row .sidebar-stat-group{flex:1}.sidebar-stat-group{margin-top:24px}.sidebar-stat-value{color:#1a1a1a;margin:0 0 12px;font-size:36px;font-weight:800;line-height:1}.sku-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px;display:grid}.sku-card{aspect-ratio:1;cursor:pointer;background:#fff6e4;border:1.5px solid #feb020;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:border-color .15s,background .15s,transform .1s;display:flex}.sku-card:hover{background:#fff9ed;border-color:#feb020;transform:scale(1.06)}.sku-card--active{background:#fff;border-color:#e5e4e7}.sku-card--disabled{opacity:.45;background:#fff;border-color:#e5e4e7}.sku-img{object-fit:contain;width:100%;height:100%}.empty-hint{color:#bbb;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.empty-hint-icon{color:#ddd}.detail-brand-row{align-items:center;gap:8px;margin-bottom:20px;display:flex}.detail-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.detail-brand-name{color:#1a1a1a;text-transform:capitalize;flex:1;font-size:18px;font-weight:700}.detail-close{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:14px;line-height:1;transition:color .15s,background .15s}.detail-close:hover{color:#333;background:#f0f0f2}.conf-bar{background:#f0f0f2;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.conf-bar-fill{border-radius:2px;height:100%;transition:width .3s}.related-list{flex-direction:column;gap:4px;max-height:180px;margin-top:8px;display:flex;overflow-y:auto}.related-item{color:#666;cursor:pointer;text-align:left;background:0 0;border:1.5px solid #e5e4e7;border-radius:6px;padding:5px 10px;font-size:13px;transition:border-color .15s,color .15s,background .15s}.related-item:hover{color:#333;border-color:#bbb}.related-item--active{color:#111;background:#f8f8f9;border-color:#333;font-weight:600}.crop-preview{z-index:30;pointer-events:none;opacity:0;transform-origin:50%;border:2px solid;border-radius:10px;transition:opacity .15s ease-out,transform .3s cubic-bezier(0,.9,.3,1),left .2s cubic-bezier(.25,1,.5,1),top .2s cubic-bezier(.25,1,.5,1);position:fixed;overflow:visible;transform:scale(.5);box-shadow:0 8px 32px #00000059}.crop-preview--visible{opacity:1;transform:scale(1)}.crop-preview-clip{animation:.25s cubic-bezier(.25,1,.5,1) crop-ripple}@keyframes crop-ripple{0%{transform:scale(1)}40%{transform:scale(.88)}to{transform:scale(1)}}.crop-preview-clip{border-radius:8px;width:100%;height:100%;overflow:hidden}.crop-preview-img{object-fit:cover;width:100%;height:100%;display:block}.crop-preview-top{white-space:nowrap;background:#1a1a1a;border-radius:20px;padding:3px 10px;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.crop-preview-brand{color:#fff;text-transform:capitalize;font-size:11px;font-weight:700}.crop-preview-center{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.crop-preview-conf{color:#fff;text-shadow:0 1px 6px #0009;font-size:16px;font-weight:800}.detail-brand-logo-wrap{background:#f5f5f7;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-top:8px;display:inline-flex}.detail-brand-logo{object-fit:contain;width:44px;height:44px}.detail-crop-img{object-fit:contain;background:#f5f5f7;border-radius:6px;width:100%;max-height:140px;margin:4px 0;display:block}.detection-tooltip{z-index:30;color:#fff;pointer-events:none;white-space:nowrap;background:#1a1a1a;border-radius:6px;align-items:center;gap:6px;margin-top:-4px;padding:5px 10px;font-size:12px;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 2px 8px #00000040}.tip-brand{text-transform:capitalize;font-weight:700}.tip-conf{color:#aaa}