@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..800;1,14..32,300..800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--c-brand:#7c3aed;--c-brand-mid:#8b5cf6;--c-brand-light:#ede9fe;--c-brand-xlight:#f5f3ff;--c-brand-dim:rgba(124,58,237,.08);--c-pink:#ec4899;--c-pink-light:#fdf2f8;--c-pink-dim:rgba(236,72,153,.08);--c-bg:#fff;--c-bg-subtle:#fafafa;--c-bg-muted:#f4f4f5;--c-surface:#fff;--c-surface-2:#f8f8fa;--c-surface-3:#f1f0f5;--c-border:#e4e4e7;--c-border-strong:#d4d4d8;--c-text:#09090b;--c-text-2:#52525b;--c-text-3:#a1a1aa;--c-text-inv:#fff;--c-success:#16a34a;--c-success-bg:#f0fdf4;--c-success-border:#bbf7d0;--c-warning:#d97706;--c-warning-bg:#fffbeb;--c-warning-border:#fde68a;--c-danger:#dc2626;--c-danger-bg:#fef2f2;--c-danger-border:#fecaca;--c-info:#2563eb;--c-info-bg:#eff6ff;--c-info-border:#bfdbfe;--g-brand:linear-gradient(135deg,#7c3aed,#a855f7);--g-accent:linear-gradient(135deg,#7c3aed,#ec4899);--g-hero:linear-gradient(160deg,#faf5ff,#fdf2f8 50%,#f5f3ff);--font:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--s-20:5rem;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:24px;--r-full:9999px;--sh-xs:0 1px 2px rgba(0,0,0,.05);--sh-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--sh-md:0 4px 6px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.04);--sh-lg:0 10px 15px rgba(0,0,0,.06),0 4px 6px rgba(0,0,0,.04);--sh-xl:0 20px 25px rgba(0,0,0,.07),0 8px 10px rgba(0,0,0,.04);--sh-brand:0 4px 14px rgba(124,58,237,.25);--ease:150ms ease;--ease-slow:250ms ease;--nav-h:60px;--max-w:1280px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%}body{font-family:var(--font);font-size:var(--text-base);font-weight:var(--fw-normal);line-height:var(--leading-normal);color:var(--c-text);background:var(--c-bg-subtle);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--c-text-3)}::-moz-selection{background:var(--c-brand-light);color:var(--c-brand)}::selection{background:var(--c-brand-light);color:var(--c-brand)}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);line-height:var(--leading-tight);color:var(--c-text);letter-spacing:-.025em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--c-text-2);line-height:var(--leading-relaxed)}a{color:var(--c-brand);text-decoration:none;transition:color var(--ease)}a:hover{color:var(--c-brand-mid)}code,pre{font-family:var(--font-mono);font-size:.9em}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--s-4)}@media(min-width:640px){.container{padding:0 var(--s-6)}}.btn{display:inline-flex;align-items:center;gap:var(--s-2);padding:0 var(--s-4);height:38px;font-family:var(--font);font-size:var(--text-sm);font-weight:var(--fw-medium);line-height:1;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:all var(--ease);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;letter-spacing:-.01em;flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--c-brand);color:#fff;border-color:var(--c-brand);box-shadow:var(--sh-brand)}.btn-primary:hover:not(:disabled){background:var(--c-brand-mid);border-color:var(--c-brand-mid)}.btn-secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border);box-shadow:var(--sh-xs)}.btn-secondary:hover:not(:disabled){background:var(--c-bg-muted);border-color:var(--c-border-strong)}.btn-ghost{background:transparent;color:var(--c-text-2);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--c-bg-muted);color:var(--c-text)}.btn-danger{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{height:32px;padding:0 var(--s-3);font-size:var(--text-xs)}.btn-lg{height:46px;padding:0 var(--s-6);font-size:var(--text-base);font-weight:var(--fw-semibold)}.btn-icon{padding:0;width:38px;height:38px;justify-content:center;flex-shrink:0}.btn-icon.btn-sm{width:32px;height:32px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden}.card-hover{transition:border-color var(--ease),box-shadow var(--ease)}.card-hover:hover{border-color:var(--c-brand-mid);box-shadow:0 0 0 3px var(--c-brand-dim),var(--sh-md)}.input{width:100%;height:38px;padding:0 var(--s-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text);font-family:var(--font);font-size:var(--text-sm);font-weight:var(--fw-normal);transition:border-color var(--ease),box-shadow var(--ease);-webkit-appearance:none}.input::-moz-placeholder{color:var(--c-text-3)}.input::placeholder{color:var(--c-text-3)}.input:focus{outline:none;border-color:var(--c-brand);box-shadow:0 0 0 3px var(--c-brand-dim)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2371717a' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s-3) center;padding-right:var(--s-8)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--text-xs);font-weight:var(--fw-medium);border-radius:var(--r-full);border:1px solid;line-height:1.5}.badge-primary{background:var(--c-brand-light);color:var(--c-brand);border-color:#c4b5fd}.badge-success{background:var(--c-success-bg);color:var(--c-success);border-color:var(--c-success-border)}.badge-warning{background:var(--c-warning-bg);color:var(--c-warning);border-color:var(--c-warning-border)}.badge-danger{background:var(--c-danger-bg);color:var(--c-danger);border-color:var(--c-danger-border)}.badge-muted{background:var(--c-bg-muted);color:var(--c-text-2);border-color:var(--c-border)}.dropzone{border:2px dashed var(--c-border-strong);border-radius:var(--r-xl);background:var(--c-surface);transition:all var(--ease);cursor:pointer}.dropzone.active,.dropzone:hover{border-color:var(--c-brand);background:var(--c-brand-xlight);box-shadow:0 0 0 4px var(--c-brand-dim)}.progress{height:6px;background:var(--c-bg-muted);overflow:hidden;width:100%}.progress,.progress-bar{border-radius:var(--r-full)}.progress-bar{height:100%;background:var(--g-brand);transition:width .2s ease}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c-text-3)}.status-dot.live{background:var(--c-success);animation:blink 2s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.divider{height:1px;background:var(--c-border);margin:var(--s-4) 0}.sidebar-item{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--c-text-2);cursor:pointer;border-radius:var(--r-md);transition:all var(--ease);text-decoration:none;border:none;background:none;width:100%;text-align:left;font-family:var(--font)}.sidebar-item:hover{color:var(--c-text);background:var(--c-bg-muted)}.sidebar-item.active{color:var(--c-brand);background:var(--c-brand-light);font-weight:var(--fw-semibold)}.toast-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-lg);pointer-events:auto;animation:slideUp .18s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-16) var(--s-6);text-align:center;gap:var(--s-3)}.empty-state-icon{width:40px;height:40px;color:var(--c-text-3)}.empty-state h3{font-size:var(--text-lg);color:var(--c-text)}.empty-state p{font-size:var(--text-sm);max-width:300px}.file-list-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);transition:border-color var(--ease)}.file-list-item:hover{border-color:var(--c-border-strong)}.file-list-item-icon{width:36px;height:36px;border-radius:var(--r-md);background:var(--c-brand-xlight);display:flex;align-items:center;justify-content:center;color:var(--c-brand);flex-shrink:0}.tool-card{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);cursor:pointer;text-decoration:none;transition:all var(--ease);box-shadow:var(--sh-xs)}.tool-card:hover{border-color:var(--c-brand-mid);box-shadow:0 0 0 3px var(--c-brand-dim),var(--sh-sm)}.tool-card-icon{width:34px;height:34px;border-radius:var(--r-md);background:var(--c-brand-xlight);display:flex;align-items:center;justify-content:center;color:var(--c-brand);flex-shrink:0}.tool-card-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--c-text)}.doc-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;transition:all var(--ease);cursor:pointer;box-shadow:var(--sh-xs)}.doc-card:hover{border-color:var(--c-brand-mid);box-shadow:var(--sh-md)}.doc-card-thumb{aspect-ratio:3/4;background:var(--c-brand-xlight);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--c-border)}.doc-card-info{padding:var(--s-3)}.doc-card-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-card-meta{font-size:var(--text-xs);color:var(--c-text-3);margin-top:2px}.nav{height:var(--nav-h);background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:50}.nav,.nav-inner{display:flex;align-items:center}.nav-inner{justify-content:space-between;width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--s-4);gap:var(--s-4)}@media(min-width:640px){.nav-inner{padding:0 var(--s-6)}}.nav-logo{gap:var(--s-2);font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--c-text);letter-spacing:-.03em;text-decoration:none}.nav-logo,.nav-logo-mark{display:flex;align-items:center}.nav-logo-mark{width:28px;height:28px;border-radius:var(--r-md);background:var(--g-brand);justify-content:center;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:2px;list-style:none}.nav-link{padding:6px 12px;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--c-text-2);text-decoration:none;border-radius:var(--r-md);transition:all var(--ease);cursor:pointer;background:none;border:none;font-family:var(--font)}.nav-link:hover{color:var(--c-text);background:var(--c-bg-muted)}.nav-link.active{color:var(--c-brand);background:var(--c-brand-xlight)}.nav-actions{gap:var(--s-2)}.bottom-nav,.nav-actions{display:flex;align-items:center}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:hsla(0,0%,100%,.96);backdrop-filter:blur(12px);border-top:1px solid var(--c-border);justify-content:space-around;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:10px;font-weight:var(--fw-medium);color:var(--c-text-3);cursor:pointer;transition:color var(--ease);text-decoration:none;background:none;border:none;font-family:var(--font);-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{color:var(--c-brand)}.bottom-nav-item.scan-item{background:var(--g-brand);color:#fff;border-radius:var(--r-xl);margin:6px var(--s-2);padding:6px var(--s-3);box-shadow:var(--sh-brand);font-size:10px}.page-wrapper{min-height:calc(100vh - var(--nav-h));padding-bottom:72px}@media(min-width:769px){.page-wrapper{padding-bottom:0}}.hero{padding:var(--s-16) 0;text-align:center;background:var(--g-hero);border-bottom:1px solid var(--c-border)}@media(min-width:768px){.hero{padding:var(--s-20) 0}}.hero-pill{display:inline-flex;align-items:center;gap:var(--s-2);padding:4px 14px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--c-brand);margin-bottom:var(--s-6);box-shadow:var(--sh-xs)}.hero-title{font-size:clamp(2rem,5.5vw,3.5rem);font-weight:var(--fw-extrabold);letter-spacing:-.035em;line-height:1.1;max-width:680px;margin:0 auto var(--s-5);color:var(--c-text)}.hero-title mark{background:var(--g-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal}.hero-sub{font-size:var(--text-lg);max-width:480px;margin:0 auto var(--s-8);line-height:var(--leading-relaxed)}.hero-actions{display:flex;justify-content:center;gap:var(--s-3);flex-wrap:wrap}.section{padding:var(--s-12) 0}.section-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--s-4)}.grid-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:var(--s-2)}@media(min-width:640px){.grid-tools{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:var(--s-3)}}.grid-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--s-3)}@media(min-width:640px){.grid-docs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-4)}}.breadcrumb{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-xs);color:var(--c-text-3);margin-bottom:var(--s-4);list-style:none;flex-wrap:wrap}.breadcrumb a{color:var(--c-text-2)}.breadcrumb a:hover{color:var(--c-brand)}.breadcrumb .sep{color:var(--c-border-strong)}.hide-mobile{display:none!important}@media(min-width:769px){.hide-mobile{display:flex!important}.hide-desktop{display:none!important}}.tool-layout{display:flex;flex-direction:column;gap:var(--s-6)}@media(min-width:900px){.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:var(--s-8);align-items:start}}.sidebar-layout{display:flex;flex-direction:column;min-height:calc(100vh - var(--nav-h) - 72px)}@media(min-width:769px){.sidebar-layout{flex-direction:row;height:calc(100vh - var(--nav-h))}}.sidebar-panel{width:100%;border-bottom:1px solid var(--c-border);background:var(--c-surface);display:flex;flex-direction:column;overflow:hidden}@media(min-width:769px){.sidebar-panel{width:240px;flex-shrink:0;border-bottom:none;border-right:1px solid var(--c-border);height:100%}}.sidebar-main{flex:1;overflow:hidden;min-width:0}.scanner-layout,.sidebar-main{display:flex;flex-direction:column}.scanner-layout{gap:var(--s-4)}@media(min-width:900px){.scanner-layout{display:grid;grid-template-columns:176px 1fr 220px;gap:var(--s-6);align-items:start}}.scanner-thumbs{display:flex;flex-direction:row;gap:var(--s-2);overflow-x:auto;padding-bottom:var(--s-2);-webkit-overflow-scrolling:touch}@media(min-width:900px){.scanner-thumbs{flex-direction:column;overflow-x:visible;padding-bottom:0}}.scanner-thumb{flex-shrink:0;width:78px;position:relative;border-radius:var(--r-md);overflow:hidden;border:2px solid var(--c-border);cursor:pointer;transition:border-color var(--ease)}@media(min-width:900px){.scanner-thumb{width:100%}}.scanner-thumb.active{border-color:var(--c-brand);box-shadow:0 0 0 2px var(--c-brand-dim)}.enhance-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}@media(min-width:900px){.enhance-panel{display:flex;flex-direction:column;gap:var(--s-2)}}.doc-list-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);transition:border-color var(--ease)}.doc-list-row:hover{border-color:var(--c-border-strong)}.doc-list-meta{display:none}@media(min-width:640px){.doc-list-meta{display:flex;align-items:center;gap:var(--s-6);flex-shrink:0}.doc-list-meta span{font-size:var(--text-xs);color:var(--c-text-2);min-width:60px;text-align:right}}.viewer-canvas{background:var(--c-bg-muted);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:var(--s-8);flex:1}.viewer-toolbar{height:46px;background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;padding:0 var(--s-3);gap:4px;overflow-x:auto;flex-shrink:0}.toolbar-sep{width:1px;height:18px;background:var(--c-border);flex-shrink:0;margin:0 4px}.nb-item{display:flex;align-items:center;gap:var(--s-2);padding:6px var(--s-3);border-radius:var(--r-md);cursor:pointer;font-size:var(--text-sm);color:var(--c-text-2);transition:all var(--ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.nb-item:hover{background:var(--c-bg-muted);color:var(--c-text)}.nb-item.active{background:var(--c-brand-xlight);color:var(--c-brand);font-weight:var(--fw-semibold)}.ai-avatar{width:28px;height:28px;border-radius:var(--r-md);background:var(--g-brand);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:11px;font-weight:var(--fw-bold)}.ai-bubble{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);box-shadow:var(--sh-xs)}.ai-bubble,.user-bubble{border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);font-size:var(--text-sm);max-width:min(440px,82vw);line-height:var(--leading-relaxed)}.user-bubble{background:var(--c-brand);color:#fff;margin-left:auto}.ocr-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--c-text);white-space:pre-wrap;word-break:break-word;resize:vertical;min-height:200px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .2s ease both}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--c-bg-muted) 25%,var(--c-surface-3) 50%,var(--c-bg-muted) 75%);background-size:200% 100%;animation:skeleton 1.4s ease infinite;border-radius:var(--r-md)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}