.tool-header{margin-bottom:2rem}.tool-header p{font-size:1.1rem}.tool-container{max-width:900px;margin:0 auto}.upload-area{border:2px dashed var(--primary);border-radius:var(--radius-lg);background:rgba(79,70,229,.02);padding:3rem 2rem;text-align:center;cursor:pointer;transition:var(--transition)}.upload-area.drag-over,.upload-area:hover{background:rgba(79,70,229,.08);border-color:var(--primary-hover)}.upload-area h3{margin-bottom:.5rem;color:var(--primary)}.settings-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;background:var(--surface-muted);padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}@media (max-width:700px){.settings-panel{grid-template-columns:1fr}}.setting-group{display:flex;flex-direction:column}.setting-group label{font-weight:600;margin-bottom:.5rem;font-size:.95rem}.setting-group input[type=number],.setting-group select{padding:.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);outline:0;font-family:inherit;font-size:.95rem;background:var(--surface);color:var(--text-main)}.setting-group input[type=range]{width:100%;margin-bottom:.5rem;accent-color:var(--primary)}.text-muted-sm{font-size:.8rem;color:var(--text-muted)}.progress-area{display:none;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0}.progress-area.active{display:flex}.progress-bar-track{width:100%;height:8px;border-radius:999px;background:var(--border-color);overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),#818cf8);width:0%;transition:width .3s}.progress-text{font-weight:600;color:var(--primary);font-size:.95rem}.page-range-input{display:none}.page-range-input.active{display:block}.page-range-input input[type=text]{padding:.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);outline:0;font-family:inherit;font-size:.95rem;width:100%;background:var(--surface);color:var(--text-main)}.result-panel{display:none}.result-panel.active{display:block}.result-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.result-header h3{margin-bottom:0;font-size:1.15rem}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}@media (max-width:600px){.image-grid{grid-template-columns:1fr 1fr}}.page-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.page-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-card-img-wrap{position:relative;background-image:linear-gradient(45deg,var(--checker-accent) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-accent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-accent) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-accent) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;display:flex;align-items:center;justify-content:center;min-height:180px;background-color:var(--checker-base)}.page-card-img-wrap img{width:100%;display:block;cursor:zoom-in}.page-card-footer{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-top:1px solid var(--border-color);background:var(--surface-elevated)}.page-card-label{font-weight:600;font-size:.85rem;color:var(--text-main)}.page-card-size{font-size:.8rem;color:var(--text-muted)}.page-card-download{background:0 0;border:none;cursor:pointer;color:var(--primary);padding:.25rem;border-radius:var(--radius-md);transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}.page-card-download:hover{background:rgba(79,70,229,.1)}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:1000;display:none;align-items:center;justify-content:center;cursor:zoom-out;padding:2rem}.lightbox-overlay.active{display:flex}.lightbox-overlay img{max-width:95%;max-height:95vh;border-radius:var(--radius-md);box-shadow:0 0 40px rgba(0,0,0,.5)}.file-info-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(79,70,229,.08);color:var(--primary);padding:.35rem .75rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600}