.ocr-tool:not(.ocr-light-theme),:root{--ocr-bg:#0f1724;--ocr-card-bg:#0b1220;--ocr-text:#e6eef8;--ocr-muted:#94a3b8;--ocr-accent:#06b6d4;--ocr-accent-dark:#0e7490;--ocr-glass:hsla(0,0%,100%,.03);--ocr-active-text:#022026;--ocr-border:hsla(0,0%,100%,.1);--ocr-drop-border:hsla(0,0%,100%,.1);--ocr-drop-bg:linear-gradient(180deg,hsla(0,0%,100%,.01),transparent);background:linear-gradient(180deg,#071024,#06122a)}.ocr-tool.ocr-light-theme{--ocr-bg:#f8fafc;--ocr-card-bg:#fff;--ocr-text:#1e293b;--ocr-muted:#64748b;--ocr-accent:#0f766e;--ocr-accent-dark:#0d9488;--ocr-glass:#f1f5f9;--ocr-active-text:#fff;--ocr-border:#e2e8f0;--ocr-drop-border:#cbd5e1;--ocr-drop-bg:#f1f5f9;background:var(--ocr-bg)}.ocr-tool{box-sizing:border-box;color:var(--ocr-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:28px auto;max-width:1100px;min-height:100vh;padding:24px;transition:background .3s,color .3s}.ocr-tool *{box-sizing:inherit}.ocr-tool .ocr-header-bar{align-items:center;display:flex;gap:16px;margin-bottom:18px}.ocr-tool .ocr-header-bar h1{font-size:24px;font-weight:700;margin:0}.ocr-tool .ocr-subtitle{color:var(--ocr-muted);font-size:15px}.ocr-tool .ocr-main-grid{display:grid;gap:18px;grid-template-columns:360px 1fr}.ocr-tool .ocr-panel{background:var(--ocr-card-bg);border:1px solid var(--ocr-border);border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,.6);padding:16px;transition:background .3s,box-shadow .3s}.ocr-tool.ocr-light-theme .ocr-panel{box-shadow:0 4px 12px rgba(0,0,0,.06)}.ocr-tool .ocr-drop-area{align-items:center;background:var(--ocr-drop-bg);border:2px dashed var(--ocr-drop-border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:180px;justify-content:center;transition:all .2s ease-in-out}.ocr-tool .ocr-drop-area:hover{border-color:var(--ocr-accent-dark)}.ocr-tool .ocr-drop-area.drag-active{background:rgba(6,182,212,.05);border-color:var(--ocr-accent);box-shadow:0 0 0 4px rgba(6,182,212,.2),0 6px 18px rgba(6,182,212,.08)}.ocr-tool.ocr-light-theme .ocr-drop-area.drag-active{background:rgba(15,118,110,.05);box-shadow:0 0 0 4px rgba(15,118,110,.2),0 6px 18px rgba(15,118,110,.08)}.ocr-tool .ocr-button{background:var(--ocr-accent);border:none;border-radius:8px;color:var(--ocr-active-text);cursor:pointer;font-weight:600;padding:10px 12px;transition:background .2s;white-space:nowrap}.ocr-tool .ocr-button:hover:not(:disabled){background:var(--ocr-accent-dark);opacity:.9}.ocr-tool #ocrClearBtn{background:var(--ocr-muted);color:var(--ocr-active-text)}.ocr-tool #ocrClearBtn:hover:not(:disabled){background:#525f75}.ocr-tool.ocr-light-theme #ocrClearBtn{background:#94a3b8}.ocr-tool.ocr-light-theme #ocrClearBtn:hover:not(:disabled){background:#77889e}.ocr-tool .ocr-button:disabled{cursor:not-allowed;opacity:.6}.ocr-tool .ocr-text-muted{color:var(--ocr-muted);font-size:13px}.ocr-tool .ocr-text-small{font-size:13px}.ocr-tool .ocr-controls{display:flex;flex-direction:column;gap:12px;margin-top:12px}.ocr-tool .ocr-controls input[type=file],.ocr-tool select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ocr-card-bg);border:1px solid var(--ocr-border);border-radius:8px;color:inherit;padding:8px;width:100%}.ocr-tool .ocr-controls input[type=file]{display:none}.ocr-tool .ocr-file-list{margin-top:6px;max-height:240px;overflow-y:auto;padding:8px 0}.ocr-tool .ocr-file-item{align-items:center;border-radius:6px;display:flex;justify-content:space-between;padding:8px;transition:background .2s}.ocr-tool .ocr-file-item:hover{background:hsla(0,0%,100%,.02)}.ocr-tool.ocr-light-theme .ocr-file-item:hover{background:#f1f5f9}.ocr-tool .ocr-file-item+.ocr-file-item{margin-top:4px}.ocr-tool .ocr-preview{align-items:center;display:flex;gap:12px;overflow:hidden}.ocr-tool .ocr-thumbnail{background:var(--ocr-card-bg);border:1px solid var(--ocr-border);border-radius:6px;flex-shrink:0;height:38px;object-fit:cover;width:48px}.ocr-tool .ocr-progress-bar{background:var(--ocr-glass);border-radius:999px;height:10px;overflow:hidden;width:100%}.ocr-tool .ocr-progress-bar>span{background:linear-gradient(90deg,var(--ocr-accent),#60a5fa);display:block;height:100%;transition:width .3s ease-out;width:0}.ocr-tool .ocr-output-area{min-height:400px}.ocr-tool .ocr-output-toolbar{align-items:center;display:flex;gap:8px;margin-bottom:10px}.ocr-tool .ocr-textarea{background:var(--ocr-glass);border:1px solid var(--ocr-border);border-radius:10px;color:inherit;font-size:14px;height:calc(100% - 70px);line-height:1.6;min-height:340px;padding:12px;resize:vertical;width:100%}.ocr-tool .ocr-action-buttons{align-items:center;display:flex;gap:8px}.ocr-tool .ocr-chips-container{display:flex;flex-wrap:wrap;gap:6px}.ocr-tool .ocr-chip{background:var(--ocr-glass);border:1px solid var(--ocr-border);border-radius:999px;color:var(--ocr-text);cursor:pointer;font-size:13px;padding:6px 10px;transition:background .2s,color .2s}.ocr-tool .ocr-chip:hover{background:hsla(0,0%,100%,.15)}.ocr-tool.ocr-light-theme .ocr-chip:hover{background:#e2e8f0}.ocr-tool .ocr-chip.active{background:var(--ocr-accent);border-color:var(--ocr-accent);color:var(--ocr-active-text);font-weight:600}.ocr-tool .ocr-footer{color:var(--ocr-muted);font-size:13px;margin-top:14px}.ocr-tool #ocrThemeToggle{background:none;border:none;color:var(--ocr-text);cursor:pointer;font-size:24px;line-height:1;margin-left:auto;padding:0;transition:color .3s}@media(max-width:980px){.ocr-tool .ocr-main-grid{grid-template-columns:1fr}.ocr-tool .ocr-drop-area{height:150px}}