:root{--bg:#f8fafc;--card:#ffffff;--text:#0f172a;--text-muted:#64748b;--primary:#2563eb;--primary-hover:#1d4ed8;--accent:#0284c7;--border:#e2e8f0;--card-shadow:0 10px 25px -5px rgba(0,0,0,0.06),0 8px 10px -6px rgba(0,0,0,0.04);--ring:rgba(37,99,235,0.25);--success:#10b981;--danger:#ef4444;--radius:14px;--nav-bg:rgba(255,255,255,0.92)}[data-theme="dark"]{--bg:#090d16;--card:#111827;--text:#f1f5f9;--text-muted:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--accent:#38bdf8;--border:#1f293d;--card-shadow:0 10px 25px -5px rgba(0,0,0,0.4),0 8px 10px -6px rgba(0,0,0,0.3);--ring:rgba(59,130,246,0.3);--success:#10b981;--danger:#ef4444;--nav-bg:rgba(17,24,39,0.92)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:'Inter',sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;max-width:100vw}h1,h2,h3,h4,h5,h6{font-family:'Outfit',sans-serif;font-weight:700;line-height:1.2;color:var(--text)}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-hover)}.site-header{position:sticky;top:0;z-index:1000;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);width:100%}.nav-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;position:relative}.brand{display:flex;align-items:center;gap:10px;font-family:'Outfit',sans-serif;font-size:1.35rem;font-weight:800;color:var(--text)}.brand-badge{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:4px 8px;border-radius:8px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.nav-menu{display:flex;align-items:center;gap:8px;list-style:none}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:.92rem;font-weight:600;color:var(--text);border-radius:8px;cursor:pointer;background:none;border:none;transition:all .2s}.nav-link:hover{background:var(--border);color:var(--primary)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:12px;padding:18px;min-width:540px;display:none;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;z-index:1010}.dropdown-menu.mega-menu{width:700px;left:-100px}.nav-item:hover .dropdown-menu,.nav-item:focus-within .dropdown-menu{display:block;opacity:1;transform:translateY(0)}.mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:380px;overflow-y:auto;padding-right:6px}.mega-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:.84rem;font-weight:500;color:var(--text);background:transparent;transition:background .2s,color .2s}.mega-link:hover{background:var(--border);color:var(--primary)}.mega-link svg{flex-shrink:0;color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:12px}.theme-toggle-btn{background:var(--card);border:1px solid var(--border);color:var(--text);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px rgba(0,0,0,0.04)}.theme-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.mobile-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:6px}.breadcrumb-bar{background:var(--card);border-bottom:1px solid var(--border);padding:10px 20px;font-size:.85rem}.breadcrumb-list{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:8px;list-style:none;color:var(--text-muted);flex-wrap:wrap}.breadcrumb-list li{display:flex;align-items:center;gap:8px}.breadcrumb-list li::after{content:"/";color:var(--text-muted);font-size:.75rem}.breadcrumb-list li:last-child::after{display:none}.breadcrumb-list a{color:var(--text-muted);font-weight:500}.breadcrumb-list a:hover{color:var(--primary)}.breadcrumb-list .current{color:var(--text);font-weight:600}.hero-section{padding:48px 20px 32px;max-width:1280px;margin:0 auto;text-align:center}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:30px;background:rgba(37,99,235,0.1);color:var(--primary);font-weight:700;font-size:.82rem;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.hero-title{font-size:clamp(2.1rem,4.5vw,3.4rem);margin-bottom:16px;letter-spacing:-.02em}.hero-highlight{background:linear-gradient(135deg,#2563eb,#0284c7,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-muted);max-width:820px;margin:0 auto 28px}.scanner-container{max-width:1280px;margin:0 auto 48px;padding:0 20px}.scanner-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:24px;display:grid;grid-template-columns:1fr;gap:24px;min-width:0;width:100%}.input-tabs{display:flex;gap:10px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-weight:600;font-size:.92rem;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--primary);color:#fff}.tab-btn:hover:not(.active){background:var(--border);color:var(--text)}.dropzone{border:2px dashed var(--border);border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:rgba(37,99,235,0.02);min-width:0;width:100%}.dropzone:hover,.dropzone.dragover{border-color:var(--primary);background:rgba(37,99,235,0.06)}.dropzone-icon{width:56px;height:56px;margin:0 auto 14px;color:var(--primary)}.dropzone-title{font-size:1.15rem;font-weight:700;margin-bottom:6px}.dropzone-sub{font-size:.88rem;color:var(--text-muted);margin-bottom:16px}.btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:10px;font-weight:600;font-size:.92rem;cursor:pointer;border:none;transition:all .2s;text-align:center}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 14px rgba(37,99,235,0.35)}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover{background:#cbd5e1;color:#0f172a}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.camera-box{display:none;flex-direction:column;align-items:center;gap:16px;background:#000;border-radius:12px;padding:16px;position:relative;overflow:hidden;width:100%}.camera-box video{width:100%;max-width:720px;border-radius:8px;background:#111;aspect-ratio:4/3;object-fit:cover}.camera-controls{display:flex;gap:12px;z-index:2}.scanner-workspace{display:none;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;margin-top:20px;width:100%}@media(max-width:960px){.scanner-workspace{grid-template-columns:minmax(0,1fr)}}.editor-panel{display:flex;flex-direction:column;gap:16px;background:rgba(0,0,0,0.02);border:1px solid var(--border);border-radius:12px;padding:18px;min-width:0;width:100%}.canvas-wrapper{position:relative;width:100%;min-height:260px;max-height:75vh;display:flex;align-items:center;justify-content:center;background:#090d16;border-radius:10px;overflow:hidden;user-select:none;touch-action:none;box-sizing:border-box}canvas#editCanvas{max-width:100%;max-height:70vh;width:auto;height:auto;display:block;cursor:crosshair;touch-action:none;box-sizing:border-box}.canvas-overlay-loupe{position:absolute;width:110px;height:110px;border-radius:50%;border:3px solid var(--primary);box-shadow:0 4px 12px rgba(0,0,0,0.4);pointer-events:none;display:none;background:#fff;z-index:20;overflow:hidden}.canvas-overlay-loupe canvas{width:100%;height:100%}.crop-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center}.preset-btn-group{display:flex;gap:6px;flex-wrap:wrap}.tool-badge{font-size:.78rem;font-weight:700;padding:4px 8px;border-radius:6px;background:var(--border);color:var(--text)}.controls-panel{display:flex;flex-direction:column;gap:18px;min-width:0;width:100%}.filter-section h4,.tuning-section h4,.pages-section h4{font-size:.95rem;margin-bottom:10px;display:flex;align-items:center;gap:8px}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:480px){.filter-grid{grid-template-columns:repeat(2,1fr)}}.filter-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);cursor:pointer;font-size:.82rem;font-weight:600;transition:all .2s}.filter-btn.active{border-color:var(--primary);background:rgba(37,99,235,0.08);color:var(--primary)}.filter-btn svg{width:22px;height:22px}.slider-control{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.slider-header{display:flex;justify-content:space-between;font-size:.82rem;font-weight:600}.slider-control input[type="range"]{width:100%;accent-color:var(--primary);height:6px;background:var(--border);border-radius:4px;cursor:pointer}.pages-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.page-thumb{position:relative;width:76px;height:100px;border:2px solid var(--border);border-radius:8px;overflow:hidden;flex-shrink:0;cursor:pointer;background:#000}.page-thumb.active{border-color:var(--primary)}.page-thumb img{width:100%;height:100%;object-fit:cover}.page-thumb-num{position:absolute;top:4px;left:4px;background:rgba(0,0,0,0.7);color:#fff;font-size:.65rem;padding:2px 5px;border-radius:4px;font-weight:700}.page-thumb-del{position:absolute;top:4px;right:4px;background:var(--danger);color:#fff;font-size:.65rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.page-add-card{width:76px;height:100px;border:2px dashed var(--border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;flex-shrink:0;background:none;transition:border-color .2s}.page-add-card:hover{border-color:var(--primary);color:var(--primary)}.action-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.output-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--border);display:none;width:100%;min-width:0}.output-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;width:100%}@media(max-width:960px){.output-grid{grid-template-columns:minmax(0,1fr)}}.output-preview-box{background:rgba(0,0,0,0.03);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;min-width:0;width:100%;box-sizing:border-box}.output-preview-img{max-width:100%;max-height:70vh;height:auto;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,0.1);display:block;object-fit:contain}.output-export-box{display:flex;flex-direction:column;gap:18px;min-width:0;width:100%}.ocr-box{border:1px solid var(--border);border-radius:10px;padding:14px;background:var(--card);min-width:0;width:100%}.ocr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:6px}.ocr-textarea{width:100%;height:140px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px;font-size:.85rem;font-family:monospace;resize:vertical;box-sizing:border-box}.download-dropdown{position:relative;display:inline-block;width:100%}.download-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--card-shadow);padding:8px;display:none;z-index:20;flex-direction:column;gap:6px}.download-dropdown.open .download-dropdown-menu{display:flex}.download-opt{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;background:none;border:none;color:var(--text);cursor:pointer;font-weight:600;font-size:.88rem;transition:background .2s;text-align:left}.download-opt:hover{background:var(--border);color:var(--primary)}.progress-wrap{width:100%;background:var(--border);border-radius:6px;height:8px;overflow:hidden;margin-top:10px;display:none}.progress-bar{height:100%;width:0%;background:var(--primary);transition:width .2s}.toast-notify{position:fixed;bottom:24px;right:24px;background:#0f172a;color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.3);z-index:9999;font-size:.88rem;font-weight:600;display:none;align-items:center;gap:10px;animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tools-bar-section{max-width:1280px;margin:0 auto 48px;padding:0 20px}.section-head{text-align:center;margin-bottom:30px}.section-tag{font-size:.8rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.section-title{font-size:clamp(1.7rem,3vw,2.2rem)}.section-subtitle{color:var(--text-muted);font-size:.95rem;max-width:640px;margin:6px auto 0}.tools-compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.tool-card-compact{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;font-size:.85rem;transition:all .2s;box-shadow:0 2px 5px rgba(0,0,0,0.02)}.tool-card-compact:hover{border-color:var(--primary);transform:translateY(-2px);color:var(--primary);box-shadow:0 6px 14px rgba(0,0,0,0.06)}.tool-card-compact svg{flex-shrink:0;color:var(--primary)}.features-section{max-width:1280px;margin:0 auto 56px;padding:0 20px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .2s;box-shadow:0 4px 10px rgba(0,0,0,0.02)}.feature-box:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--card-shadow)}.feature-icon{width:46px;height:46px;border-radius:12px;background:rgba(37,99,235,0.1);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-title{font-size:1.15rem;margin-bottom:8px}.feature-desc{font-size:.88rem;color:var(--text-muted);line-height:1.55}.how-section{max-width:1280px;margin:0 auto 56px;padding:0 20px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.step-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative}.step-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:.92rem}.step-card h3{font-size:1.08rem;margin-bottom:8px}.step-card p{font-size:.88rem;color:var(--text-muted)}.seo-article-section{max-width:1000px;margin:0 auto 56px;padding:32px 28px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--card-shadow)}.seo-article-content h2{font-size:1.6rem;margin-bottom:16px}.seo-article-content h3{font-size:1.2rem;margin:20px 0 10px}.seo-article-content p{margin-bottom:14px;color:var(--text-muted);font-size:.94rem;line-height:1.7}.faq-section{max-width:960px;margin:0 auto 56px;padding:0 20px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden}.faq-question{width:100%;text-align:left;padding:18px 22px;background:transparent;border:none;font-weight:700;font-size:1rem;color:var(--text);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-icon{transition:transform .2s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 22px 18px;display:none;color:var(--text-muted);font-size:.92rem;line-height:1.6}.faq-item.open .faq-answer{display:block}.cta-section{background:linear-gradient(135deg,#1e3a8a,#2563eb,#0284c7);color:#fff;padding:64px 20px;text-align:center;margin-bottom:48px;border-radius:20px;max-width:1280px;margin-left:auto;margin-right:auto}.cta-title{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:14px;color:#fff}.cta-desc{max-width:680px;margin:0 auto 26px;font-size:1.05rem;opacity:.9}.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-cta-white{background:#fff;color:#1e3a8a;font-weight:700}.btn-cta-white:hover{background:#f1f5f9;color:#1d4ed8}.btn-cta-trans{background:rgba(255,255,255,0.15);color:#fff;border:1px solid rgba(255,255,255,0.3);font-weight:700}.btn-cta-trans:hover{background:rgba(255,255,255,0.25);color:#fff}.footer-section{background:var(--card);border-top:1px solid var(--border);padding:56px 20px 24px}.footer-container{max-width:1280px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px;margin-bottom:40px}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}.footer-col h4{font-size:1rem;margin-bottom:14px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-links a{color:var(--text-muted);font-size:.85rem}.footer-links a:hover{color:var(--primary)}.footer-disclaimer{font-size:.8rem;color:var(--text-muted);line-height:1.6;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:18px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--text-muted)}.cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;max-width:540px;margin:0 auto;background:var(--card);border:1px solid var(--border);box-shadow:0 12px 30px rgba(0,0,0,0.2);border-radius:14px;padding:16px 20px;display:none;align-items:center;justify-content:space-between;gap:16px;z-index:9998}.cookie-text{font-size:.84rem;color:var(--text-muted);line-height:1.45}.cookie-text a{color:var(--primary);text-decoration:underline}.cookie-actions{display:flex;gap:8px;flex-shrink:0}@media(max-width:768px){.nav-menu{position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--card);flex-direction:column;align-items:flex-start;padding:20px;overflow-y:auto;display:none}.nav-menu.open{display:flex}.nav-item{width:100%}.nav-link{width:100%;justify-content:space-between}.dropdown-menu{position:static;width:100%;min-width:auto;box-shadow:none;border:none;padding:10px 0}.mega-grid{grid-template-columns:1fr;max-height:none}.mobile-toggle{display:block}.cookie-banner{flex-direction:column;align-items:stretch}}