*{box-sizing:border-box}:root{--bg:#fafafa;--surface:#fff;--border:#e0e0e0;--text:#333;--text-secondary:#666;--primary:#6366f1;--primary-hover:#4f46e5;--accent:#22c55e;--error:#ef4444}@media (prefers-color-scheme:dark){:root{--bg:#0f172a;--surface:#1e293b;--border:#334155;--text:#f1f5f9;--text-secondary:#94a3b8;--primary:#818cf8;--primary-hover:#6366f1;--accent:#4ade80;--error:#f87171}}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}.app{text-align:center;max-width:640px;margin:0 auto;padding:48px 24px}h1{letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:700}.subtitle{color:var(--text-secondary);margin:0 0 32px;font-size:15px}.dropzone{border:2px dashed var(--border);cursor:pointer;background:var(--surface);border-radius:12px;padding:48px 24px;transition:border-color .2s,background .2s}.dropzone:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, var(--surface))}.dropzone.has-image{cursor:default;border-style:solid;padding:8px}.placeholder{color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;display:flex}.placeholder p{margin:0;font-size:14px}.preview{border-radius:8px;max-width:100%;max-height:400px;display:block}.actions{justify-content:center;gap:8px;margin-top:20px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:15px;font-weight:500;transition:background .2s,transform .1s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.97)}.btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:color-mix(in srgb, var(--border) 30%, transparent)}.progress-section{flex-direction:column;align-items:center;gap:12px;margin-top:20px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-text{color:var(--text-secondary);font-size:14px}.result{text-align:left;margin-top:24px}.result-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.result-header h2{margin:0;font-size:18px}.result-actions{gap:8px;display:flex}.result pre{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;word-wrap:break-word;border-radius:8px;min-height:60px;max-height:400px;margin:0;padding:16px;font-size:14px;line-height:1.6;overflow-y:auto}.error-msg{background:color-mix(in srgb, var(--error) 10%, transparent);border:1px solid var(--error);border-radius:8px;margin-top:20px;padding:16px}.error-msg p{color:var(--error);margin:0 0 12px;font-size:14px}.camera-btn svg{vertical-align:middle}.camera-view{margin-bottom:20px}.camera-view video{background:#000;border-radius:12px;width:100%;max-height:400px;display:block}.camera-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.mode-selector{background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:center;gap:4px;margin-bottom:20px;padding:4px;display:flex}.mode-selector label{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 16px;font-size:14px}.mode-selector label.active{background:var(--primary);color:#fff}.mode-selector input{display:none}.api-config{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.api-config input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.api-config input:focus{border-color:var(--primary)}