:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#334155;--text-muted:#64748b;--text-h:#0f172a;--bg:#eef2f7;--card:#fff;--border:#cbd5e1;--accent-1:#6366f1;--accent-2:#8b5cf6;--accent:#6366f1;--accent-soft:#eef2ff;--accent-border:#a5b4fc;--success:#16a34a;--danger:#b91c1c}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#cbd5e1;--text-muted:#94a3b8;--text-h:#f1f5f9;--bg:#0f172a;--card:#1e293b;--border:#334155;--accent-1:#818cf8;--accent-2:#a78bfa;--accent:#818cf8;--accent-soft:#1e1b4b;--accent-border:#6366f1;--success:#4ade80;--danger:#f87171}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}#root{min-height:100svh}.app{max-width:1080px;margin:0 auto;padding:40px 24px 64px}.title{color:var(--text-h);margin:0;font-size:32px}.subtitle{color:var(--text-muted);margin:4px 0 16px}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.header-title{align-items:center;gap:14px;display:flex}.logo{filter:drop-shadow(0 4px 10px #6366f159);flex-shrink:0}.header-title .subtitle{margin-bottom:0}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.theme-btn{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font:600 14px system-ui,Segoe UI,Roboto,sans-serif;transition:border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.theme-btn:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 4px 14px #6366f140}.theme-btn:active{transform:translateY(0)scale(.97)}.clear-btn{border:1px solid var(--danger);color:var(--danger);letter-spacing:.5px;cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font:700 14px system-ui,Segoe UI,Roboto,sans-serif;transition:background .15s,color .15s}.clear-btn:hover:not(:disabled){background:var(--danger);color:#fff}.clear-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.toolbar-label{color:var(--text-muted);margin-right:4px;font-size:13px;font-weight:600}.tool{border:1px solid var(--border);background:var(--card);color:var(--text-muted);text-align:left;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font:600 13px system-ui,Segoe UI,Roboto,sans-serif;transition:border-color .15s,background .15s,color .15s,transform .1s;display:inline-flex}.tool:hover{border-color:var(--accent-border);transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.tool:active{transform:scale(.95)}.tool.active{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;border-color:#0000;box-shadow:0 6px 16px #6366f166}.switch{background:var(--border);border-radius:999px;flex-shrink:0;width:28px;height:16px;transition:background .15s;position:relative}.switch .knob{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.tool.active .switch{background:#ffffff59}.tool.active .switch .knob{transform:translate(12px)}.tool.active .tool-label{color:#fff}.columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.card h2{color:var(--text-h);margin:0 0 12px;font-size:18px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-header h2{margin:0}.input-box{resize:vertical;border:1px solid var(--border);background:var(--bg);width:100%;min-height:140px;color:var(--text);border-radius:10px;padding:12px;font:15px/1.5 ui-monospace,Cascadia Code,Consolas,monospace}.input-box:focus{outline:2px solid var(--accent);outline-offset:0}.output-box{background:var(--accent-soft)}.meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.meta{color:var(--text-muted);margin:0;font-size:13px}.removed{color:var(--danger)}.has-tip{cursor:help;position:relative}.has-tip:after{content:attr(data-tooltip);z-index:10;background:var(--text-h);width:max-content;max-width:280px;color:var(--bg);opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.4;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px);box-shadow:0 6px 18px #00000040}.has-tip:hover:after,.has-tip:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.copy-btn{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 18px;font:600 14px system-ui,Segoe UI,Roboto,sans-serif;transition:box-shadow .15s,transform .15s,filter .15s;box-shadow:0 4px 12px #6366f159}.copy-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 20px #6366f173}.copy-btn:active:not(:disabled){transform:translateY(0)scale(.97)}.copy-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.columns{grid-template-columns:1fr}}.ocr-card{margin-top:20px}.ocr-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.ocr-header .subtitle{margin:4px 0 0}.drop-zone{border:2px dashed var(--border);cursor:pointer;background:var(--bg);border-radius:12px;justify-content:center;align-items:center;min-height:140px;padding:8px;transition:border-color .15s;display:flex}.drop-zone:hover,.drop-zone:focus-visible{border-color:var(--accent);outline:none}.drop-hint{color:var(--text-muted);text-align:center;margin:0}.preview{border-radius:8px;max-width:100%;max-height:360px;display:block}.ocr-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.ghost-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:10px 18px;font:600 14px system-ui,Segoe UI,Roboto,sans-serif;transition:border-color .15s}.ghost-btn:hover{border-color:var(--accent-border)}.ghost-btn:disabled{opacity:.6;cursor:default}.ghost-btn.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.ocr-status{margin-top:12px}.progress-wrap{margin-top:14px}.progress-bar{background:var(--border);border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));border-radius:999px;height:100%;transition:width .3s}.progress-bar.indeterminate .progress-fill{animation:1.2s ease-in-out infinite progress-slide;width:40%!important}@keyframes progress-slide{0%{margin-left:-40%}to{margin-left:100%}}.progress-wrap .ocr-status{margin-top:8px}.footer-actions{justify-content:center;margin-top:24px;display:flex}.credit-text{color:#0000;-webkit-user-select:none;user-select:none;white-space:nowrap;margin:0;font-size:12px;transition:color .2s;position:fixed;bottom:10px;right:14px}.credit-text:hover,.credit-text:focus-visible{color:var(--text-muted)}