:root{--bg-dark:#050510;--card:#ffffff05;--input-bg:#ffffff08;--text-main:#fff;--text-dim:#88a;--text-muted:#666;--border:#ffffff0f;--cyan:#22d3ee;--purple:#a855f7;--accent:var(--calc-color-tools);--font-mono:"JetBrains Mono", "Courier New", monospace}body{background:var(--calc-bg-page);color:var(--calc-text-primary);min-height:100vh}.dashboard-container{max-width:1600px;margin:0 auto;padding:80px 1.5rem 2rem}.breadcrumb{color:var(--calc-text-dim);margin-bottom:1.25rem;font-size:.78rem}.breadcrumb a{color:var(--calc-text-dim);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--calc-cyan)}.breadcrumb .sep{opacity:.4;margin:0 6px}.tool-hero{margin-bottom:1.5rem}.tool-hero__title{color:var(--calc-text-primary);margin:0 0 8px;font-size:2rem;font-weight:800;line-height:1.2}.tool-hero__accent{background:linear-gradient(135deg, var(--calc-cyan), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tool-hero__subtitle{color:var(--calc-text-dim);max-width:640px;margin:0;font-size:1rem;line-height:1.6}@keyframes dropZonePulse{0%{box-shadow:none;border-color:#22d3ee4d}50%{border-color:#22d3eea6;box-shadow:0 0 18px #22d3ee1a}to{box-shadow:none;border-color:#22d3ee4d}}@keyframes dropZonePulseLight{0%{box-shadow:none;border-color:#0891b24d}50%{border-color:#0891b2a6;box-shadow:0 0 18px #0891b21a}to{box-shadow:none;border-color:#0891b24d}}.tool-drop-zone--empty{animation:2.8s ease-in-out infinite dropZonePulse}.tool-drop-zone--empty.dragover{animation:none}.tool-file-item{transition:background .2s,transform .15s,box-shadow .2s}.tool-file-item.drag-over{border-color:var(--calc-cyan);transform:translateY(-1px);box-shadow:0 0 12px #22d3ee26}.tool-file-item.dragging{opacity:.4;transform:scale(.98)}.tool-file-item__index{color:var(--calc-text-muted);font-size:.72rem;font-weight:700;font-family:var(--font-mono);text-align:center;flex-shrink:0;min-width:20px}.tool-file-item__reorder{color:var(--calc-text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;padding:3px 7px;font-size:.8rem;line-height:1;transition:color .2s,background .2s,border-color .2s}.tool-file-item__reorder:hover:not(:disabled){color:var(--calc-cyan);background:#22d3ee0f;border-color:#22d3ee4d}.tool-file-item__reorder:disabled{opacity:.2;cursor:not-allowed}.tool-file-item__name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-page-count{font-size:.65rem;font-family:var(--font-mono);color:var(--calc-cyan);white-space:nowrap;letter-spacing:.02em;background:#22d3ee1a;border-radius:20px;flex-shrink:0;padding:2px 7px;font-weight:600}.file-page-range-row{align-items:center;gap:6px;margin-top:5px;display:flex}.file-page-range__label{color:var(--calc-text-muted);font-size:.7rem;font-family:var(--font-mono);user-select:none;flex-shrink:0}.file-page-range{font-size:.75rem;font-family:var(--font-mono);color:var(--calc-text-primary);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:160px;max-width:100%;padding:4px 8px;transition:border-color .2s,box-shadow .2s}.file-page-range::placeholder{color:#ffffff4d;font-size:.7rem}.file-page-range:focus{border-color:#22d3ee66;box-shadow:0 0 8px #22d3ee14}.file-page-range.file-range-invalid{color:#fca5a5;border-color:#dc2626;box-shadow:0 0 8px #dc262626}.tool-filename-wrap{margin:14px 0 4px}.tool-filename-row{align-items:stretch;max-width:420px;display:flex}.tool-filename-input{border-radius:8px 0 0 8px;flex:1;min-width:0}.tool-filename-ext{color:var(--calc-text-dim);font-size:.85rem;font-family:var(--font-mono);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-left:none;border-radius:0 8px 8px 0;flex-shrink:0;align-items:center;padding:0 12px;display:inline-flex}.tool-action-bar{margin-top:20px}.tool-result-card{border:1px solid #22d3ee33;border-left:3px solid var(--calc-cyan);background:#22d3ee0a;border-radius:10px;margin:12px 0;padding:16px 20px}.tool-result-card__row{flex-wrap:wrap;gap:24px;display:flex}.tool-result-card__stat{flex-direction:column;gap:3px;display:flex}.tool-result-card__label{text-transform:uppercase;letter-spacing:.5px;color:var(--calc-text-muted);font-size:.7rem}.tool-result-card__value{color:var(--calc-cyan);font-size:1.15rem;font-weight:700;font-family:var(--font-mono)}.page-drag-overlay{z-index:10000;backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#050510d1;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.page-drag-overlay.visible{opacity:1;pointer-events:all}.page-drag-overlay__inner{background:#22d3ee0a;border:2px dashed #22d3ee80;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:48px 64px;display:flex;box-shadow:0 0 48px #22d3ee1a}.page-drag-overlay__icon{opacity:.8;font-size:3rem}.page-drag-overlay__text{color:var(--calc-cyan);letter-spacing:.02em;font-size:1.3rem;font-weight:700}.section-title{color:var(--calc-text-primary);margin:0 0 1.25rem;font-size:1.4rem;font-weight:800}.how-section{margin-top:3rem}.how-steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.how-step{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:20px;transition:border-color .2s}.how-step:hover{border-color:#22d3ee33}.how-step__number{width:32px;height:32px;color:var(--calc-cyan);background:#22d3ee1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:800;display:flex}.how-step__title{color:var(--calc-text-primary);margin:0 0 6px;font-size:.95rem;font-weight:700}.how-step__desc{color:var(--calc-text-dim);margin:0;font-size:.82rem;line-height:1.6}.how-step__desc code{font-family:var(--font-mono);color:var(--calc-cyan);background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:.78rem}.faq-section{margin-top:3rem}.faq-list{flex-direction:column;display:flex}.faq-item-enhanced{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:var(--calc-text-primary);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-family:var(--font-mono);color:var(--calc-text-dim);flex-shrink:0;margin-left:16px;font-size:1.1rem;transition:color .2s}.faq-item-enhanced[open] .faq-item__question:after{content:"−";color:var(--accent)}.faq-item__question:hover{color:var(--calc-cyan)}.faq-item__answer{color:var(--calc-text-dim);padding:0 4px 14px;font-size:.85rem;line-height:1.75}.faq-item__answer code{font-family:var(--font-mono);color:var(--calc-cyan);background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:.78rem}@media (width<=900px){.tool-hero__title{font-size:1.5rem}.page-drag-overlay__inner{padding:36px 32px}}[data-theme=light]{--bg-dark:#e8edf5;--card:#fffffff2;--input-bg:#fff;--text-main:#0f172a;--text-dim:#475569;--text-muted:#64748b;--border:#0000001a;--cyan:#0891b2;--purple:#7c3aed;--accent:var(--calc-color-tools)}[data-theme=light] body{color:#0f172a;background:#e8edf5}[data-theme=light] .breadcrumb,[data-theme=light] .breadcrumb a{color:#64748b}[data-theme=light] .breadcrumb a:hover{color:#0891b2}[data-theme=light] .tool-hero__title{color:#0f172a}[data-theme=light] .tool-hero__accent{background:linear-gradient(135deg,#0891b2,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .tool-hero__subtitle{color:#475569}[data-theme=light] .tool-drop-zone--empty{animation-name:dropZonePulseLight}[data-theme=light] .tool-file-item.drag-over{border-color:#0891b2;box-shadow:0 0 12px #0891b226}[data-theme=light] .tool-file-item__index{color:#64748b}[data-theme=light] .tool-file-item__reorder{color:#94a3b8;border-color:#0000001f}[data-theme=light] .tool-file-item__reorder:hover:not(:disabled){color:#0891b2;background:#0891b20f;border-color:#0891b24d}[data-theme=light] .file-page-count{color:#0891b2;background:#0891b21a}[data-theme=light] .file-page-range__label{color:#64748b}[data-theme=light] .file-page-range{color:#0f172a;background:#f0f4f9;border-color:#00000026}[data-theme=light] .file-page-range::placeholder{color:#00000059}[data-theme=light] .file-page-range:focus{border-color:#0891b266;box-shadow:0 0 8px #0891b214}[data-theme=light] .file-page-range.file-range-invalid{color:#991b1b;border-color:#dc2626;box-shadow:0 0 8px #dc26261f}[data-theme=light] .tool-filename-ext{color:#64748b;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .tool-result-card{background:#eff9fb;border-color:#0891b233 #0891b233 #0891b233 #0891b2}[data-theme=light] .tool-result-card__label{color:#64748b}[data-theme=light] .tool-result-card__value{color:#0891b2}[data-theme=light] .page-drag-overlay{background:#e8edf5e0}[data-theme=light] .page-drag-overlay__inner{background:#0891b20a;border-color:#0891b280;box-shadow:0 0 48px #0891b21a}[data-theme=light] .page-drag-overlay__text{color:#0891b2}[data-theme=light] .section-title{color:#0f172a}[data-theme=light] .how-step{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .how-step:hover{border-color:#0891b24d}[data-theme=light] .how-step__number{color:#0891b2;background:#0891b21a}[data-theme=light] .how-step__title{color:#0f172a}[data-theme=light] .how-step__desc{color:#475569}[data-theme=light] .how-step__desc code{color:#0891b2;background:#f0f4f9}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item-enhanced{background:#fff;border:1px solid #0000001a;border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item-enhanced:hover{border-color:#0891b259;box-shadow:0 2px 10px #0891b214}[data-theme=light] .faq-item-enhanced[open]{border-color:#0891b266 #0891b266 #0891b266 #0891b2;border-left-style:solid;border-left-width:3px;box-shadow:0 2px 12px #0891b21a}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item-enhanced[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#0891b2}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}[data-theme=light] .faq-item__answer code{color:#0891b2;background:#f0f4f9}