@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root,[data-theme=dark]{--bg: #06060e;--bg2: #0a0a16;--panel: rgba(12, 12, 24, .55);--panel2: rgba(8, 8, 18, .45);--text: #e8e8f0;--muted: #6a6a88;--border: rgba(255, 255, 255, .06);--border2: rgba(255, 255, 255, .03);--danger: #ff4d6a;--accent: #a78bfa;--accent2: #34d399;--accent-bg: rgba(167, 139, 250, .1);--accent-border: rgba(167, 139, 250, .22);--ok: #34d399;--ok-bg: rgba(52, 211, 153, .08);--ok-border: rgba(52, 211, 153, .2);--danger-bg: rgba(255, 77, 106, .08);--danger-border: rgba(255, 77, 106, .18);--shadow: rgba(0, 0, 0, .6);--glow: rgba(167, 139, 250, .06);--modal-bg: rgba(10, 10, 20, .92);--backdrop: rgba(0, 0, 0, .75);--input-bg: rgba(255, 255, 255, .03);--hover: rgba(167, 139, 250, .07);--subtle: rgba(255, 255, 255, .03);--subtle2: rgba(255, 255, 255, .02);--subtle3: rgba(255, 255, 255, .04);--glass: rgba(12, 12, 24, .5);--glass-border: rgba(255, 255, 255, .06)}[data-theme=light]{--bg: #fafafe;--bg2: #f0f0f8;--panel: rgba(255, 255, 255, .85);--panel2: rgba(250, 250, 254, .75);--text: #18182b;--muted: #7a7a96;--border: rgba(0, 0, 0, .07);--border2: rgba(0, 0, 0, .04);--danger: #e11d48;--accent: #7c3aed;--accent2: #059669;--accent-bg: rgba(124, 58, 237, .06);--accent-border: rgba(124, 58, 237, .18);--ok: #059669;--ok-bg: rgba(5, 150, 105, .05);--ok-border: rgba(5, 150, 105, .16);--danger-bg: rgba(225, 29, 72, .05);--danger-border: rgba(225, 29, 72, .14);--shadow: rgba(124, 58, 237, .04);--glow: rgba(124, 58, 237, .04);--modal-bg: rgba(255, 255, 255, .95);--backdrop: rgba(24, 24, 43, .3);--input-bg: rgba(0, 0, 0, .03);--hover: rgba(124, 58, 237, .05);--subtle: rgba(0, 0, 0, .03);--subtle2: rgba(0, 0, 0, .02);--subtle3: rgba(0, 0, 0, .04);--glass: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box;margin:0}html,body{height:100%;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);transition:background-color .5s ease,color .5s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;position:relative}.container{max-width:1260px;margin:0 auto;padding:24px 20px}.row{display:flex;gap:12px;align-items:center}.rowBetween{display:flex;justify-content:space-between;align-items:center;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:400px 1fr;gap:18px}@media (max-width: 980px){.grid2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--glass-border);border-radius:16px;padding:18px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:all .35s cubic-bezier(.4,0,.2,1)}.btn{border:1px solid var(--glass-border);background:var(--subtle);color:var(--text);padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:600;font-size:13px;font-family:Space Grotesk,sans-serif;letter-spacing:.2px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--hover);border-color:var(--accent-border)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.3;cursor:not-allowed}.btnPrimary{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.btnPrimary:hover{background:#a78bfa29}.btnDanger{border-color:var(--danger-border);background:var(--danger-bg);color:var(--danger)}.btnSuccess{border-color:var(--ok-border);background:var(--ok-bg);color:var(--ok)}.btnIcon{border:none;background:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:6px;font-size:16px;line-height:1;transition:all .2s ease}.btnIcon:hover{color:var(--accent);background:var(--accent-bg)}.input{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:10px;padding:10px 14px;color:var(--text);width:100%;font-size:13px;font-family:Space Grotesk,sans-serif;transition:all .25s ease}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.textarea{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:10px;padding:10px 14px;color:var(--text);width:100%;font-size:13px;min-height:120px;resize:vertical;font-family:JetBrains Mono,monospace}.small{font-size:12px;color:var(--muted);letter-spacing:.3px}.badge{font-size:10px;padding:3px 10px;border-radius:999px;border:1px solid var(--glass-border);color:var(--muted);background:var(--subtle3);font-weight:600;letter-spacing:.8px;text-transform:uppercase}.hr{height:1px;background:var(--glass-border);margin:14px 0;border:none}.kbd{font-family:JetBrains Mono,monospace;font-size:12px;padding:2px 6px;border:1px solid var(--glass-border);border-radius:6px;background:var(--subtle3)}.tabBar{display:flex;gap:2px;background:var(--glass);border-radius:12px;padding:3px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tab{padding:9px 20px;border-radius:9px;border:1px solid transparent;background:none;color:var(--muted);cursor:pointer;font-weight:600;font-size:13px;font-family:Space Grotesk,sans-serif;letter-spacing:.3px;transition:all .2s ease}.tab:hover{color:var(--text);background:var(--subtle)}.tab[aria-selected=true]{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.privacyBanner{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;background:var(--ok-bg);border:1px solid var(--ok-border);font-size:12px;color:var(--ok);font-weight:500;letter-spacing:.3px;margin-bottom:14px;animation:slideDown .4s ease}.privacyDot{width:6px;height:6px;border-radius:50%;background:var(--ok);flex-shrink:0;animation:pulse 2s ease infinite}.pageList{display:flex;flex-direction:column;gap:6px;min-height:200px}.pageRow{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--glass-border);background:var(--subtle2);transition:all .2s ease;animation:slideIn .3s ease backwards}.pageRow:hover{background:var(--hover);border-color:var(--accent-border)}.pageRow[aria-selected=true]{border-color:var(--accent-border);background:var(--accent-bg)}.dragHandle{width:22px;height:22px;border-radius:6px;border:1px solid var(--glass-border);background:var(--subtle);display:grid;place-items:center;cursor:grab;-webkit-user-select:none;user-select:none;font-size:11px;color:var(--muted);transition:all .2s ease}.dragHandle:hover{background:var(--accent-bg);color:var(--accent)}.pageTitle{font-weight:600;font-size:13px}.pageSub{font-size:11px;color:var(--muted)}.thumbnail{width:80px;height:106px;border-radius:8px;border:1px solid var(--glass-border);background:var(--subtle);overflow:hidden;flex-shrink:0;position:relative;transition:all .2s ease}.thumbnail canvas{width:100%;height:100%;object-fit:contain;display:block}.thumbnailClickable{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;flex-shrink:0}.thumbnailOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#a78bfa40;opacity:0;transition:opacity .25s ease;font-size:20px;border-radius:8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.thumbnailClickable:hover .thumbnailOverlay{opacity:1}.thumbnailClickable:hover .thumbnail{border-color:var(--accent-border)}.thumbnailSkeleton{width:100%;height:100%;background:linear-gradient(110deg,var(--subtle) 30%,var(--hover) 50%,var(--subtle) 70%);background-size:200% 100%;animation:shimmer 1.8s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rotateBadge{position:absolute;bottom:2px;right:2px;font-size:9px;background:var(--accent-bg);color:var(--accent);border-radius:4px;padding:1px 5px;font-weight:700;border:1px solid var(--accent-border)}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:grid;place-items:center;padding:16px;z-index:100;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(960px,100%);max-height:90vh;overflow-y:auto;border-radius:18px;border:1px solid var(--glass-border);background:var(--modal-bg);box-shadow:0 24px 64px var(--shadow);padding:20px;animation:modalSlideUp .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.lightboxBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06060ef0;display:grid;place-items:center;z-index:200;padding:24px;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out}.lightboxContent{position:relative;max-width:90vw;max-height:90vh;animation:lightboxZoomIn .35s cubic-bezier(.34,1.56,.64,1);cursor:default}.lightboxCanvas{max-width:90vw;max-height:85vh;border-radius:12px;box-shadow:0 32px 80px #000000b3;transition:opacity .3s ease;display:block}.lightboxClose{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border:1px solid var(--glass-border);background:#00000080;color:#fff;font-size:16px;border-radius:50%;cursor:pointer;display:grid;place-items:center;z-index:10;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightboxClose:hover{background:#ff4d6a99;transform:rotate(90deg)}.lightboxLoader{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.notice{border:1px solid var(--ok-border);background:var(--ok-bg);padding:12px 16px;border-radius:10px;font-size:13px;animation:slideDown .3s ease}.error{border:1px solid var(--danger-border);background:var(--danger-bg);padding:12px 16px;border-radius:10px;font-size:13px;animation:slideDown .3s ease}.progressBar{width:100%;height:4px;background:var(--subtle);border-radius:2px;overflow:hidden}.progressFill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.editorCanvas{border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;background:#fff;position:relative}.editorCanvas canvas{display:block;width:100%}.editorToolbar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;background:var(--glass);border-radius:10px;border:1px solid var(--glass-border)}.ocrOutput{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:10px;padding:14px;min-height:200px;white-space:pre-wrap;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--text);overflow-y:auto;max-height:400px}.themeToggle{border:1px solid var(--glass-border);background:var(--subtle);color:var(--muted);width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:15px;display:grid;place-items:center;transition:all .25s ease}.themeToggle:hover{color:var(--accent);background:var(--accent-bg)}.header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.headerTitle{font-size:26px;font-weight:700;letter-spacing:-.3px;color:var(--text)}.headerSub{font-size:11px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:2px}.dropZone{transition:all .25s ease}.dropZone:hover{border-color:var(--accent-border)}.spinner{width:32px;height:32px;border:2px solid rgba(167,139,250,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-border)}::selection{background:#a78bfa33}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}