.scan-shell{max-width:1040px}.scan-shell h1{font-size:clamp(32px,5vw,52px);line-height:1.12;margin:10px 0 16px}.scan-intro{color:#ceced6;font-size:18px;line-height:1.6}.scan-controls{border-top:3px solid var(--pink)}.photo-label{margin:0!important;font-size:14px;max-width:100%;color:#dedee6}.photo-label input{max-width:100%;font-size:14px}.barcode-input{display:flex;gap:12px}.barcode-input input{flex:1;letter-spacing:1px}.scan-controls form{margin-top:24px}.camera-frame{position:relative;margin-top:24px;background:#050505;border-radius:16px;overflow:hidden}.camera-frame video{width:100%;max-height:420px;min-height:240px;display:block;object-fit:cover}.scan-guide{position:absolute;inset:25% 8%;border:2px solid #ff1682;border-radius:14px;pointer-events:none}.scan-tip{font-size:14px;color:#bdbdc9;line-height:1.6}.scan-status{line-height:1.6;color:#f4c7dc}.product-panel{border:1px solid #75415a;border-radius:22px;padding:28px;background:#151217;margin:28px 0}.product-panel h2{font-size:28px;line-height:1.2;overflow-wrap:anywhere}.scan-macros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.macro-value{padding:18px 12px;border:1px solid #46414a;border-radius:14px;background:#0c0c10}.macro-value strong{display:block;font-size:25px;margin:8px 0;color:#fff}.macro-value:first-child{border-color:#eb287d}.macro-value span{font-size:14px;color:#c6c6d0}.portion-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portion-box{background:#1c1720}.scan-other{margin:32px 0}.scan-other p{line-height:1.6}.scan-other .primary{display:inline-block;text-decoration:none}.scan-shell a:not(.primary):not(.wordmark){color:#ff89bd}.scan-shell button:disabled{opacity:.5;cursor:wait}.scan-shell [hidden]{display:none!important}@media(max-width:600px){.scan-controls,.product-panel,.portion-box{padding:18px}.scan-macros{grid-template-columns:1fr 1fr}.portion-controls{grid-template-columns:1fr;gap:0}.barcode-input{flex-direction:column}.scan-controls .actions{align-items:stretch}.scan-controls .actions>button{flex:1}.scan-shell h1{font-size:34px}.macro-value strong{font-size:24px}}
