:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#102a43;background:#eef4f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{width:min(100%,720px);margin:auto;padding:env(safe-area-inset-top) 20px 28px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 0 18px}.eyebrow,.step-label{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#197278}.topbar h1{font-size:1.3rem;margin:7px 0 0}.stage-count{font-weight:800;color:#52606d;background:#d9e7eb;padding:8px 10px;border-radius:8px}.progress-rail{display:flex;gap:6px;margin-bottom:22px}.progress-rail span{height:5px;flex:1;background:#cbd5da;border-radius:10px}.progress-rail .active{background:#197278}.progress-rail .done{background:#91c9c5}.card{background:#fff;border:1px solid #dce6e9;border-radius:18px;padding:24px;box-shadow:0 8px 24px #17324d0d}h2{font-size:1.65rem;line-height:1.15;margin:9px 0 12px}.lead{font-size:1.06rem;line-height:1.55;margin:0 0 22px;color:#405568}.camera-illustration{height:130px;border:2px dashed #91c9c5;border-radius:14px;display:grid;place-items:center;color:#197278;font-size:4rem;background:#f3faf9;margin-bottom:18px}.primary,.secondary{width:100%;min-height:52px;border-radius:10px;padding:12px 18px;font-weight:800;font-size:1rem;cursor:pointer}.primary{border:2px solid #197278;background:#197278;color:#fff}.primary:disabled{opacity:.55;cursor:wait}.secondary{border:2px solid #197278;background:#fff;color:#155e63}.actions{display:grid;gap:10px;margin-top:18px}.hint{font-size:.88rem;color:#52606d;line-height:1.45}.privacy{display:grid;gap:5px;background:#f2f7f8;border-left:4px solid #197278;padding:13px 14px;margin-top:24px;font-size:.82rem;line-height:1.45;color:#405568}.privacy strong{color:#102a43}.preview{display:block;width:100%;max-height:280px;object-fit:contain;background:#102a43;border-radius:12px;margin:18px 0}.preview.small{max-height:180px}.status{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center;background:#f3faf9;padding:13px;border-radius:10px;margin:12px 0;color:#155e63}.status progress{grid-column:2;width:100%;accent-color:#197278}.spinner{width:15px;height:15px;border:2px solid #91c9c5;border-top-color:#197278;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}label{display:block;font-weight:800;margin:20px 0 7px}.registration-input{width:100%;font:800 1.7rem/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;border:2px solid #829ab1;border-radius:10px;padding:13px;color:#102a43}.registration-input:focus,button:focus-visible{outline:4px solid #f6c453;outline-offset:2px}.prompt{font-weight:800;margin:20px 0 0}.quality{padding:10px 12px;border-radius:8px;font-weight:700;font-size:.9rem}.quality.high{background:#e5f5ec;color:#176b45}.quality.medium{background:#fff6db;color:#795b00}.quality.low,.quality.unavailable{background:#fff0ed;color:#9b2c22}.quality span{margin-right:6px}.error{padding:12px;border-radius:8px;background:#fff0ed;color:#9b2c22;font-weight:700;line-height:1.4}details{margin-top:22px;border-top:1px solid #dce6e9;padding-top:14px}summary{cursor:pointer;font-weight:800}dl{font-size:.88rem}dt{font-weight:800;margin-top:12px}dd{margin:3px 0;color:#52606d;white-space:pre-wrap}.success-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e5f5ec;color:#176b45;font-size:1.7rem;font-weight:900}.success-message{color:#176b45;font-weight:700}.result-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:1px 16px;background:#dce6e9;border:1px solid #dce6e9;border-radius:10px;overflow:hidden;margin:20px 0}.result-grid>*{background:#fff;padding:11px 12px}.result-grid span{font-family:ui-monospace,monospace}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{text-align:center;color:#52606d;font-size:.8rem;padding:20px 0}@media(min-width:600px){.shell{padding-left:30px;padding-right:30px}.topbar h1{font-size:1.5rem}}.crop-stage{position:relative;overflow:hidden;aspect-ratio:4/3;background:#102a43;border-radius:12px;margin:18px 0;touch-action:none}.crop-image{display:block;width:100%;height:100%;object-fit:contain}.crop-box{position:absolute;border:3px solid #f6c453;box-shadow:0 0 0 999px #06131db8;cursor:move;touch-action:none}.crop-label{position:absolute;top:6px;left:7px;background:#f6c453;color:#102a43;font-size:.7rem;font-weight:900;padding:4px 6px;border-radius:4px;letter-spacing:.06em}.crop-handle{position:absolute;right:-11px;bottom:-11px;width:24px;height:24px;border:3px solid #102a43;border-radius:50%;background:#f6c453;cursor:nwse-resize;padding:0}.crop-preview{max-height:220px;border:3px solid #91c9c5}.suggestion{background:#e5f5ec;color:#176b45;border-radius:8px;padding:12px;line-height:1.4}.suggestion strong{font-family:ui-monospace,monospace;font-size:1.15rem}.warning{padding:12px;border-radius:8px;background:#fff6db;color:#795b00;font-weight:700;line-height:1.4}.benchmark-launch{margin-top:20px}.benchmark-panel{margin-top:14px;padding:15px;background:#f7fafb;border:1px solid #cbdde1;border-radius:12px}.benchmark-panel h3{font-size:1rem;margin:0 0 12px}.benchmark-row{display:grid;grid-template-columns:80px 1fr;gap:10px;border-top:1px solid #dce6e9;padding:12px 0}.benchmark-row img{width:80px;height:48px;object-fit:contain;background:#102a43;border-radius:6px}.benchmark-row div{display:grid;gap:3px;font-size:.78rem;color:#405568}.benchmark-row strong{color:#102a43}.error-inline{color:#9b2c22}.benchmark-panel input{width:100%;padding:10px;border:1px solid #829ab1;border-radius:8px}@media(min-width:600px){.benchmark-row{grid-template-columns:110px 1fr}.benchmark-row img{width:110px;height:60px}}