:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162b28;background:#f2f5f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px}.app-shell{width:min(100% - 28px,720px);margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 0 max(28px,env(safe-area-inset-bottom))}header{padding:10px 2px 20px}.eyebrow{margin:0 0 8px;color:#267467;font-size:12px;font-weight:800;letter-spacing:.12em}h1{margin:0;font-size:clamp(27px,7vw,38px);letter-spacing:-.04em}.intro,.image-panel p,.hint{color:#5e6d69;line-height:1.5}.intro{margin:9px 0 0;max-width:58ch}.auth-panel,.auth-session{margin:14px 0;padding:17px;border:1px solid #dce5e1;border-radius:18px;background:#fff}.login-form{display:grid;gap:8px;max-width:28rem}.login-form input{min-height:45px;padding:10px 13px;border:1px solid #cad8d2;border-radius:11px;font:inherit}.auth-session{display:flex;align-items:center;justify-content:space-between;gap:10px}.scanner-panel,.result-panel,.lookup-panel,.registration-panel,.inventory-panel,.image-panel{margin-top:14px;padding:17px;border:1px solid #dce5e1;border-radius:18px;background:#fff;box-shadow:0 3px 14px #193a3010}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{margin:0 0 13px;font-size:18px}.status{color:#566a64;font-size:13px}.video-frame{position:relative;display:grid;min-height:230px;aspect-ratio:4 / 3;overflow:hidden;place-items:center;border-radius:13px;background:#101b18}video,#overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#overlay{pointer-events:none}.placeholder{max-width:260px;padding:18px;color:#eaf2ef;text-align:center;line-height:1.5}.controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}button,select,.file-picker{min-height:45px;border:1px solid #cad8d2;border-radius:11px;padding:10px 13px;font:inherit}button{cursor:pointer;font-weight:700}button:disabled{cursor:not-allowed;opacity:.5}.primary{border-color:#123b35;background:#123b35;color:#fff}.secondary{background:#fff;color:#173a34}.camera-select-label{grid-column:1 / -1;margin-bottom:-5px;color:#596b66;font-size:13px}select{grid-column:1 / -1;width:100%;background:#fff}.hint{margin:11px 0 0;font-size:13px}.result-fields{margin:0}.result-fields>div{padding:11px 0;border-top:1px solid #e8eeeb}dt{margin-bottom:4px;color:#5d6f69;font-size:12px;font-weight:700}dd{margin:0;overflow-wrap:anywhere;line-height:1.4}.raw-value{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}.text-button{min-height:34px;padding:5px 8px;border:0;background:transparent;color:#267467}.lookup-panel>p{margin:0 0 10px}.field-label{display:block;margin:14px 0 6px;color:#435a53;font-size:13px;font-weight:700}#lookup-result button{margin:0 7px 5px 0}a{color:#176d5f}.form-grid{display:grid;grid-template-columns:1fr;gap:7px;margin:14px 0}.form-grid label{margin-top:5px;color:#435a53;font-size:13px;font-weight:700}.form-grid input{width:100%;min-width:0;min-height:45px;border:1px solid #cad8d2;border-radius:11px;padding:10px 13px;color:inherit;font:inherit}.form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.form-actions button{flex:1 1 145px}.quantity-fields{display:grid;grid-template-columns:minmax(95px,.65fr) minmax(120px,1.35fr);gap:8px}.privacy-note{margin:10px 0 0;color:#72592c;font-size:12px;line-height:1.45}.export-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.export-buttons button{min-height:38px;padding:7px 10px}.table-scroll{width:100%;overflow-x:auto}table{width:100%;min-width:740px;border-collapse:collapse;text-align:left}th,td{padding:10px 8px;border-top:1px solid #e8eeeb;vertical-align:top;font-size:13px}th{color:#5d6f69;font-size:12px}.file-picker{display:inline-flex;align-items:center;justify-content:center;background:#123b35;color:#fff;font-weight:700;cursor:pointer}.file-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.primary-action{grid-column:1 / -1;min-height:54px;font-size:16px}.extra-photo-picker{width:100%;min-height:42px;margin-top:10px;background:#fff;color:#173a34;font-size:14px}.photo-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.photo-slot{display:flex;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:6px 4px;border:1px solid #cbd8d3;border-radius:10px;background:#edf2f0;color:#6e7b77;font-weight:800}.photo-slot:disabled{cursor:not-allowed;opacity:.55}.photo-slot:not(:disabled){background:#fff;color:#173a34}.photo-slot[aria-pressed=true]{border:2px solid #123b35;background:#dcece6;color:#123b35;box-shadow:0 0 0 2px #123b3520}.photo-slot small{color:#14704e;font-size:10px;font-weight:700}.demo-photo-picker{margin-top:12px;padding:11px 12px;border:1px solid #dce5e1;border-radius:11px;background:#f8faf9;color:#173a34}.demo-photo-picker summary{cursor:pointer;font-weight:700}.demo-photo-picker p{margin:9px 0;font-size:13px}.demo-photo-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.demo-photo-buttons button{min-height:42px;padding:7px;font-size:12px}.ai-consent-panel{margin-top:12px;padding:13px;border:1px solid #dce5e1;border-radius:13px;background:#f8faf9}.consent-row{display:flex;align-items:flex-start;gap:9px;color:#435a53;font-size:13px;line-height:1.5}.consent-row input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:#123b35}#gemini-read{width:100%;margin-top:10px}#gemini-status{margin:9px 0 0}.gemini-results{margin-top:11px;padding-top:10px;border-top:1px solid #dce5e1}.gemini-results h3{margin:0 0 8px;font-size:16px}.gemini-suggestion-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #e5ece8}.gemini-suggestion-row>div{min-width:0;overflow-wrap:anywhere}.gemini-suggestion-row strong{display:block;font-size:14px}.gemini-suggestion-row small{display:block;margin-top:3px;color:#65736f;line-height:1.4}.gemini-suggestion-row button{flex:0 0 auto;min-height:38px;padding:7px 10px}.development-samples{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.development-samples button{min-height:38px;padding:7px 10px;font-size:13px}.image-panel p{margin:0 0 12px;font-size:14px}#crop-stage{position:relative;display:block;width:fit-content;max-width:100%;max-height:420px;margin:14px auto 0;overflow:hidden}#crop-stage[hidden]{display:none}#test-image{position:relative;z-index:0;display:block;width:auto;max-width:100%;max-height:420px;object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:center}#test-image.can-pan{cursor:grab;touch-action:none}#test-image.can-pan:active{cursor:grabbing}.crop-layer{position:absolute;z-index:5;inset:0;pointer-events:none}.image-crop-stage.selecting .crop-layer{pointer-events:auto;touch-action:none;cursor:crosshair}.crop-selection{position:absolute;z-index:6;border:3px solid #ffd43b;outline:2px solid #17211f;background:#ffd43b38;box-shadow:0 0 0 1px #fff,inset 0 0 18px #17211f40;pointer-events:none}.crop-selection:not([hidden]){display:block;visibility:visible}.crop-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.crop-controls button{flex:1 1 155px}.zoom-control{flex:1 1 220px;display:flex;align-items:center;gap:10px;min-height:42px;color:#173a34;font-weight:700}.zoom-control input{flex:1;min-width:90px;accent-color:#123b35}.crop-controls button[hidden]{display:none}.crop-output{margin:12px 0;padding:10px;border:1px solid #dce5e1;border-radius:12px;background:#f8faf9}.crop-output figcaption{margin-bottom:8px;color:#173a34;font-size:14px;font-weight:700}.crop-output img{display:block;max-width:100%;max-height:300px;margin:auto;object-fit:contain}.image-panel #read-label{width:100%;margin-top:10px}.ocr-results{margin-top:12px;padding:13px;border:1px solid #dce5e1;border-radius:13px;background:#f8faf9}.ocr-results h3{margin:0 0 8px;font-size:16px}.ocr-results .hint{margin:8px 0}.ocr-suggestions{display:flex;flex-wrap:wrap;gap:7px}.ocr-suggestion{max-width:100%;text-align:left;overflow-wrap:anywhere}.ocr-raw{max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}footer{padding:20px 4px 0;color:#61716c;font-size:12px;line-height:1.5;text-align:center}@media(min-width:560px){.controls{grid-template-columns:1fr 1fr 1fr}.camera-select-label,select{grid-column:1 / -1}.form-grid{grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr);align-items:center}.form-grid label{margin-top:0}.quantity-fields{grid-column:2}}.photo-status{min-height:24px;margin:10px 0 0;padding:9px 11px;border-radius:9px;background:#edf5f2;color:#173a34;line-height:1.45;overflow-wrap:anywhere}