:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--panel:#ffffffeb;--panel-border:#1e1a1214;--text:#1d1a14;--muted:#625a4b;--accent:#c85c34;--accent-strong:#a74420;--accent-soft:#c85c341f;--danger:#b42318;--success:#166534;--shadow:0 24px 60px #241e121f;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--font-body:"SF Pro Text", "Helvetica Neue", Helvetica, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left, #ffd9b2bf, transparent 32%), radial-gradient(circle at top right, #ecb5978c, transparent 28%), linear-gradient(180deg, #f7f4ee 0%, var(--bg) 100%)}button,input{font:inherit}.visually-hidden-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{cursor:pointer}.scanner-shell{justify-content:center;min-height:100vh;padding:20px 14px 32px;display:flex}.scanner-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-xl);width:min(100%,460px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:20px}.scanner-header{margin-bottom:18px}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}.scanner-header h1{margin:0;font-size:1.85rem;line-height:1}.scanner-header p{color:var(--muted);margin:10px 0 0;line-height:1.45}.flash-message{border-radius:var(--radius-md);margin-bottom:14px;padding:12px 14px;font-weight:600}.flash-message.success{color:var(--success);background:#1665341f}.flash-message.error{color:var(--danger);background:#b423181f}.handoff-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffffff5,#f9f1e7eb),#fff;border:1px solid #1d1a1414;gap:14px;margin-bottom:16px;padding:14px;display:grid}.handoff-copy{gap:14px;display:grid}.handoff-eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}.handoff-card h2{margin:0;font-size:1rem;line-height:1.25}.handoff-note{color:var(--muted);margin:8px 0 0;font-size:.9rem;line-height:1.45}.handoff-note code,.handoff-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.handoff-qr-shell{border-radius:var(--radius-md);background:#ffffffe0;border:1px solid #1d1a140f;place-items:center;width:100%;padding:12px;display:grid}.handoff-qr-image{width:min(100%,220px);height:auto;display:block}.handoff-qr-placeholder{width:min(100%,220px);min-height:220px;color:var(--muted);place-items:center;font-weight:700;display:grid}.handoff-actions{gap:10px;display:grid}.handoff-url{border-radius:var(--radius-md);color:var(--text);word-break:break-all;background:#1d1a140d;padding:12px 14px;font-size:.85rem;line-height:1.4;display:block}.lookup-form{gap:12px;display:grid}.lookup-actions{gap:10px;display:grid}.field-label{color:var(--muted);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.text-input{border-radius:var(--radius-md);background:#fffdf9;border:1px solid #1d1a141f;width:100%;min-height:60px;padding:0 16px;font-size:1.08rem}.text-input:focus{border-color:#c85c347a;outline:2px solid #c85c3438}.primary-button,.secondary-button,.adjust-button{border-radius:var(--radius-md);border:0;transition:transform .12s,opacity .12s,background .12s}.primary-button:disabled,.secondary-button:disabled,.adjust-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;min-height:60px;padding:0 18px;font-size:1rem;font-weight:700;box-shadow:0 14px 30px #a7442033}.secondary-button{min-height:54px;color:var(--text);background:#1d1a140f;padding:0 18px;font-weight:700}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active,.adjust-button:not(:disabled):active{transform:scale(.98)}.camera-card{border-radius:var(--radius-lg);background:linear-gradient(#fffcf7f5,#f9f4eceb);border:1px solid #1d1a1414;gap:12px;margin-top:16px;padding:14px;display:grid}.camera-card-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.camera-card-header h2{margin:0;font-size:1rem}.camera-card-header p{color:var(--muted);margin:6px 0 0;font-size:.9rem;line-height:1.4}.camera-status{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#1d1a1414;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:.78rem;font-weight:700}.camera-status.active{color:var(--success);background:#1665341f}.camera-preview{border-radius:var(--radius-md);background:linear-gradient(135deg,#1d1a1414,#c85c341f),#fff;min-height:230px;position:relative;overflow:hidden}.camera-video{object-fit:cover;opacity:0;width:100%;height:100%;min-height:230px;transition:opacity .16s;display:block}.camera-preview.active .camera-video{opacity:1}.camera-preview-placeholder{color:var(--muted);text-align:center;place-items:center;padding:20px;font-weight:700;line-height:1.4;display:grid;position:absolute;inset:0}.camera-reticle{aspect-ratio:1.9;border:2px solid #ffffffe6;border-radius:20px;width:min(78%,280px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #1d1a142e,inset 0 0 0 1px #1d1a141f}.camera-message{color:var(--muted);margin:0;font-size:.9rem;line-height:1.4}.camera-message-error{color:var(--danger);font-weight:600}.product-card{border-radius:var(--radius-lg);background:linear-gradient(#fffffffa,#fbf7f1f5);border:1px solid #1d1a1414;gap:16px;margin-top:18px;padding:16px;display:grid}.product-media{aspect-ratio:1;border-radius:var(--radius-md);background:linear-gradient(135deg,#c85c341f,#1d1a140d),#fff;place-items:center;width:100%;display:grid;overflow:hidden}.product-media img{object-fit:cover;width:100%;height:100%}.product-media-fallback{color:var(--muted);text-align:center;padding:24px;font-weight:700}.product-title{margin:0;font-size:1.35rem;line-height:1.15}.product-variant{color:var(--muted);margin:6px 0 0;font-weight:600}.detail-grid{gap:10px;margin:0;display:grid}.detail-row{grid-template-columns:90px 1fr;align-items:start;gap:10px;font-size:.96rem;display:grid}.detail-row dt{color:var(--muted);font-weight:700}.detail-row dd{word-break:break-word;margin:0}.stock-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stock-pill{border-radius:var(--radius-md);background:var(--accent-soft);padding:14px}.stock-pill strong{margin-top:8px;font-size:1.7rem;line-height:1;display:block}.adjuster{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.adjust-button{min-height:68px;color:var(--text);background:#1d1a140f;font-size:2rem;font-weight:400}.adjust-value{text-align:center;min-width:88px}.adjust-value span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:700;display:block}.adjust-value strong{margin-top:8px;font-size:2.2rem;line-height:1;display:block}.actions{gap:10px;display:grid}.muted-note{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}@media (min-width:480px){.scanner-shell{padding-top:36px}.scanner-panel{padding:24px}.lookup-form{gap:14px}.lookup-actions{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.camera-card{padding:16px}.handoff-copy,.handoff-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;text-rendering:optimizelegibility}.scanner-page-shell{min-height:100vh}html[data-standalone=true] body{padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);overscroll-behavior:none}html[data-standalone=true] .scanner-page-shell{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}@media (display-mode:standalone){body{background:radial-gradient(circle at top,#3b82f62e,#0000 30%),linear-gradient(#0b1020 0%,#09090b 100%)}.scanner-page-shell{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}