:root{--bg:#0b1220;--panel:#0f172a;--text:#e5e7eb;--muted:#94a3b8;--accent:#8b5cf6;--card:#111827;--chip:#1f2937 }*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg),#0f172a);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto}.app{max-width:980px;margin:0 auto;padding:24px}header h1{margin:0 0 6px;font-size:28px}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid #1f2937;border-radius:16px;padding:16px;margin:16px 0}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}select,input,button{background:#0b1220;color:var(--text);border:1px solid #253045;border-radius:10px;padding:8px 12px}button{background:var(--accent);border:none;color:#150b22;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.pill{display:flex;align-items:center;gap:6px;background:#0b1220;border:1px solid #253045;border-radius:999px;padding:6px 10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--chip);padding:4px 8px;border-radius:999px;border:1px solid #2b364d}.chip button{background:transparent;color:var(--muted);border:none;cursor:pointer}.camera .video{width:280px;max-height:220px;border-radius:12px;border:1px solid #1f2937}.guide{position:relative;display:inline-block}.ring{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:220px;height:220px;border-radius:999px;border:2px dashed #3b82f6;pointer-events:none}.swatch-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.swatch{width:32px;height:32px;border-radius:8px;border:1px solid #1f2937}.card{background:var(--card);border:1px solid #1f2937;border-radius:16px;overflow:hidden}.card-body{padding:12px}.card h2{margin:0 0 6px}.tips{color:var(--muted);padding-left:18px}.actions{display:flex;gap:8px;margin-top:12px}.btn,.btn-outline{flex:1;text-align:center;border-radius:10px;padding:8px 12px;text-decoration:none}.btn{background:#0a2430;color:#c7e9ff;border:1px solid #1e3a5f}.btn-outline{background:transparent;color:#cbd5e1;border:1px solid #334155}footer{margin-top:24px;color:var(--muted);font-size:12px}