@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-vietnamese-400-normal-D2wP-Vm-.woff2)format("woff2"),url(/assets/noto-sans-vietnamese-400-normal-C3Al4sv4.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-vietnamese-500-normal-B_DgfjT4.woff2)format("woff2"),url(/assets/noto-sans-vietnamese-500-normal-BBHKifio.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-vietnamese-600-normal-mhyQDSzg.woff2)format("woff2"),url(/assets/noto-sans-vietnamese-600-normal-D0HZFEqa.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-vietnamese-700-normal-DayJ0F-f.woff2)format("woff2"),url(/assets/noto-sans-vietnamese-700-normal-1GL2JyGE.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/noto-sans-vietnamese-800-normal-DLOy_OR1.woff2)format("woff2"),url(/assets/noto-sans-vietnamese-800-normal-DB_3lCaD.woff)format("woff")}@font-face{font-family:Noto Sans;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/noto-sans-vietnamese-900-normal-B6Z2ZhRd.woff2)format("woff2"),url(/assets/noto-sans-vietnamese-900-normal-C6Ius-Of.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Noto Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}:root{--bg-app:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--bg-sidebar:#fff;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#ef4444;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--accent-red:#ef4444;--accent-red-hover:#dc2626;--accent-blue:#2563eb;--accent-green:#16a34a;--font-sans:"Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--shadow-subtle:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-sm:0 2px 5px #0f172a14;--shadow-md:0 8px 20px #0f172a24;--shadow-card:0 2px 6px #0000000a, 0 4px 12px #00000008;--shadow-card-hover:0 8px 20px #00000012, 0 2px 6px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.felix-app-shell{width:100%;min-height:100vh;display:flex}.felix-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:50;flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:1.25rem .85rem;display:flex;position:sticky;top:0;overflow:visible}.sidebar-brand{border-bottom:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;width:100%;font:inherit;background:0 0;border:none;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.4rem .6rem 1.25rem;display:flex}.felix-logo-box{border-radius:var(--radius-md);background:var(--accent-red);color:#fff;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;font-weight:900;display:flex;box-shadow:0 2px 8px #ef44444d}.felix-letter{line-height:1}.brand-text-block{flex-direction:column;display:flex}.brand-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1.15rem;font-weight:800}.brand-tagline{color:var(--text-muted);font-size:.72rem}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.overview-item{margin-bottom:.75rem;font-weight:600;background:#f1f5f9!important}.overview-item.active{color:var(--text-primary)!important;background:#e2e8f0!important}.nav-tree-section{flex-direction:column;margin-bottom:.75rem;display:flex}.nav-group-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:.4rem .6rem;font-size:.68rem;font-weight:700}.nav-group-items{flex-direction:column;gap:.15rem;display:flex}.sidebar-flyout-group{z-index:70;position:relative}.sidebar-flyout-group.is-open{z-index:90}.sidebar-flyout-trigger{position:relative}.sidebar-group-icon{color:#4f46e5;background:#eef2ff}.sidebar-flyout-chevron{color:var(--text-muted);transition:transform .18s}.sidebar-flyout-chevron.is-open{transform:rotate(90deg)}.sidebar-flyout-menu{color:#fff;background:#071d52;border:1px solid #94a3b83d;border-radius:8px;width:max-content;min-width:250px;max-width:310px;padding:.65rem;animation:.16s ease-out sidebarFlyoutIn;position:absolute;top:-.5rem;left:calc(100% + .7rem);box-shadow:0 18px 45px #071d5247}.sidebar-flyout-menu:before{content:"";width:.75rem;height:100%;position:absolute;top:0;right:100%}.sidebar-flyout-title{border-bottom:1px solid #ffffff24;align-items:center;gap:.65rem;min-height:42px;margin-bottom:.25rem;padding:.45rem .55rem .7rem;font-size:.92rem;font-weight:700;display:flex}.sidebar-flyout-title-icon{color:#fff;background:#ef4444;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.sidebar-flyout-item{color:#fff;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.7rem;padding:.38rem .45rem;font-size:.88rem;font-weight:600;transition:background-color .15s;display:flex}.sidebar-flyout-item:hover:not(:disabled),.sidebar-flyout-item:focus-visible,.sidebar-flyout-item.active{background:#ffffff1f}.sidebar-flyout-item:focus-visible{outline-offset:-2px;outline:2px solid #c4b5fd}.sidebar-flyout-item:disabled{opacity:.62;cursor:not-allowed}.sidebar-flyout-item-icon{color:#fff;border-radius:6px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.sidebar-flyout-item-label{white-space:nowrap;flex:1}.sidebar-flyout-item-badge{color:#dbeafe;white-space:nowrap;background:#ffffff24;border-radius:999px;padding:.12rem .35rem;font-size:.58rem;font-weight:700}.conversion-icon-text{font-size:1.12rem;font-weight:900;line-height:1}.conversion-icon-text.compact{font-size:.55rem}@keyframes sidebarFlyoutIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.65rem;width:100%;padding:.55rem .65rem;font-size:.88rem;font-weight:500;transition:all .15s;display:flex}.sidebar-nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-nav-item.active{color:var(--text-primary);box-shadow:inset 3px 0 0 var(--accent-red);background:#f8fafc;font-weight:600}.nav-item-icon-box{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.active-arrow{color:var(--text-muted)}.sidebar-bottom-info{border-top:1px solid var(--border-subtle);color:var(--text-light);text-align:center;padding:.75rem .5rem 0;font-size:.72rem}.felix-main-area{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.felix-topbar{z-index:40;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.9rem 2.5rem;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:.85rem;display:flex}.topbar-back-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#f1f5f9;align-items:center;gap:.45rem;padding:.4rem .75rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.topbar-back-btn:hover{color:var(--text-primary);background:#e2e8f0}.topbar-divider{background:var(--border-subtle);width:1px;height:20px}.topbar-tool-badge{border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 6px #0000001a}.topbar-title{color:var(--text-primary);font-size:1.15rem;font-weight:700}.felix-content-scroll{flex:1;padding:2.25rem 2.5rem}.content-container{max-width:1120px;margin:0 auto}.tool-loading-fallback{min-height:240px;color:var(--text-secondary);place-items:center;font-weight:600;display:grid}.dropzone-validation-message{color:#b91c1c;margin-top:.75rem;font-size:.82rem;font-weight:600}.dropzone-container:focus-visible{outline-offset:3px;outline:3px solid #ef444447}.felix-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);text-align:center;background:var(--bg-surface);padding:1.25rem 2.5rem;font-size:.8rem}.overview-page{flex-direction:column;gap:2.5rem;display:flex}.overview-header-row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding-bottom:1.25rem;display:flex}.overview-main-title{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:.25rem;font-size:1.85rem;font-weight:800}.overview-main-desc{color:var(--text-secondary);font-size:.95rem}.overview-search-box{width:320px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.overview-search-box input{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:.65rem .85rem .65rem 2.45rem;font-size:.9rem;transition:all .15s}.overview-search-box input:focus{border-color:var(--accent-red);box-shadow:0 0 0 3px #ef44441f}.clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.15rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.tool-category-section{flex-direction:column;gap:1rem;display:flex}.section-title-row{align-items:center;gap:.65rem;display:flex}.section-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}.section-counter{color:var(--text-secondary);background:#e2e8f0;border-radius:9999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.smallpdf-cards-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem;display:grid}.smallpdf-square-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;min-height:200px;box-shadow:var(--shadow-card);width:100%;color:inherit;font:inherit;text-align:left;flex-direction:column;justify-content:space-between;padding:1.35rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.smallpdf-square-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-strong);transform:translateY(-3px)}.card-icon-box{border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tool-svg-icon{color:#fff}.card-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);background:#f8fafc;border:1px solid;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.card-content{flex-direction:column;flex:1;gap:.35rem;display:flex}.card-title{color:var(--text-primary);font-size:1.05rem;font-weight:700}.card-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.card-footer-action{opacity:.9;align-items:center;gap:.35rem;margin-top:1rem;font-size:.8rem;font-weight:600;display:flex}.empty-search-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.back-link-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;width:fit-content;margin-bottom:.75rem;padding:.2rem 0;font-size:.88rem;font-weight:500;display:inline-flex}.back-link-btn:hover{color:var(--text-primary)}.single-tool-header{align-items:center;gap:1.25rem;margin-bottom:1.75rem;display:flex}.single-tool-icon{border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.single-tool-header h2{color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.single-tool-header p{color:var(--text-secondary);font-size:.92rem}.single-tool-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-subtle);padding:2rem}.tool-ready-box{flex-direction:column;gap:1.25rem;display:flex}.ready-file-badge{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);background:#f1f5f9;align-items:center;gap:.65rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;display:flex}.pill-count{color:var(--text-secondary);background:#e2e8f0;border-radius:9999px;padding:.2rem .5rem;font-size:.75rem}.text-snippet-preview{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#f8fafc;padding:1rem}.text-snippet-preview strong{text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:.8rem;display:block}.text-snippet-preview pre{color:var(--text-secondary);white-space:pre-wrap;max-height:140px;font-family:monospace;font-size:.85rem;overflow-y:auto}.tool-options-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#f8fafc;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.option-row{flex-direction:column;gap:.5rem;display:flex}.option-row label{color:var(--text-primary);font-size:.85rem;font-weight:600}.radio-group{flex-wrap:wrap;gap:1.5rem;display:flex}.radio-group label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.45rem;font-size:.88rem;font-weight:400;display:flex}.tool-bottom-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.tool-note{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.conversion-success-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:1.25rem;padding:3rem 2rem;animation:.25s ease-out fadeIn;display:flex}.success-icon-badge{color:#10b981;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.conversion-success-card h3{color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.success-subtext{color:var(--text-secondary);margin-top:-.5rem;font-size:.95rem}.result-file-box{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#f8fafc;align-items:center;gap:1rem;min-width:320px;max-width:500px;margin:.5rem 0;padding:1rem 1.5rem;display:flex}.file-icon-square{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.result-file-info{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.result-filename{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.result-filesize{color:var(--text-muted);font-size:.8rem}.success-action-buttons{flex-direction:column;gap:.75rem;width:100%;max-width:360px;display:flex}.btn-large{padding:.85rem 1.5rem;font-size:1rem;font-weight:700}.dropzone-container{border-radius:var(--radius-lg);text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3.5rem 2rem;transition:all .2s;display:flex}.dropzone-container:hover{border-color:var(--accent-red);background:#fff;box-shadow:0 4px 14px #ef444414}.dropzone-container.drag-active{border-color:var(--accent-red);background:#fff5f5}.dropzone-icon-box{width:64px;height:64px;color:var(--accent-red);background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;display:flex}.dropzone-title{color:var(--text-primary);font-size:1.35rem;font-weight:700}.dropzone-subtitle{color:var(--text-muted);font-size:.92rem}.dropzone-action-btn{background:var(--accent-red);color:#fff;border-radius:9999px;margin-top:.5rem;padding:.7rem 2rem;font-size:.95rem;font-weight:600;transition:background .15s;box-shadow:0 2px 8px #ef44444d}.dropzone-action-btn:hover{background:var(--accent-red-hover)}.btn-primary{background:var(--accent-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-size:.92rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #ef444440}.btn-primary:hover:not(:disabled){background:var(--accent-red-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-strong);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-size:.88rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){color:var(--text-primary);background:#f1f5f9}.btn-secondary.btn-sm{padding:.4rem .75rem;font-size:.82rem}.btn-secondary.danger:hover{color:var(--accent-red);background:#fee2e2;border-color:#fca5a5}.btn-secondary.active-tool{border-color:var(--accent-red);color:var(--accent-red);background:#f1f5f9;font-weight:600}.status-alert{border-radius:var(--radius-md);align-items:center;gap:.65rem;margin-bottom:1rem;padding:.85rem 1.15rem;font-size:.9rem;font-weight:500;display:flex}.status-alert.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.status-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.merge-manager-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.manager-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:.85rem;display:flex}.header-summary{align-items:center;gap:.65rem;display:flex}.header-summary h3{font-size:1.1rem;font-weight:700}.summary-pill{color:var(--text-secondary);background:#f1f5f9;border-radius:9999px;padding:.2rem .6rem;font-size:.78rem}.file-sortable-list{flex-direction:column;gap:.5rem;display:flex}.file-list-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#f8fafc;align-items:center;gap:.85rem;padding:.75rem 1rem;transition:all .15s;display:flex}.file-list-row:hover{background:#f1f5f9}.file-index-badge{width:24px;height:24px;color:var(--accent-red);background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.file-type-icon{color:var(--accent-red)}.file-details{flex:1;min-width:0}.file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.file-meta{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.file-row-actions{align-items:center;gap:.35rem;display:flex}.icon-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;display:flex}.icon-action-btn:hover:not(:disabled){color:var(--text-primary);background:#f1f5f9}.icon-action-btn:disabled{opacity:.35;cursor:not-allowed}.icon-action-btn.danger:hover{color:var(--accent-red);background:#fee2e2;border-color:#fca5a5}.manager-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.organizer-container{flex-direction:column;gap:1.25rem;display:flex}.organizer-toolbar{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.toolbar-group{align-items:center;gap:.6rem;display:flex}.file-pill{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;background:#f1f5f9;border-radius:9999px;max-width:240px;padding:.25rem .65rem;font-size:.88rem;font-weight:600;overflow:hidden}.count-pill{color:var(--text-secondary);background:#e2e8f0;border-radius:9999px;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tool-settings-drawer{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:1.25rem}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.drawer-header h4{font-size:.95rem;font-weight:700}.drawer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.field-group{flex-direction:column;gap:.35rem;display:flex}.field-group label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.field-group input[type=text],.field-group select,.field-group textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);background:#fff;outline:none;padding:.5rem .7rem;font-family:inherit;font-size:.88rem}.field-group input[type=text]:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--accent-red)}.page-thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;display:grid}.page-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);content-visibility:auto;contain-intrinsic-block-size:310px;flex-direction:column;transition:all .15s;display:flex;overflow:hidden}.page-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card-hover)}.page-header-bar{border-bottom:1px solid var(--border-subtle);background:#f8fafc;justify-content:space-between;align-items:center;padding:.45rem .65rem;display:flex}.page-num-pill{color:var(--text-secondary);font-size:.78rem;font-weight:600}.rotation-pill{color:#4338ca;background:#e0e7ff;border-radius:4px;padding:.1rem .35rem;font-size:.7rem;font-weight:600}.page-preview-wrapper{background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:220px;padding:.75rem;display:flex;position:relative;overflow:hidden}.page-preview-wrapper img{object-fit:contain;background:#fff;max-width:100%;max-height:100%;box-shadow:0 2px 6px #00000026}.pdf-thumbnail-placeholder{width:100%;height:100%;min-height:120px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.pdf-thumbnail-placeholder.error{color:var(--accent-red);padding:.75rem}.watermark-overlay{transform-origin:50%;color:#64748b;letter-spacing:.1em;pointer-events:none;white-space:nowrap;font-size:1.25rem;font-weight:800;position:absolute;top:50%;left:50%}.page-action-controls{border-top:1px solid var(--border-subtle);background:#f8fafc;justify-content:space-around;align-items:center;padding:.4rem;display:flex}.card-tool-btn{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.card-tool-btn:hover:not(:disabled){color:var(--text-primary);background:#e2e8f0}.card-tool-btn:disabled{opacity:.25;cursor:not-allowed}.card-tool-btn.danger:hover{color:var(--accent-red);background:#fee2e2}.paper-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;gap:2rem 1.75rem;padding:1rem .25rem;display:grid}.paper-page-item{flex-direction:column;align-items:center;gap:.65rem;display:flex;position:relative}.paper-sheet{aspect-ratio:1/1.414;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #00000014;border-radius:3px;justify-content:center;align-items:center;width:100%;max-height:310px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000014,0 1px 3px #0000000a}.paper-sheet:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0000001f,0 3px 8px #0000000f}.paper-sheet-render{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.paper-sheet-render img{object-fit:contain;max-width:100%;max-height:100%;display:block}.paper-hover-actions{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0f172a61;justify-content:center;align-items:center;gap:.65rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.paper-sheet:hover .paper-hover-actions{opacity:1;pointer-events:auto}.sheet-action-btn{color:#1e293b;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,background .15s,color .15s;display:flex;box-shadow:0 4px 12px #0003}.sheet-action-btn:hover{background:var(--brand-primary,#2563eb);color:#fff;transform:scale(1.12)}.sheet-action-btn.danger:hover{color:#fff;background:#ef4444}.paper-meta-row{justify-content:space-between;align-items:center;width:100%;padding:0 .15rem;display:flex}.paper-page-num{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.paper-reorder-btns{align-items:center;gap:.25rem;display:flex}.paper-mini-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:all .12s;display:flex}.paper-mini-btn:hover:not(:disabled){color:var(--text-primary);background:#e2e8f0;border-color:#cbd5e1}.paper-mini-btn:disabled{opacity:.2;cursor:not-allowed}.organizer-sticky-footer{z-index:50;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#fff;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;padding:.75rem 1.5rem;display:flex;position:sticky;bottom:1.5rem;box-shadow:0 8px 24px #00000014}.images-thumb-row{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#f8fafc;flex-wrap:wrap;gap:.5rem;max-height:180px;padding:.5rem;display:flex;overflow-y:auto}.image-thumb-pill{border:1px solid var(--border-subtle);background:#fff;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .55rem;font-size:.8rem;display:flex}.img-index{color:var(--accent-red);font-weight:700}.img-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.btn-delete-img{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem;line-height:1}.btn-delete-img:hover{color:var(--accent-red)}.ready-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.fit-select-box{align-items:center;gap:.65rem;display:flex}.fit-select-box select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;padding:.35rem .6rem;font-size:.85rem}.text-editor-box{flex-direction:column;gap:1rem;display:flex}.csv-preview-box{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);background:#f8fafc;max-height:180px;padding:.85rem;font-family:monospace;font-size:.85rem;overflow-y:auto}.spinner{color:var(--accent-red);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.progress-bar-container{background:#e2e8f0;border-radius:9999px;width:100%;max-width:320px;height:6px;margin-top:.5rem;overflow:hidden}.progress-fill{background:var(--accent-red);height:100%;transition:width .2s}.progress-label{color:var(--text-muted);font-size:.78rem;display:block}@media (width<=860px){.felix-app-shell{flex-direction:column}.felix-sidebar{width:100%;height:auto;padding:.85rem;position:relative}.sidebar-nav{max-height:55vh;overflow-y:auto}.sidebar-flyout-menu{width:100%;max-width:none;margin-top:.35rem;animation-name:sidebarFlyoutDown;position:static}.sidebar-flyout-menu:before{display:none}.felix-main-area{height:auto}.felix-content-scroll{padding:1.5rem 1rem}}@keyframes sidebarFlyoutDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.processing-hero-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;padding:3.5rem 2rem;animation:.25s ease-out fadeIn;display:flex}.processing-pulse-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex;position:relative}.pulse-ring-outer{border:3px solid #fee2e2;border-top-color:var(--accent-red);border-radius:50%;width:100%;height:100%;animation:1.2s linear infinite spin;position:absolute}.pulse-icon-inner{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 4px 14px #ef44444d}.spinner-large{animation:1s linear infinite spin}.processing-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.5rem;font-weight:800}.processing-step-desc{color:var(--text-secondary);min-height:24px;margin-bottom:1.5rem;font-size:.95rem;font-weight:500}.processing-progress-wrap{align-items:center;gap:1rem;width:100%;max-width:420px;margin-bottom:1.25rem;display:flex}.processing-progress-bar{background:#e2e8f0;border-radius:9999px;flex:1;height:10px;overflow:hidden}.processing-progress-fill{border-radius:9999px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.processing-percent-label{color:var(--text-primary);text-align:right;min-width:40px;font-size:.9rem;font-weight:700}.processing-hint{color:var(--text-muted);max-width:460px;font-size:.82rem;line-height:1.45}.cancel-processing-btn{margin-top:1.25rem}.compression-levels-container{margin:1.5rem 0}.options-title{color:var(--text-primary);margin-bottom:1rem;font-size:.95rem;font-weight:700}.compress-cards-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=900px){.compress-cards-grid{grid-template-columns:1fr}}.compress-option-card{border-radius:var(--radius-md);cursor:pointer;background:#fff;border:2px solid #e2e8f0;flex-direction:column;padding:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.compress-option-card:hover{box-shadow:var(--shadow-sm);border-color:#cbd5e1;transform:translateY(-2px)}.compress-option-card.active{background:#f0f9ff;border-color:#0284c7;box-shadow:0 0 0 1px #0284c7}.compress-option-card.recommended{border-color:#38bdf8}.compress-option-card.recommended.active{background:#f0f9ff;border-color:#0284c7}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.card-icon-bubble{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.card-badge{text-transform:uppercase;border-radius:9999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.card-badge.low{color:#059669;background:#ecfdf5}.card-badge.recommended-badge{color:#0284c7;background:#e0f2fe}.card-badge.high{color:#d97706;background:#fef3c7}.compress-option-card h4{color:var(--text-primary);margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.compress-option-card .card-desc{color:var(--text-secondary);flex:1;margin-bottom:1rem;font-size:.83rem;line-height:1.45}.card-radio-mark{color:var(--text-primary);border-top:1px solid #e2e8f0;align-items:center;gap:.5rem;padding-top:.75rem;font-size:.85rem;font-weight:600;display:flex}.compress-metrics-banner{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;justify-content:center;align-items:center;gap:2rem;width:100%;max-width:480px;margin-bottom:1.5rem;padding:1.25rem 2rem;display:flex}.metric-col{flex-direction:column;gap:.25rem;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:600}.metric-val{font-size:1.35rem;font-weight:800}.metric-val.original{color:#64748b;text-decoration:line-through}.metric-val.compressed{color:#0284c7}.metric-arrow{color:#10b981;flex-direction:column;align-items:center;gap:.35rem;display:flex}.saving-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.tool-mode-tabs{border-bottom:1px solid #e2e8f0;gap:.5rem;margin:1.25rem 0;padding-bottom:.75rem;display:flex}.mode-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#f1f5f9;border:1px solid #0000;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.mode-tab-btn:hover{color:var(--text-primary);background:#e2e8f0}.mode-tab-btn.active{color:#ea580c;background:#fff7ed;border-color:#fdba74}.split-range-workspace{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.range-input-bar{border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.range-input-bar label{color:var(--text-primary);font-size:.88rem;font-weight:600}.text-input-field{border-radius:var(--radius-sm);border:1px solid #cbd5e1;outline:none;min-width:140px;padding:.45rem .75rem;font-size:.88rem}.text-input-field:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731626}.quick-select-pills{gap:.4rem;margin-left:auto;display:flex}.pill-action-btn{color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.pill-action-btn:hover{color:var(--text-primary);background:#f1f5f9;border-color:#94a3b8}.pill-action-btn.danger{color:#ef4444}.pill-action-btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.selection-status-badge{color:var(--text-secondary);font-size:.85rem}.split-thumb-grid{border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #e2e8f0;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;max-height:380px;padding:.5rem;display:grid;overflow-y:auto}.split-page-card{cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;content-visibility:auto;contain-intrinsic-block-size:260px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;flex-direction:column;padding:.5rem;transition:all .15s;display:flex}.split-page-card:hover{box-shadow:var(--shadow-sm);border-color:#f97316}.split-page-card.selected{background:#fffaf5;border-color:#f97316}.split-card-top{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.split-page-index{color:var(--text-secondary);font-size:.75rem;font-weight:700}.split-thumb-img-wrap{aspect-ratio:1/1.4;background:#f1f5f9;border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.split-thumb-img-wrap img{object-fit:contain;width:100%;height:100%}.split-all-info-card{text-align:center;border-radius:var(--radius-md);background:#fff7ed;border:1px dashed #fdba74;flex-direction:column;align-items:center;gap:.75rem;margin:1.5rem 0;padding:2.5rem 1.5rem;display:flex}.split-all-info-card h4{color:#9a3412;font-size:1.15rem;font-weight:700}.split-all-info-card p{color:#7c2d12;max-width:480px;font-size:.9rem;line-height:1.5}.pdf-editor-layout{flex-direction:column;gap:1rem;display:flex}.editor-top-toolbar{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.editor-mode-buttons{gap:.35rem;display:flex}.editor-tool-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.editor-tool-btn:hover{color:var(--text-primary);background:#f1f5f9}.editor-tool-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.editor-suboptions{align-items:center;gap:.75rem;display:flex}.suboption-group{align-items:center;gap:.5rem;display:flex}.text-compact{width:160px;padding:.35rem .5rem}.color-palette-bar{align-items:center;gap:.4rem;display:flex}.color-dot-btn{cursor:pointer;border:2px solid #fff;border-radius:9999px;width:22px;height:22px;transition:transform .15s;box-shadow:0 0 0 1px #cbd5e1}.color-dot-btn:hover{transform:scale(1.15)}.color-dot-btn.selected{transform:scale(1.15);box-shadow:0 0 0 2px #7c3aed}.editor-select{border-radius:var(--radius-sm);background:#fff;border:1px solid #cbd5e1;padding:.35rem .5rem;font-size:.82rem}.editor-history-actions{gap:.4rem;margin-left:.5rem;display:flex}.editor-page-bar{border-radius:var(--radius-sm);background:#f8fafc;border:1px solid #e2e8f0;justify-content:center;align-items:center;gap:1.5rem;padding:.5rem 1rem;display:flex}.page-nav-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#fff;border:1px solid #cbd5e1;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.page-nav-btn:not(:disabled):hover{color:var(--text-primary);background:#f1f5f9}.current-page-label{color:var(--text-primary);font-size:.88rem}.editor-canvas-stage{border-radius:var(--radius-md);background:#cbd5e1;justify-content:center;align-items:center;max-height:650px;padding:1.5rem;display:flex;overflow:auto}.canvas-wrapper-box{box-shadow:var(--shadow-md);background:#fff;border-radius:4px;line-height:0;position:relative}.pdf-background-canvas{max-width:100%;display:block}.pdf-drawing-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.pdf-drawing-overlay.mode-pen{cursor:crosshair}.pdf-drawing-overlay.mode-text{cursor:text}.pdf-drawing-overlay.mode-whiteout,.pdf-drawing-overlay.mode-highlight,.pdf-drawing-overlay.mode-rect{cursor:crosshair}.pdf-drawing-overlay.mode-select{cursor:default}.editor-tool-btn.highlight-gold{color:#7e22ce;background:#fdf4ff;border-color:#d8b4fe}.editor-tool-btn.highlight-gold:hover{background:#fae8ff;border-color:#c084fc}.editor-tool-btn.highlight-gold.active{color:#fff;background:#7e22ce;border-color:#7e22ce}.gold-sparkle-icon{color:#eab308}.editor-tool-btn.highlight-gold.active .gold-sparkle-icon{color:#fde047}.pro-sparkle-tag{color:#854d0e;letter-spacing:.02em;background:#fef08a;border-radius:9999px;padding:.1rem .35rem;font-size:.68rem;font-weight:700}.editor-tool-btn.highlight-gold.active .pro-sparkle-tag{color:#854d0e;background:#fef08a}.edit-text-hint-bar{align-items:center;gap:.75rem;display:flex}.editor-hint-badge{color:#475569;border-radius:var(--radius-sm);background:#f1f5f9;border:1px solid #e2e8f0;padding:.3rem .65rem;font-size:.8rem}.editor-modified-count{color:#15803d;border-radius:var(--radius-sm);background:#f0fdf4;border:1px solid #bbf7d0;padding:.3rem .65rem;font-size:.8rem}.pdf-text-interactive-layer{pointer-events:auto;z-index:10;position:absolute;top:0;left:0}.interactive-text-box{cursor:pointer;box-sizing:border-box;background:0 0;border-radius:2px;transition:all .12s;position:absolute}.interactive-text-box:hover{background:#2563eb14;outline:1.5px dashed #2563eb}.interactive-text-box.modified{background:#16a34a0f;outline:1.5px solid #16a34a}.interactive-text-box .text-modified-indicator{background:#16a34a;border-radius:9999px;width:7px;height:7px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 1px #fff}.interactive-text-input{color:#0f172a;z-index:50;box-sizing:border-box;background:#fff;border:1.5px solid #2563eb;border-radius:3px;outline:none;padding:0 5px;font-family:inherit;font-weight:500;position:absolute;box-shadow:0 4px 12px #2563eb33}