.tool-page{background:#050510;min-height:100vh;padding-top:80px}.tool-container{max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem}.tool-hero{text-align:center;margin-bottom:1.5rem}.tool-hero__title{background:linear-gradient(135deg,#22d3ee,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2rem;font-weight:800}.tool-hero__desc{color:#88a;max-width:600px;margin:0 auto;font-size:.95rem;line-height:1.65}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:16px;display:grid}.thumb-card{cursor:default;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.thumb-card:hover{border-color:#22d3ee40}.thumb-card.dragging{opacity:.4;border-color:#22d3ee;box-shadow:0 0 12px #22d3ee33}.thumb-card.drag-over{border-color:#a855f7;box-shadow:0 0 12px #a855f733}.thumb-card__img{object-fit:cover;cursor:pointer;width:100%;height:110px;transition:transform .3s;display:block}.thumb-card__bar{background:#0000004d;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.thumb-card__handle{cursor:grab;color:#88a;user-select:none;padding:2px 4px;font-size:.9rem}.thumb-card__handle:active{cursor:grabbing}.thumb-card__name{color:#88a;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:0 4px;font-size:.68rem;overflow:hidden}.thumb-card__rotate{color:#88a;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:.95rem;line-height:1;transition:color .2s,background .2s}.thumb-card__rotate:hover{color:#22d3ee;background:#22d3ee1a}.thumb-card__remove{color:#88a;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:1rem;line-height:1;transition:color .2s,background .2s}.thumb-card__remove:hover{color:#ef4444;background:#ef444426}.thumb-card__num{color:#22d3ee;pointer-events:none;background:#000000a6;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;position:absolute;top:6px;left:6px}.settings-panel{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;margin-top:20px;padding:20px}.settings-panel__title{color:#fff;margin:0 0 14px;font-size:.9rem;font-weight:700}.settings-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}@media (width<=700px){.settings-row{grid-template-columns:minmax(0,1fr);overflow:hidden}}.settings-group{flex-direction:column;gap:4px;display:flex}.filename-row{margin-top:14px}.filename-input-wrap{align-items:stretch;gap:0;margin-top:4px;display:flex}.filename-input{flex:1;border-radius:8px 0 0 8px!important}.filename-ext{color:#88a;white-space:nowrap;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-left:none;border-radius:0 8px 8px 0;align-items:center;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.85rem;display:flex}.advanced-section{margin-top:12px}.advanced-toggle{color:#88a;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 4px;font-size:.78rem;font-weight:600;transition:color .2s;display:flex}.advanced-toggle:hover{color:#22d3ee}.advanced-toggle__arrow{font-size:.65rem;transition:transform .25s;display:inline-block}.advanced-body{padding-top:10px}.settings-row--2col{grid-template-columns:1fr 1fr}@media (width<=600px){.settings-row--2col{grid-template-columns:minmax(0,1fr)}}.pdf-progress-wrap{margin-top:12px}.pdf-progress-label{color:#88a;text-align:center;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:.75rem}.tool-toast--warn{color:#fcd34d;background:#f59e0b1f;border:1px solid #f59e0b4d}.lightbox-overlay{z-index:10000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-backdrop{backdrop-filter:blur(4px);cursor:pointer;background:#000000d9;position:absolute;inset:0}.lightbox-panel{z-index:1;background:#0d0d1f;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:min(90vw,900px);max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.lightbox-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.lightbox-title{color:#88a;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:12px;font-size:.82rem;overflow:hidden}.lightbox-actions{flex-shrink:0;gap:6px;display:flex}.lightbox-btn{color:#88a;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;padding:4px 10px;font-size:1rem;line-height:1.4;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.lightbox-btn:hover{color:#fff;background:#ffffff14}.lightbox-btn--rotate:hover{color:#22d3ee;border-color:#22d3ee4d}.lightbox-btn--remove:hover{color:#ef4444;border-color:#ef44444d}.lightbox-img-wrap{flex:1;justify-content:center;align-items:center;min-height:200px;padding:20px;display:flex;overflow:auto}.lightbox-img{object-fit:contain;border-radius:6px;max-width:100%;max-height:65vh;transition:transform .3s;display:block}.lightbox-footer{text-align:center;color:#88a;border-top:1px solid #ffffff0f;flex-shrink:0;padding:10px;font-family:JetBrains Mono,monospace;font-size:.75rem}.how-section{margin-top:2rem}.how-section__title{color:#fff;margin:0 0 1rem;font-size:1.3rem;font-weight:700}.how-steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=700px){.how-steps{grid-template-columns:minmax(0,1fr);overflow:hidden}}.how-step{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.how-step__num{color:#22d3ee;background:#22d3ee1f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;display:inline-flex}.how-step__title{color:#fff;margin:0 0 6px;font-size:.92rem;font-weight:700}.how-step__desc{color:#88a;margin:0;font-size:.82rem;line-height:1.6}.faq-section-extra{margin-top:2.5rem}.faq-section-extra__title{color:#fff;margin:0 0 1rem;font-size:1.3rem;font-weight:700}.faq-list{flex-direction:column;display:flex}.faq-item-enhanced{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:#fff;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:"+";color:#88a;flex-shrink:0;margin-left:16px;font-family:JetBrains Mono,monospace;font-size:1.1rem;transition:color .2s}.faq-item-enhanced[open] .faq-item__question:after{content:"−";color:#22d3ee}.faq-item__question:hover{color:#22d3ee}.faq-item__answer{color:#88a;padding:0 4px 14px;font-size:.85rem;line-height:1.75}[data-theme=light] .tool-page{background:#e8edf5}[data-theme=light] .tool-hero__title{background:linear-gradient(135deg,#0891b2,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[data-theme=light] .tool-hero__desc{color:#475569}[data-theme=light] .thumb-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .thumb-card:hover{border-color:#0891b24d}[data-theme=light] .thumb-card.dragging{border-color:#0891b2;box-shadow:0 0 12px #0891b226}[data-theme=light] .thumb-card.drag-over{border-color:#7c3aed;box-shadow:0 0 12px #7c3aed26}[data-theme=light] .thumb-card__bar{background:#f0f4f9}[data-theme=light] .thumb-card__handle{color:#94a3b8}[data-theme=light] .thumb-card__name{color:#64748b}[data-theme=light] .thumb-card__rotate{color:#94a3b8}[data-theme=light] .thumb-card__rotate:hover{color:#0891b2;background:#0891b214}[data-theme=light] .thumb-card__remove{color:#94a3b8}[data-theme=light] .thumb-card__remove:hover{color:#dc2626;background:#dc262614}[data-theme=light] .thumb-card__num{color:#0891b2;background:#ffffffe6}[data-theme=light] .settings-panel{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .settings-panel__title{color:#0f172a}[data-theme=light] .filename-ext{color:#64748b;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .advanced-toggle{color:#64748b}[data-theme=light] .advanced-toggle:hover{color:#0891b2}[data-theme=light] .pdf-progress-label{color:#64748b}[data-theme=light] .tool-toast--warn{color:#155e75;background:#fffbeb;border-color:#b453094d}[data-theme=light] .lightbox-backdrop{background:#0009}[data-theme=light] .lightbox-panel{background:#fff;border-color:#0000001f;box-shadow:0 20px 60px #0003}[data-theme=light] .lightbox-header{border-bottom-color:#00000014}[data-theme=light] .lightbox-title{color:#64748b}[data-theme=light] .lightbox-btn{color:#64748b;border-color:#0000001a}[data-theme=light] .lightbox-btn:hover{color:#0f172a;background:#f0f4f9}[data-theme=light] .lightbox-btn--rotate:hover{color:#0891b2;border-color:#0891b24d}[data-theme=light] .lightbox-btn--remove:hover{color:#dc2626;border-color:#dc262633}[data-theme=light] .lightbox-footer{color:#64748b;border-top-color:#0000000f}[data-theme=light] .how-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__num{color:#0891b2;background:#0891b21a}[data-theme=light] .how-step__title{color:#0f172a}[data-theme=light] .how-step__desc{color:#475569}[data-theme=light] .faq-section-extra__title{color:#0f172a}[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}