:root{--bg:#0b1020;--card:#11162a;--muted:#8892b0;--text:#e6eefc;--primary:#5865f2;--border:#1f2540}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}.container{max-width:960px;margin:0 auto;padding:24px 24px calc(24px + 72px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:center;margin-bottom:24px}h1{font-size:24px;margin:0}.hero{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:48px}button{background:#1b2140;color:var(--text);border:1px solid var(--border);padding:10px 14px;border-radius:8px;cursor:pointer}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.text{background:transparent;border:none;color:var(--muted)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal{background:var(--card);border:1px solid var(--border);border-radius:12px;max-width:480px;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.modal-body{padding:16px}.modal-actions{display:flex;gap:12px}.hidden-input{display:none}.icon{background:transparent;border:none;color:var(--muted);font-size:18px}.result{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media(min-width:840px){.result{grid-template-columns:1fr 1fr}}.preview{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#000}.preview img{width:100%;display:block}.contact-form{background:var(--card);padding:16px;border:1px solid var(--border);border-radius:12px}.contact-form .grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:1fr}@media(min-width:600px){.contact-form .grid{grid-template-columns:1fr 1fr}}label{display:flex;flex-direction:column;gap:6px}input,textarea{background:#0e1330;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px}input::placeholder,textarea::placeholder{color:#667}textarea{min-height:90px}.actions{display:flex;gap:12px;margin-top:8px}.raw{white-space:pre-wrap;background:#0e1330;border:1px solid var(--border);border-radius:8px;padding:10px;color:#b9c3ff}.fab{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;box-shadow:0 6px 16px rgba(0,0,0,.35);display:grid;place-items:center;font-size:22px;z-index:1100}.fab:active{transform:scale(.98)}.fab-secondary{position:fixed;right:24px;bottom:92px;width:56px;height:56px;border-radius:50%;background:#1b2140;color:#fff;border:1px solid var(--border);box-shadow:0 6px 16px rgba(0,0,0,.35);display:grid;place-items:center;font-size:20px;z-index:1100}@media(min-width:700px){.fab-secondary{right:92px;bottom:24px}}.fab-install{position:fixed;right:24px;bottom:160px;width:56px;height:56px;border-radius:50%;background:#0e1330;color:#fff;border:1px solid var(--border);box-shadow:0 6px 16px rgba(0,0,0,.35);display:grid;place-items:center;font-size:20px;z-index:1100}@media(min-width:700px){.fab-install{right:160px;bottom:24px}}.camera-section{margin-top:8px}.camera-container{position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#000}.scanner-overlay{position:absolute;inset:0;pointer-events:none}.scanner-frame{position:absolute;inset:10%;border:2px solid hsla(0,0%,100%,.35);border-radius:12px}.scanner-line{position:absolute;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);box-shadow:0 0 10px var(--primary);animation:scan-move 2.5s linear infinite}@keyframes scan-move{0%{top:12%}to{top:78%}}.scanner-status{position:absolute;left:0;right:0;bottom:8%;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);font-size:14px}.progress-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:1200}.progress-box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 20px;display:flex;gap:12px;align-items:center}.spinner{width:22px;height:22px;border:3px solid hsla(0,0%,100%,.25);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}.progress-text{color:#fff;font-size:14px}@keyframes spin{to{transform:rotate(1turn)}}.bottom-bar{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--border);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:12px;justify-content:space-around;z-index:900}.bottom-action{flex:1 1;min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#1b2140;color:var(--text);border:1px solid var(--border);padding:12px;border-radius:12px;font-size:14px}.bottom-action span{white-space:nowrap}@media(max-width:420px){.bottom-action span{display:none}}