:root{color:#f5f6f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#101318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#d84a3a14,#0000 320px),#101318;min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{min-height:100vh}.setup-view,.results-view{align-content:center;gap:22px;width:min(920px,100vw - 32px);min-height:100vh;margin:0 auto;padding:32px 0;display:grid}.brand-row,.result-header,.setup-footer,.action-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-row,.result-header{border-bottom:1px solid #f5f6f024;padding-bottom:18px}.eyebrow{color:#f0a43a;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:760}h1{color:#fffdfa;letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:.95}.version-line{color:#aeb7ae;letter-spacing:0;margin:10px 0 0;font-size:.82rem;font-weight:760}.catalog-field{gap:10px;display:grid}.catalog-field span{color:#c7cdc2;font-size:.92rem;font-weight:700}.catalog-field textarea,.export-box{resize:vertical;color:#f5f6f0;background:#181d22;border:1px solid #f5f6f029;border-radius:8px;outline:none;width:100%;min-height:300px;padding:16px;line-height:1.55;box-shadow:inset 0 0 0 1px #0003}.catalog-field textarea:focus,.export-box:focus{border-color:#52b584c7}.catalog-count,.result-stats>div{gap:3px;display:grid}.catalog-count strong,.result-stats strong{color:#fffdfa;font-size:1.65rem;line-height:1}.catalog-count span,.result-stats span{color:#aeb7ae;font-size:.86rem}.primary-button,.secondary-button,.icon-button,.stop-button{cursor:pointer;letter-spacing:0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;font-weight:780;display:inline-flex}.primary-button{color:#08110d;background:#52b584;min-width:136px;padding:0 18px}.secondary-button{color:#101318;background:#f5f6f0;min-width:132px;padding:0 16px}.icon-button,.stop-button{color:#f5f6f0;background:#f5f6f01a;border:1px solid #f5f6f029;flex:0 0 46px;width:46px;height:46px}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.42}.error-line{color:#ffb0a8;margin:0;font-weight:650}.scanner-view{background:#050608;position:fixed;inset:0;overflow:hidden}.camera{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hidden-canvas{display:none}.version-badge{left:max(16px, env(safe-area-inset-left));top:max(16px, env(safe-area-inset-top));z-index:2;color:#f5f6f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101318ad;border:1px solid #f5f6f024;border-radius:8px;padding:7px 9px;font-size:.74rem;font-weight:800;position:absolute}.scan-frame{aspect-ratio:2.35/3.35;border:3px solid #fffdfaeb;border-radius:10px;width:min(58vw,330px);max-height:min(62vh,470px);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #00000057,inset 0 0 0 1px #10131880}.sticker-back-guide{background:linear-gradient(135deg,#d84a3a3d,#0000 34%),linear-gradient(315deg,#52b5842e,#0000 38%),#fffdfa24;border-radius:7px;display:block;position:absolute;inset:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #fffdfa33,inset 0 0 0 10px #1013182e}.sticker-mark{background:#fffdfac7;border-radius:999px;position:absolute}.sticker-mark-top{width:44%;height:3.5%;top:6%;left:12%}.sticker-title-line{background:#10131861;border-radius:999px;width:52%;height:2%;position:absolute;top:11%;left:12%}.scan-top-band{background:#f0a43a0e;border:1px solid #f0a43a47;border-radius:8px;height:14%;position:absolute;top:4%;left:7%;right:6%}.sticker-line,.sticker-barcode{background:#fffdfa85;border-radius:999px;height:2.2%;position:absolute;left:18%}.sticker-line-wide{width:64%;top:24%}.sticker-line:not(.sticker-line-wide):not(.sticker-line-short){width:52%;top:31%}.sticker-line-short{width:38%;top:38%}.scan-code-zone{z-index:1;background:linear-gradient(90deg,#1013188f,#10131852),#f0a43a33;border:2px solid #f0a43af2;border-radius:999px;width:37%;height:9.8%;position:absolute;top:5.2%;right:7%;box-shadow:0 0 0 1px #1013185c,0 0 22px #f0a43a47}.scan-code-zone:before,.scan-code-zone:after{content:"";background:#f0a43a;border-radius:999px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.scan-code-zone:before{width:22%;left:16%}.scan-code-zone:after{width:30%;right:13%}.sticker-barcode{background:repeating-linear-gradient(90deg,#fffdfa9e 0 3px,#0000 3px 6px,#fffdfa9e 6px 8px,#0000 8px 13px);width:48%;height:4%;bottom:8%;left:26%}.stop-button{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1013189e;position:absolute}.crop-debug{left:max(16px, env(safe-area-inset-left));bottom:calc(max(22px, env(safe-area-inset-bottom)) + 196px);z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101318c7;border:1px solid #f5f6f024;border-radius:8px;gap:8px;width:min(260px,100vw - 32px);padding:10px;display:grid;position:absolute}.crop-debug>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.crop-debug span,.crop-debug strong{font-size:.72rem;line-height:1.1}.crop-debug span{color:#c7cdc2;font-weight:760}.crop-debug strong{color:#f0a43a;text-align:right;font-weight:820}.crop-debug canvas{aspect-ratio:42/13;background:#050608;border:1px solid #f5f6f02e;border-radius:6px;width:100%;display:block}.scan-panel{left:50%;bottom:max(22px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101318c7;border:1px solid #f5f6f024;border-radius:8px;gap:12px;width:min(520px,100vw - 32px);padding:18px;display:grid;position:absolute;transform:translate(-50%)}.scan-panel span,.scan-panel small{color:#c7cdc2;font-size:.85rem;font-weight:700}.scan-panel>strong{color:#fffdfa;letter-spacing:0;overflow-wrap:anywhere;min-height:74px;font-size:clamp(3.2rem,15vw,6.5rem);line-height:.9}.scan-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scan-grid div{background:#f5f6f014;border-radius:8px;align-content:center;gap:5px;min-height:72px;padding:12px;display:grid}.scan-grid strong{color:#f0a43a;font-size:2.1rem;line-height:1}.scanner-error-button{color:#101318;background:#f5f6f0;border:0;border-radius:8px;min-height:42px;font-weight:780}.result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-stats>div{background:#181d22;border:1px solid #f5f6f024;border-radius:8px;min-height:92px;padding:18px}.export-box{min-height:360px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.98rem}@media (max-width:680px){.setup-view,.results-view{align-content:start;width:min(100vw - 24px,920px);padding:22px 0}.setup-footer,.action-row{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}.catalog-field textarea{min-height:360px}.scan-frame{width:min(72vw,315px);max-height:56vh;top:42%}.scan-panel{padding:16px}.crop-debug{bottom:calc(max(22px, env(safe-area-inset-bottom)) + 178px);width:min(220px,100vw - 32px)}.scan-panel>strong{min-height:60px}}