*{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-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)}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:14px;font-weight:500;transition:all .15s}.tab.active{background:var(--primary);color:#fff}.saved-badge{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500}.history-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.history-header h2{margin:0;font-size:18px}.empty{color:var(--text-secondary);margin:40px 0;font-size:14px}.history-item{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:8px;gap:12px;margin-bottom:12px;padding:12px;display:flex}.history-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:80px;height:80px}.history-body{flex:1;min-width:0}.history-text{white-space:pre-wrap;word-wrap:break-word;max-height:100px;color:var(--text);margin:0 0 8px;font-size:13px;line-height:1.5;overflow-y:auto}.history-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.history-meta button{padding:4px 12px;font-size:12px}.history-thumb{cursor:pointer}.lightbox{z-index:1000;cursor:zoom-out;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 8px 40px #00000080}