@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{font-family:Outfit,sans-serif!important}:root{--bg: #0f172a;--card: #111827;--text: #e5e7eb;--muted: #94a3b8;--primary: #3b82f6;--primary-700: #1d4ed8;--danger: #ef4444}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#0b1020,#0f172a);color:var(--text)}.container{max-width:960px;margin:0 auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{margin:0;font-size:24px;letter-spacing:.5px}nav button{margin-left:8px}button{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:600}button:hover{background:var(--primary-700)}button.active{box-shadow:inset 0 0 0 2px #fff}button:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--card);border:1px solid #1f2937;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0006}.preview{margin-top:14px}.preview img{max-width:100%;border-radius:12px;border:1px solid #1f2937}.row{display:flex;gap:10px;margin-top:12px}.camera{display:grid;grid-template-columns:1fr;justify-items:center;gap:10px;margin:10px 0}.camera video{width:100%;max-height:420px;border-radius:12px;border:1px solid #1f2937}.result{margin-top:16px;padding:12px;border-radius:12px;background:#0b1220;border:1px solid #1f2937}.error{color:var(--danger)}footer{margin-top:24px;color:var(--muted);text-align:center;font-size:14px}form{display:grid;gap:12px}input[type=file]{color:var(--text)}