.scan-photo{isolation:isolate;background:#e9e9df;border-radius:12px;width:fit-content;min-width:0;max-width:100%;margin:0 auto 16px;scroll-margin-block:16px;position:relative;overflow:hidden}.scan-photo.preview-preparing,.scan-photo.preview-unavailable{width:min(100%,420px);min-height:min(60svh,440px)}.photo-preparation{text-align:center;color:#244c3b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.photo-preparation p{margin:0;font-weight:600}.photo-preparation .loading-dot{background:#82976a;animation:none}.photo-preparation small{color:#62675e;max-width:280px}.upload-panel:has(.scan-photo-pending) .upload-target{display:none}.photo-select-button{color:#244c3b;width:fit-content;max-width:100%;min-height:44px;font:inherit;cursor:pointer;background:#f7f5ed;border:1px solid #44674d;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.upload-target{cursor:default}.upload-target .photo-select-button{margin-top:10px}.photo-select-button:hover:not(:disabled){background:#e9eedf;border-color:#244c3b}.photo-select-button:active:not(:disabled){background:#dde5d1}.photo-select-button:focus-visible{outline-offset:3px;outline:3px solid #617956}.photo-select-button:disabled{opacity:.5;cursor:default}.photo-select-button .icon{width:18px;height:18px}.result-photo-controls{justify-content:flex-end;margin:0 0 10px;display:flex}.result-photo-controls .photo-select-button{padding-inline:12px;font-size:12px}.scan-photo-field{width:fit-content;max-width:100%;position:relative;overflow:hidden}.scan-photo-field .upload-preview{object-fit:contain;object-position:center;border-radius:0;width:auto;max-width:100%;height:auto;max-height:min(76svh,680px);margin:0;display:block;position:static}.scan-sweep{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scan-sweep-line{will-change:transform;animation:1.9s linear infinite megrami-scan-pass;position:absolute;inset:0}.scan-sweep-line:before{content:"";background:linear-gradient(90deg,#adbd8d30,#dae5bcdd 50%,#adbd8d30);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px 2px #b6c6973d}.scan-progress.analysis-status{color:#244c3b;min-height:44px;margin:0 0 16px;padding:0;font-size:14px;line-height:1.4}.scan-progress .loading-dot{background:#82976a;flex:none;animation:none}.scan-progress-copy{overflow-wrap:anywhere;min-width:0}@keyframes megrami-scan-pass{0%{opacity:0;transform:translateY(0)}12%,88%{opacity:.85}to{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion:no-preference){.scan-progress-copy{animation:.16s ease-out megrami-scan-copy}.scan-result.is-revealing{animation:.32s ease-out megrami-result-in}.scan-result.is-revealing .result-lab-nutrition{animation:.22s ease-out megrami-result-in}.scan-result.is-revealing .result-lab-callout{animation:.16s ease-out both megrami-callout-in}.scan-result.is-revealing .result-lab-callout:nth-child(2){animation-delay:25ms}.scan-result.is-revealing .result-lab-callout:nth-child(3){animation-delay:50ms}.scan-result.is-revealing .result-lab-callout:nth-child(4){animation-delay:75ms}.scan-result.is-revealing .result-lab-callout:nth-child(5){animation-delay:.1s}}@keyframes megrami-scan-copy{0%{opacity:.6}to{opacity:1}}@keyframes megrami-result-in{0%{opacity:.75}to{opacity:1}}@keyframes megrami-callout-in{0%{opacity:.65}to{opacity:1}}@media (prefers-reduced-motion:reduce){.scan-sweep-line{opacity:.35;will-change:auto;animation:none;transform:translateY(50%)}}
.scan-actions,.scan-progress-group,.scan-workspace-progress-slot{display:contents}.scan-actions>.small{text-align:center;margin:12px 0 0;font-size:12px}.home-scanner .scan-actions>.small{margin:10px 0 0;font-size:10px}.scan-workspace-explainer,.scan-progress-stages,.scan-result-reselect{display:none}@media (min-width:801px) and (max-width:959px){.home-scanner .scanner-workspace .hero-copy{flex-direction:column;gap:15px;display:flex}.home-scanner .scanner-workspace .upload-panel{width:100%}}@media (min-width:960px){.home-scanner .scanner-workspace .hero-copy,.home-scanner .scanner-complete .hero-copy{display:block}.scanner-workspace .hero-copy>:not(.upload-panel):not(.notice),.scanner-complete .hero-copy>:not(.upload-panel):not(.notice){display:none}.home-scanner .scanner-workspace .upload-panel{border:1px solid #d9dbd0;border-radius:24px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:36px;max-width:1200px;margin-inline:auto;padding:24px;display:grid}.scanner-workspace .analysis-scan-preview{min-width:0}.scanner-workspace .scan-photo{border-radius:16px;margin-bottom:0}.scanner-workspace .scan-photo-field .upload-preview{max-height:min(82svh,800px)}.scanner-workspace .scan-actions{flex-direction:column;gap:20px;min-width:0;display:flex}:is(.home-scanner .scanner-workspace .upload-target,.scanner-workspace .upload-panel:has(.scan-photo-pending) .upload-target){text-align:left;align-items:flex-start;padding:0;display:flex}.scanner-workspace .upload-target strong{max-width:100%}.scanner-workspace .scan-workspace-explainer{border-block:1px solid #e2e4da;width:100%;padding-block:20px;display:block}.scan-workspace-explainer h3{letter-spacing:-.6px;margin:0 0 8px;font-size:clamp(22px,2.1vw,28px);line-height:1.15}.scan-workspace-explainer p{color:#62675e;margin:0;font-size:14px}.scan-workspace-explainer ul{color:#244c3b;flex-wrap:wrap;gap:8px 14px;margin:12px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.scanner-workspace .scan-workspace-progress-slot{align-items:center;height:232px;display:grid}.scanner-workspace .scan-workspace-progress-slot:has(.scan-progress)>.scan-workspace-explainer{display:none}.scanner-workspace .scan-progress{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.scanner-workspace .scan-progress-stages{grid-template-rows:repeat(4,52px);gap:8px;margin:0;padding:0;list-style:none;display:grid}.scan-progress-stages li{color:#6a7165;border:1px solid #e2e4da;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;line-height:1.3;display:flex}.scan-progress-stages li>span{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.scan-progress-stages li.is-active{color:#fffdf5;background:#244c3b;border-color:#244c3b}.scanner-workspace .scan-actions .scan-button{min-height:52px}.home-scanner .scanner-workspace .scan-actions>.small{text-align:left;margin:0;line-height:1.5}.home-scanner>.hero.scanner-complete{border-bottom:0;padding-block:18px}.home-scanner .scanner-complete .upload-panel{background:0 0;border:0;justify-content:flex-end;padding:0;display:flex}.scanner-complete .analysis-scan-preview,.scanner-complete .scan-actions{display:none}.scanner-complete .scan-result-reselect{display:inline-flex}}