.hero{padding:56px 0 30px}.hero .sub{max-width:34ch;margin-bottom:22px}.tool{padding:16px 0 40px}.dropzone{background:var(--card);text-align:center;border:2px dashed #cfc5f5;border-radius:26px;padding:44px 28px;transition:border-color .2s,background .2s;position:relative}.dropzone.drag{border-color:var(--violet-deep);background:#f7f3ff}.dz-ic{background:linear-gradient(135deg,var(--violet),var(--violet-deep));border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid;box-shadow:0 12px 26px -8px #5b3df599}.dz-ic svg{width:30px;height:30px}.dropzone h3{margin-bottom:6px;font-size:22px}.dropzone p{color:var(--muted);margin-bottom:18px;font-size:15px}.thumbs{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin:22px 0 6px;display:grid}.thumb{aspect-ratio:1;border:1px solid var(--line);cursor:grab;background:#f3f0fb;border-radius:14px;position:relative;overflow:hidden}.thumb.dragging{opacity:.4;cursor:grabbing}.thumb img{object-fit:cover;width:100%;height:100%}.thumb .rm{color:#fff;cursor:pointer;background:#1e1b2eb8;border:none;border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:grid;position:absolute;top:5px;right:5px}.thumb .idx{font-family:var(--f-mono);color:#fff;background:#1e1b2eb8;border-radius:6px;padding:2px 6px;font-size:10px;position:absolute;bottom:5px;left:5px}.tool-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.hint{font-family:var(--f-mono);color:var(--muted);text-align:center;margin-top:14px;font-size:12px}.dropzone+.trust{margin-top:26px}.opt-panel{text-align:left;border:1px solid var(--line);background:#f7f5ff;border-radius:20px;gap:16px;margin:22px 0 4px;padding:20px;display:grid}.opt-group{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.opt-label{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--violet-deep);font-size:12px}.seg{background:var(--card);border:1px solid var(--line);border-radius:100px;gap:4px;padding:4px;display:inline-flex}.seg button{font-family:var(--f-head);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:100px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.seg button:hover{color:var(--ink)}.seg button.active{background:var(--violet-deep);color:#fff}.qual{align-items:center;gap:14px;display:inline-flex}.qual button{border:1px solid var(--line);background:var(--card);width:34px;height:34px;color:var(--violet-deep);cursor:pointer;border-radius:50%;place-items:center;font-size:18px;font-weight:700;line-height:1;display:grid}.qual span{font-family:var(--f-mono);text-align:center;min-width:34px;color:var(--ink)}@media (width<=520px){.opt-group{justify-content:flex-start}.seg{flex-wrap:wrap}}.scan-overlay{z-index:60;-webkit-backdrop-filter:blur(10px)saturate(1.2);animation:scanFade .25s var(--ease);background:#140e30b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.scan-overlay[hidden]{display:none}@keyframes scanFade{0%{opacity:0}to{opacity:1}}.scan-card{text-align:center;width:min(420px,92vw)}.scan-frame{aspect-ratio:3/4;background:#0e0a24;border-radius:20px;max-height:52vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #5b3df5b3,inset 0 0 0 1px #7c5cfc59}.scan-frame img{object-fit:contain;filter:saturate(.85)contrast(1.05);width:100%;height:100%}.scan-line{pointer-events:none;height:44px;animation:scanSweep 1.7s var(--ease) infinite;background:linear-gradient(#7c5cfc00,#7c5cfc26,#b496ffe6,#7c5cfc26,#7c5cfc00);position:absolute;left:0;right:0;box-shadow:0 0 22px 6px #9678ff8c}@keyframes scanSweep{0%{top:-15%}to{top:100%}}.scan-frame:after{content:"";pointer-events:none;mix-blend-mode:screen;background-image:linear-gradient(#7c5cfc1a 1px,#0000 1px),linear-gradient(90deg,#7c5cfc1a 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.scan-corner{pointer-events:none;border:2px solid #b496ffe6;width:22px;height:22px;position:absolute}.scan-corner.tl{border-bottom:0;border-right:0;border-radius:6px 0 0;top:10px;left:10px}.scan-corner.tr{border-bottom:0;border-left:0;border-radius:0 6px 0 0;top:10px;right:10px}.scan-corner.bl{border-top:0;border-right:0;border-radius:0 0 0 6px;bottom:10px;left:10px}.scan-corner.br{border-top:0;border-left:0;border-radius:0 0 6px;bottom:10px;right:10px}.scan-status{color:#fff;margin-top:20px}.scan-title{font-family:var(--f-head);font-size:19px;font-weight:800}.scan-sub{font-family:var(--f-mono);color:#c9beff;margin-top:6px;font-size:12px}.scan-bar{background:#ffffff26;border-radius:100px;max-width:280px;height:6px;margin:16px auto 0;overflow:hidden}.scan-bar span{background:linear-gradient(90deg,var(--violet),#b49bff);width:0;height:100%;transition:width .35s var(--ease);border-radius:100px;display:block}.scan-promo{color:#e9e3ff;max-width:320px;min-height:1.2em;transition:opacity .25s var(--ease);margin:16px auto 0;font-size:13.5px;line-height:1.5}.scan-promo a{color:#fff;text-underline-offset:2px;text-decoration:underline}@media (prefers-reduced-motion:reduce){.scan-line{animation:none;top:45%}.scan-overlay{animation:none}}