.scan-card{flex:1;min-height:0;padding:40px 60px;display:flex}.frame{background:var(--color-muted-surface);color:var(--color-text);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.frame .lbl{font-family:var(--display);color:var(--color-text);min-height:1.5em;font-size:1.5rem}.actions{justify-content:center;align-items:center;gap:60px;padding:18px 0 6px;display:flex}.shutter{background:var(--color-card);border:6px solid var(--color-primary);outline:4px solid var(--color-divider);outline-offset:-1px;border-radius:50%;width:72px;height:72px;padding:0}.shutter:active{transform:scale(.92)}@media (width<=720px){.scan-card{padding:16px}}.receipt-preview{object-fit:contain;max-width:100%;max-height:70%}.frame{overflow:hidden}.actions--camera{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid}.actions--camera>:first-child{justify-self:end}.actions--camera>:last-child{justify-self:start}@media (width<=720px){.actions--camera{gap:12px}.actions--camera>.btn{justify-self:stretch;padding:10px 6px}}.frame{border-radius:var(--radius-medium);position:relative}.camera-preview{object-fit:contain;border-radius:var(--radius-medium);background:#111;flex:1;width:100%;height:100%;min-height:0}.camera-preview--hidden{display:none}.frame:has(.camera-preview:not(.camera-preview--hidden)) .lbl{background:var(--color-surface);border-radius:var(--radius-small);padding:4px 12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.frame:has(.camera-preview:not(.camera-preview--hidden)) .lbl:empty{display:none}.frame .lbl{text-align:center;padding:0 12px}