/*! PhongDang UI v2.0.0 */
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-heading:var(--font-sans);--bg-body:#faf8f5;--bg-card:#fff;--bg-card-subtle:#f6f2ed;--bg-input:#fff;--bg-header:#faf8f5d1;--bg-control:#fff;--bg-control-hover:#f6f2ed;--border-control:#d9cfc3;--border-color:#e8e2da;--border-subtle:#f0ebe4;--text-main:#1c1917;--text-muted:#6b625a;--text-subtle:#736960;--primary:#1d4f91;--primary-hover:#173f75;--primary-light:#1d4f9114;--primary-border:#1d4f913d;--on-primary:#fff;--accent:#8a5a34;--accent-soft:#f4ece3;--accent-text:#6b4226;--accent-indigo:var(--primary);--accent-indigo-hover:var(--primary-hover);--accent-indigo-light:var(--primary-light);--accent-indigo-border:var(--primary-border);--danger:#c53030;--danger-light:#c5303014;--success:#2f7a4f;--success-light:#2f7a4f1a;--warning:#b45309;--warning-light:#d977061a;--shadow-sm:0 1px 2px #1c19170d;--shadow-md:0 4px 12px -2px #1c191714, 0 1px 2px #1c19170a;--shadow-card:0 1px 2px #1c19170a;--shadow-floating:0 16px 40px -12px #1c191738, 0 2px 6px #1c19170f;--shadow-glow:none;--shadow-glow-indigo:none;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--container-tool:1440px;--container-portal:1200px;--ease-out:cubic-bezier(.2, .8, .2, 1);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--focus-ring:0 0 0 3px var(--primary-light), 0 0 0 1px var(--primary)}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-body:#151d2b;--bg-card:#1c2636;--bg-card-subtle:#192231;--bg-input:#151d2b;--bg-header:#151d2bd1;--bg-control:#243044;--bg-control-hover:#2c3a52;--border-control:#4a5a75;--border-color:#2c3850;--border-subtle:#243044;--text-main:#f3efe9;--text-muted:#b7ada2;--text-subtle:#9a9086;--primary:#7fb0ee;--primary-hover:#9cc3f3;--primary-light:#7fb0ee21;--primary-border:#7fb0ee52;--on-primary:#0e1726;--accent:#e0b98f;--accent-soft:#3b2a1d;--accent-text:#e8c9a6;--danger:#f07a7a;--danger-light:#f07a7a21;--success:#5cc48a;--success-light:#5cc48a21;--warning:#f0a44b;--warning-light:#f0a44b21;--shadow-sm:0 1px 2px #03071259;--shadow-md:0 6px 16px -4px #03071280;--shadow-card:0 1px 2px #0307124d;--shadow-floating:0 20px 44px -12px #030712b3}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{background:var(--bg-body);min-height:100vh;color:var(--text-main);font-family:var(--font-sans);letter-spacing:-.003em;transition:background-color var(--transition-smooth), color var(--transition-smooth);margin:0;line-height:1.6}button,input,select,textarea{font:inherit}img,svg,canvas,video{max-width:100%}a{color:var(--primary)}a:hover{color:var(--primary-hover)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.pd-sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.pd-skip-link{top:var(--space-3);left:var(--space-3);z-index:10000;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);transition:transform var(--transition-fast);font-weight:700;position:fixed;transform:translateY(-160%)}.pd-skip-link:focus{transform:translateY(0)}.pd-hidden{display:none!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pd-container{width:min(100% - 2rem, var(--container-tool));margin-inline:auto}body[data-pdui-profile=portal] .pd-container{max-width:var(--container-portal)}.pd-header.pd-header{z-index:50;background:var(--bg-header);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);min-height:60px;position:sticky;top:0}.pd-header__inner.pd-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:60px;display:flex}.pd-brand.pd-brand{align-items:center;gap:var(--space-3);min-width:0;color:var(--text-main);text-decoration:none;display:inline-flex}.pd-brand__icon.pd-brand__icon{border-radius:var(--radius-md);background:var(--primary);width:36px;height:36px;color:var(--on-primary);flex:0 0 36px;place-items:center;display:grid}.pd-brand__title{color:var(--text-main);font-family:var(--font-heading);letter-spacing:-.015em;font-size:1rem;font-weight:600;line-height:1.2;display:block}.pd-brand__subtitle{color:var(--text-muted);font-size:.75rem;line-height:1.25;display:block}.pd-header__actions.pd-header__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.pd-main.pd-main{min-width:0;padding-block:var(--space-6) var(--space-10);flex:1 0 auto}.pd-footer.pd-footer{padding-block:var(--space-6);border-top:1px solid var(--border-color);color:var(--text-muted);background:0 0;margin-top:auto;font-size:.82rem}.pd-footer__inner.pd-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.pd-footer__links{gap:var(--space-5);flex-wrap:wrap;display:flex}.pd-footer a{color:var(--text-muted);text-decoration:none}.pd-footer a:hover{color:var(--primary)}@media (width<=700px){.pd-container{width:min(100% - 1.5rem, var(--container-tool))}.pd-header__inner.pd-header__inner{gap:var(--space-2)}.pd-brand__subtitle{display:none}.pd-header__actions.pd-header__actions{gap:var(--space-1)}.pd-footer__inner.pd-footer__inner{text-align:center;justify-content:center}}.pd-eco-line{margin:0 0 var(--space-2);color:var(--text-muted);text-align:center;flex:100%;font-size:.82rem}.pd-eco-line a{color:var(--text-main);font-weight:500;text-decoration:none}.pd-eco-line a:hover{color:var(--primary)}.pd-icon{vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.2em;height:1.2em;display:inline-block}.pd-card.pd-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:clip}.pd-card__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color)}.pd-card__body{padding:var(--space-6)}.pd-card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color)}.pd-btn.pd-btn,.pd-icon-btn.pd-icon-btn{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-control);min-height:40px;color:var(--text-main);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform .1s;font-size:.875rem;font-weight:500;display:inline-flex}.pd-btn.pd-btn{padding:0 1rem}.pd-icon-btn.pd-icon-btn{width:40px;padding:0}.pd-btn:hover,.pd-icon-btn:hover{background:var(--bg-control-hover);border-color:var(--border-control)}.pd-btn:active,.pd-icon-btn:active{transform:scale(.97)}.pd-btn[disabled],.pd-icon-btn[disabled]{cursor:not-allowed;opacity:.5;transform:none}.pd-btn--primary.pd-btn--primary{color:var(--on-primary);background:var(--primary);box-shadow:none;border-color:#0000}.pd-btn--primary.pd-btn--primary:hover{background:var(--primary-hover)}.pd-btn--secondary.pd-btn--secondary{background:var(--bg-control)}.pd-btn--ghost.pd-btn--ghost{box-shadow:none;color:var(--text-muted);background:0 0;border-color:#0000}.pd-btn--ghost.pd-btn--ghost:hover{background:var(--bg-card-subtle);color:var(--text-main)}.pd-btn--danger.pd-btn--danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent);background:var(--danger-light);box-shadow:none}.pd-btn--sm.pd-btn--sm{border-radius:var(--radius-sm);min-height:32px;padding:0 .75rem;font-size:.8rem}.pd-btn--lg.pd-btn--lg{border-radius:var(--radius-lg);min-height:48px;padding:0 1.4rem;font-size:.95rem}.pd-icon-btn--ghost.pd-icon-btn--ghost{box-shadow:none;color:var(--text-muted);background:0 0;border-color:#0000}.pd-icon-btn--ghost.pd-icon-btn--ghost:hover{background:var(--bg-card-subtle);color:var(--text-main)}.pd-field{gap:var(--space-2);display:grid}.pd-label{color:var(--text-main);font-size:.85rem;font-weight:500}.pd-input.pd-input,.pd-select.pd-select,.pd-textarea.pd-textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);width:100%;min-height:40px;color:var(--text-main);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.55rem .8rem;font-size:.9rem}.pd-textarea.pd-textarea{resize:vertical;min-height:7rem}.pd-input:hover,.pd-select:hover,.pd-textarea:hover{border-color:var(--border-control)}.pd-input:focus,.pd-select:focus,.pd-textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.pd-field__hint{color:var(--text-subtle);font-size:.78rem}.pd-field__error{color:var(--danger);font-size:.78rem}.pd-switch{appearance:none;border-radius:var(--radius-full);background:var(--border-control);cursor:pointer;width:36px;height:22px;transition:background-color .2s var(--ease-out);flex:none;margin:0;position:relative}.pd-switch:after{content:"";width:16px;height:16px;transition:transform .2s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.pd-switch:checked{background:var(--primary)}.pd-switch:checked:after{transform:translate(14px)}.pd-seg{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card-subtle);gap:2px;padding:3px;display:inline-flex}.pd-seg>button,.pd-seg>a{min-height:32px;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 .8rem;font-size:.82rem;font-weight:500;text-decoration:none;display:inline-flex}.pd-seg>:hover:not(.active):not([aria-pressed=true]){color:var(--text-main)}.pd-seg>.active,.pd-seg>[aria-pressed=true],.pd-seg>[aria-selected=true]{background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border-color)}html.dark .pd-seg>.active,html.dark .pd-seg>[aria-pressed=true],html.dark .pd-seg>[aria-selected=true]{background:var(--bg-control-hover)}.pd-seg--fill{display:flex}.pd-seg--fill>*{flex:1}.pd-tabs{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card-subtle);gap:2px;padding:3px;display:flex}.pd-tab{min-height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 .85rem;font-size:.85rem;font-weight:500}.pd-tab:hover{color:var(--text-main)}.pd-tab[aria-selected=true],.pd-tab.active{background:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border-color)}.pd-toolbar{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-md);align-items:center;gap:2px;padding:4px;display:inline-flex}.pd-toolbar__sep{background:var(--border-color);width:1px;height:20px;margin:0 4px}.pd-tool{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), transform .1s;background:0 0;border:0;place-items:center;display:grid;position:relative}.pd-tool:hover{background:var(--bg-card-subtle);color:var(--text-main)}.pd-tool:active{transform:scale(.94)}.pd-tool.active,.pd-tool[aria-pressed=true]{background:var(--primary-light);color:var(--primary)}.pd-tool[data-tip]:after{content:attr(data-tip);z-index:5;background:var(--text-main);color:var(--bg-body);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:500;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.pd-tool[data-tip]:hover:after,.pd-tool[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)}@media (hover:none){.pd-tool[data-tip]:after{display:none}}.pd-dropzone{align-items:center;gap:var(--space-4);border:1.5px dashed var(--border-control);border-radius:var(--radius-xl);background:var(--bg-card);cursor:pointer;transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out);padding:1.75rem;display:flex}.pd-dropzone:hover,.pd-dropzone.is-over,.pd-dropzone.over,.pd-dropzone.dragover{border-color:var(--primary);background:var(--primary-light)}.pd-dropzone__icon{border-radius:var(--radius-lg);background:var(--primary-light);width:48px;height:48px;color:var(--primary);flex:none;place-items:center;display:grid}.pd-tile{border-radius:var(--radius-lg);background:var(--bg-card-subtle);flex-direction:column;gap:2px;min-width:0;padding:14px 16px;display:flex}.pd-tile__label{color:var(--text-muted);font-size:.78rem;font-weight:500}.pd-tile__value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:600;line-height:1.15}.pd-tile__sub{color:var(--text-muted);font-size:.8rem}.pd-progress{border-radius:var(--radius-full);background:var(--border-color);height:4px;display:block;overflow:hidden}.pd-progress>span{border-radius:inherit;background:var(--primary);height:100%;transition:width .5s var(--ease-out);display:block}.pd-eyebrow{border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-text);align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.pd-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary);padding:.15rem .55rem;font-size:.74rem;font-weight:500;display:inline-flex}.pd-badge--accent{background:var(--accent-soft);color:var(--accent-text)}.pd-badge--success{background:var(--success-light);color:var(--success)}.pd-badge--warning{background:var(--warning-light);color:var(--warning)}.pd-badge--danger{background:var(--danger-light);color:var(--danger)}.pd-kbd{border:1px solid var(--border-color);background:var(--bg-card);min-width:20px;font-family:var(--font-mono);text-align:center;border-bottom-width:2px;border-radius:5px;padding:0 5px;font-size:.7rem;line-height:1.5;display:inline-block}.pd-empty-state{place-items:center;gap:var(--space-2);padding:var(--space-10);color:var(--text-muted);text-align:center;display:grid}.pd-toast{left:50%;bottom:var(--space-6);z-index:1000;align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);background:var(--text-main);max-width:min(28rem,100vw - 2rem);color:var(--bg-body);box-shadow:var(--shadow-floating);opacity:0;pointer-events:none;transition:transform var(--transition-smooth), opacity var(--transition-smooth);padding:10px 16px;font-size:.875rem;font-weight:500;display:flex;position:fixed;transform:translate(-50%,16px)}.pd-toast--visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.pd-toast__dot{background:var(--success);border-radius:50%;flex:none;width:8px;height:8px}.pd-toast--error .pd-toast__dot{background:var(--danger)}.pd-toast--warning .pd-toast__dot{background:var(--warning)}.pd-toast--info .pd-toast__dot{background:var(--primary)}.pd-modal{z-index:900;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f141c99;place-items:center;display:grid;position:fixed;inset:0}.pd-modal__dialog{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-card);width:min(36rem,100%);max-height:min(85vh,48rem);box-shadow:var(--shadow-floating);overflow:auto}@media (width<=600px){.pd-card__header,.pd-card__body,.pd-card__footer{padding-inline:var(--space-4)}.pd-toast{bottom:var(--space-3)}.pd-dropzone{text-align:center;flex-direction:column}}.pd-flex{display:flex}.pd-grid{display:grid}.pd-stack{gap:var(--space-4);display:grid}.pd-items-center{align-items:center}.pd-justify-between{justify-content:space-between}.pd-gap-2{gap:var(--space-2)}.pd-gap-4{gap:var(--space-4)}.pd-w-full{width:100%}body[data-pdui-profile=tool]{--pdui-content-width:var(--container-tool)}body[data-pdui-profile=tool] .pd-main{width:100%}body[data-pdui-profile=portal]{--pdui-content-width:var(--container-portal)}body[data-pdui-profile=portal] :where(h1,h2,h3){letter-spacing:-.025em}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.app{background:var(--bg-body);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.smartpdf-main{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;overflow:hidden;padding:0!important}.smartpdf-main>.main-content,.smartpdf-main>.stepper+.main-content{flex:auto;min-height:0}.btn-theme{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.btn-theme:hover{border-color:var(--primary);background-color:var(--bg-card-subtle);transform:translateY(-1px)}.server-status-pill.online{color:var(--success);border-color:color-mix(in srgb, var(--success) 30%, transparent);background:var(--success-light)}.server-status-pill.online .status-dot{background:var(--success);box-shadow:0 0 6px var(--success)}.server-status-pill.offline{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent);background:var(--danger-light)}.server-status-pill.offline .status-dot{background:var(--danger)}.server-status-pill.checking{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 30%, transparent);background:var(--warning-light)}.server-status-pill.checking .status-dot{background:var(--warning);animation:1.5s infinite pulse}.status-dot{border-radius:50%;width:8px;height:8px}.quota-pill{color:var(--primary);border-color:var(--primary-border);background:var(--primary-light)}.quota-pill.low{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 35%, transparent);background:var(--warning-light)}.quota-pill.empty{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:var(--danger-light)}.header-stat{background:var(--bg-card-subtle);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);align-items:center;gap:6px;padding:.35rem .75rem;font-size:.8rem;font-weight:500;display:flex}.stat-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.stepper{background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;padding:12px 24px;display:flex}.step-wrapper{align-items:center;display:flex}.step-item{color:var(--text-muted);transition:var(--transition-fast);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.step-item.active{color:var(--primary);font-weight:700}.step-item.completed{color:var(--success)}.step-num{background:var(--bg-card-subtle);border:2px solid var(--border-color);width:24px;height:24px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.step-item.active .step-num{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-glow)}.step-item.completed .step-num{background:var(--success);border-color:var(--success);color:#fff}.step-connector{background:var(--border-color);width:48px;height:2px;transition:var(--transition-fast);margin:0 12px}.step-connector.active{background:var(--success)}.main-content{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.upload-step-container{flex-direction:column;flex:auto;justify-content:center;align-items:center;width:100%;max-width:820px;margin:0 auto;padding:40px 24px;display:flex}.hero-banner{text-align:center;margin-bottom:24px}.hero-tag{background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--primary);margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.hero-banner h1{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;margin-bottom:8px;font-size:32px;font-weight:700}.hero-desc{color:var(--text-muted);max-width:600px;font-size:15px;line-height:1.5}.upload-card{background:var(--bg-card);border:2px dashed var(--border-color);border-radius:var(--radius-xl);text-align:center;cursor:pointer;width:100%;transition:var(--transition-base);box-shadow:var(--shadow-card);padding:48px 32px}.upload-card:hover,.upload-card.drag-over{border-color:var(--primary);background:var(--bg-card-subtle);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.upload-icon-wrapper{margin-bottom:16px;font-size:48px}.upload-card h3{color:var(--text-main);margin-bottom:8px;font-size:18px;font-weight:700}.upload-subtext{color:var(--text-muted);margin-bottom:20px;font-size:13px}.free-tier-pill-box{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.free-feature{color:var(--text-muted);background:var(--bg-card-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.free-feature .check{color:var(--success);font-weight:700}.quota-info-strip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;color:var(--text-muted);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-top:20px;padding:12px 20px;font-size:13px;display:flex}.quota-strip-content{align-items:center;gap:10px;display:flex}.quota-strip-icon{font-size:18px}.quota-alert-red{color:var(--danger);font-weight:600}.btn-link-upgrade{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.btn-link-upgrade:hover{text-decoration:underline}.select-step-container{flex-direction:column;flex:auto;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:24px;display:flex}.analysis-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.analysis-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}.analysis-card.digital{border-left:4px solid var(--success)}.analysis-card.scan-simple{border-left:4px solid var(--warning)}.analysis-card.scan-complex{border-left:4px solid var(--primary)}.a-badge{text-transform:uppercase;color:var(--text-subtle);margin-bottom:4px;font-size:12px;font-weight:700}.a-value{color:var(--text-main);margin-bottom:4px;font-size:24px;font-weight:700}.a-desc{color:var(--text-muted);font-size:12px}.notice-banner-free{background:var(--warning-light);border:1px solid color-mix(in srgb, var(--warning) 30%, transparent);border-radius:var(--radius-md);color:var(--warning);align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.select-toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar-label{color:var(--text-muted);font-size:13px;font-weight:600}.btn-chip{background:var(--bg-card-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;transition:var(--transition-fast);padding:6px 12px;font-size:12px;font-weight:600}.btn-chip:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.custom-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);outline:none;padding:8px 12px;font-size:13px;font-weight:600}.custom-select:focus{border-color:var(--primary)}.toggle-label-btn{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.selected-count-pill{background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-full);color:var(--primary);padding:6px 12px;font-size:12px;font-weight:700}.pages-grid-wrapper{flex:auto;overflow-y:auto}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.page-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.page-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light), var(--shadow-md)}.page-img-container{background:var(--bg-card-subtle);aspect-ratio:1/1.414;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.page-img-container img{object-fit:contain;width:100%;height:100%}.card-check{background:var(--primary);width:22px;height:22px;color:var(--on-primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0003}.card-footer{background:var(--bg-card);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.card-num{color:var(--text-main);font-size:13px;font-weight:700}.card-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.card-badge.digital{background:var(--success-light);color:var(--success)}.card-badge.scan_simple{background:var(--warning-light);color:var(--warning)}.card-badge.scan_complex{background:var(--primary-light);color:var(--primary)}.processing-step-container{flex-direction:column;flex:auto;gap:24px;width:100%;max-width:1000px;margin:0 auto;padding:32px 24px;display:flex}.progress-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:24px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.progress-title-block{align-items:center;gap:14px;display:flex}.progress-title-block h3{color:var(--text-main);font-size:18px;font-weight:700}.progress-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.metric-pill{background:var(--bg-card-subtle);border-radius:var(--radius-full);color:var(--text-muted);margin-left:6px;padding:6px 12px;font-size:12px;font-weight:600}.metric-pill.percent{background:var(--primary-light);color:var(--primary);font-weight:700}.progress-bar-track{background:var(--border-color);border-radius:4px;width:100%;height:8px;margin-bottom:16px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .3s}.progress-summary-chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.chip.digital{background:var(--success-light);color:var(--success)}.chip.tess{background:var(--warning-light);color:var(--warning)}.chip.vision{background:var(--primary-light);color:var(--primary)}.chip.conf{color:#7c3aed;background:#7c3aed1f}.processing-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.proc-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.proc-img-wrapper{aspect-ratio:1/1.414;background:var(--bg-card-subtle);position:relative}.proc-img-wrapper img{object-fit:contain;width:100%;height:100%}.proc-overlay{background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.proc-footer{background:var(--bg-card);border-top:1px solid var(--border-color);justify-content:space-between;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.results-step-container{flex-direction:column;flex:auto;gap:14px;height:100%;padding:16px 24px 20px;display:flex;overflow:hidden}.results-toolbar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;display:flex}.results-nav-group{align-items:center;gap:8px;display:flex}.page-indicator{color:var(--text-main);font-size:13px;font-weight:600}.btn-icon{background:var(--bg-card-subtle);border:1px solid var(--border-color);cursor:pointer;width:32px;height:32px;color:var(--text-main);transition:var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex}.btn-icon:hover:not(:disabled){background:var(--bg-card);border-color:var(--primary)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.divider-v{background:var(--border-color);width:1px;height:24px;margin:0 4px}.page-meta-tags{gap:8px;display:flex}.tag-method{background:var(--bg-card-subtle);color:var(--text-muted);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.tag-confidence{background:var(--success-light);color:var(--success);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700}.tag-time{color:var(--text-subtle);align-self:center;font-size:12px}.result-search-box{align-items:center;display:flex;position:relative}.result-search-box input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);width:180px;padding:6px 28px 6px 12px;font-size:12px}.result-search-box input:focus{border-color:var(--primary);outline:none}.result-search-box button{cursor:pointer;color:var(--text-subtle);background:0 0;border:none;position:absolute;right:8px}.toolbar-spacer{flex:1}.results-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-export{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;transition:var(--transition-fast);padding:6px 12px;font-size:12px;font-weight:600}.btn-export:hover{background:var(--bg-card-subtle);border-color:var(--primary);color:var(--primary)}.results-body{flex:auto;gap:14px;min-height:0;display:flex}.results-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:180px;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar-header{color:var(--text-subtle);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:12px 14px;font-size:12px;font-weight:700}.sidebar-list{flex-direction:column;flex:1;gap:4px;padding:6px;display:flex;overflow-y:auto}.result-sidebar-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.result-sidebar-item:hover{background:var(--bg-card-subtle);color:var(--text-main)}.result-sidebar-item.active{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.sidebar-chip{background:var(--border-color);border-radius:4px;padding:2px 4px;font-size:10px}.results-viewer-grid{flex:auto;grid-template-columns:1fr 1fr;gap:14px;min-height:0;display:grid}.viewer-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-header{background:var(--bg-card-subtle);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.panel-header h4{color:var(--text-main);font-size:13px;font-weight:700}.view-mode-tabs{gap:4px;display:flex}.tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:4px 10px;font-size:12px;font-weight:600}.tab-btn:hover{background:var(--bg-card);color:var(--text-main)}.tab-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.panel-content{flex:auto;min-height:0;padding:20px;overflow-y:auto}.preview-doc-image{max-width:100%;box-shadow:var(--shadow-sm);cursor:zoom-in;border-radius:4px}.markdown-render-view{color:var(--text-main);font-size:14px;line-height:1.7}.markdown-render-view h1,.markdown-render-view h2,.markdown-render-view h3{color:var(--text-main);margin:16px 0 8px}.markdown-render-view p{margin-bottom:12px}.markdown-render-view table{border-collapse:collapse;width:100%;margin:16px 0;font-size:13px}.markdown-render-view th,.markdown-render-view td{border:1px solid var(--border-color);padding:8px 12px}.markdown-render-view th{background:var(--bg-card-subtle);font-weight:700}.plain-text-view,.raw-markdown-view,.json-view{font-family:var(--font-mono);color:var(--text-main);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.6}.results-bottom-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.btn.primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-glow)}.btn.primary:hover:not(:disabled){opacity:.95;box-shadow:var(--shadow-card);transform:translateY(-1px)}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--bg-card-subtle);color:var(--text-main);border-color:var(--border-color)}.btn.secondary:hover{background:var(--bg-card);border-color:var(--primary)}.btn.ghost{color:var(--text-muted);background:0 0}.btn.ghost:hover{background:var(--bg-card-subtle);color:var(--text-main)}.btn.small{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px}.dashboard-container{width:100%;max-width:1000px;margin:0 auto;padding:32px 24px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.dashboard-header h2{color:var(--text-main);font-size:24px;font-weight:700}.dashboard-sub{color:var(--text-muted);margin-top:4px;font-size:14px}.dashboard-actions{gap:10px;display:flex}.dashboard-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.dashboard-table{border-collapse:collapse;width:100%;font-size:13px}.dashboard-table th{background:var(--bg-card-subtle);text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:12px 16px;font-weight:700}.dashboard-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:14px 16px}.dashboard-table tr:hover td{background:var(--bg-card-subtle)}.state-empty{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-icon{margin-bottom:12px;font-size:40px}.modal-backdrop,.lightbox-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#020617b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border-radius:var(--radius-xl);width:90%;max-width:520px;box-shadow:var(--shadow-floating);border:1px solid var(--border-color);overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h3{color:var(--text-main);font-size:16px;font-weight:700}.modal-close{cursor:pointer;color:var(--text-subtle);background:0 0;border:none;font-size:20px}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-main);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);width:100%;color:var(--text-main);outline:none;padding:10px 14px;font-size:13px}.form-group input:focus{border-color:var(--primary)}.form-hint{color:var(--text-subtle);margin-top:4px;font-size:11px;display:block}.server-test-box{background:var(--bg-card-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:20px;padding:14px}.test-row{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.status-text.online{color:var(--success);font-weight:700}.status-text.offline{color:var(--danger);font-weight:700}.modal-footer-actions{justify-content:flex-end;gap:10px;display:flex}.toast-notification-banner{background:var(--text-main);color:var(--bg-card);border-radius:var(--radius-full);box-shadow:var(--shadow-floating);z-index:999;align-items:center;gap:12px;padding:10px 20px;font-size:13px;font-weight:600;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%)}.toast-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:16px}.lightbox-close-btn{color:#fff;cursor:pointer;font-size:32px;position:absolute;top:20px;right:24px}.lightbox-content-box{border-radius:var(--radius-md);max-width:90vw;max-height:90vh;overflow:auto}.lightbox-img{object-fit:contain;max-width:100%;max-height:85vh}.spinner{border:2px solid var(--primary-border);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;width:28px;height:28px}.spinner-xl{border-width:4px;width:42px;height:42px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@media (width<=768px){.hide-mobile{display:none!important}.analysis-grid,.results-viewer-grid{grid-template-columns:1fr}.results-body{flex-direction:column}.results-sidebar{width:100%;max-height:120px}}