.dashboard-container{max-width:1200px;margin:0 auto;padding:100px 1.5rem 2rem}.breadcrumb{color:var(--text-dim,#88a);margin-bottom:8px;font-size:.78rem}.breadcrumb a{color:var(--text-dim,#88a);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#22d3ee}.breadcrumb .sep{opacity:.5;margin:0 6px}.page-title{color:#fff;margin:0 0 6px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.8rem;font-weight:800}.page-subtitle{color:#88a;margin:0 0 24px;font-size:.92rem;line-height:1.5}.tool-tabs{border-bottom:1px solid #ffffff14;gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.tool-tab-btn{color:#88a;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 20px;font-size:.88rem;font-weight:600;transition:color .2s,border-color .2s}.tool-tab-btn:hover{color:#fff}.tool-tab-btn.active{color:#22d3ee;border-bottom-color:#22d3ee}.tool-tab-pane{display:none}.tool-tab-pane.active{display:block}.tool-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.tool-layout{grid-template-columns:1fr}}.section-label{color:#88a;text-transform:uppercase;letter-spacing:.5px;margin:20px 0 8px;font-size:.78rem;font-weight:700}.preview-section .tool-preview{justify-content:center;align-items:center;max-height:300px;display:flex;overflow:hidden}.preview-section .tool-preview img{object-fit:contain;max-height:280px}.format-section .tool-chips{margin-bottom:16px}.resize-section{border-top:1px solid #ffffff0f;margin-top:16px;padding-top:14px}.resize-section .section-label{margin-top:0}.resize-presets{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.resize-custom{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:none}.resize-custom-label{color:#88a;font-size:.8rem}.resize-dim-sep{color:#88a;font-size:.9rem}.aspect-lock-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:4px 9px;font-size:1rem;line-height:1;transition:background .2s}.aspect-lock-btn:hover{background:#22d3ee1a}.upscale-warn{color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:6px;margin-top:6px;padding:6px 10px;font-size:.78rem;display:none}.quality-presets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.quality-preset-chip{color:#88a;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:16px;padding:4px 12px;font-size:.8rem;font-weight:600;transition:transform .25s,opacity .25s,color .2s,box-shadow .25s}.quality-preset-chip:hover{color:#fff;border-color:#ffffff4d}.quality-preset-chip.active{color:#22d3ee;background:#22d3ee1f;border-color:#22d3ee}.quality-row{margin-bottom:16px;transition:opacity .3s,max-height .3s}.quality-row.hidden,.quality-presets.hidden{opacity:0;pointer-events:none;max-height:0;margin:0;overflow:hidden}.empty-state{text-align:center;justify-content:center;align-items:center;min-height:200px;display:flex}.empty-state__text{color:#666;font-size:.9rem;line-height:1.6}.result-section .tool-preview{justify-content:center;align-items:center;max-height:300px;display:flex;overflow:hidden}.result-section .tool-preview img{object-fit:contain;max-height:280px}.cmp-dims{color:#88a;text-align:center;margin-top:4px;font-size:.78rem}.savings-positive{color:#10b981}.savings-negative{color:#f59e0b}.batch-settings{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:16px;padding:14px 0;display:flex}.batch-settings-group{flex-direction:column;gap:6px;display:flex}.batch-settings-group .section-label{margin:0 0 4px}.batch-list-wrap{min-height:80px}.batch-empty-msg{color:#666;text-align:center;padding:24px 0;font-size:.88rem}.batch-list{flex-direction:column;gap:8px;max-height:400px;margin-bottom:16px;display:none;overflow-y:auto}.batch-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.batch-item__thumb{object-fit:cover;background:#ffffff0d;border-radius:6px;flex-shrink:0;width:44px;height:44px}.batch-item__info{flex:1;min-width:0}.batch-item__name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:600;overflow:hidden}.batch-item__size{color:#88a;margin-top:2px;font-size:.76rem}.batch-item__status{white-space:nowrap;border-radius:10px;flex-shrink:0;padding:3px 8px;font-size:.74rem;font-weight:700}.batch-status--pending{color:#88a;background:#ffffff0f}.batch-status--converting{color:#22d3ee;background:#22d3ee1f;animation:1.2s ease-in-out infinite batchPulse}@keyframes batchPulse{0%,to{opacity:1}50%{opacity:.5}}.batch-status--done{color:#10b981;background:#10b98126}.batch-status--error{color:#ef4444;background:#ef444426}.tool-btn--dl-sm{color:#22d3ee;cursor:pointer;background:#22d3ee1a;border:1px solid #22d3ee4d;border-radius:6px;flex-shrink:0;padding:4px 9px;font-size:.8rem;transition:background .2s}.tool-btn--dl-sm:hover:not(:disabled){background:#22d3ee33}.tool-btn--dl-sm:disabled{opacity:.3;cursor:not-allowed}.tool-btn--danger-sm{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444440;border-radius:6px;flex-shrink:0;padding:4px 9px;font-size:.85rem;transition:background .2s}.tool-btn--danger-sm:hover{background:#ef44442e}.batch-progress-wrap{margin-bottom:14px;display:none}.batch-progress-label{color:#88a;margin-bottom:5px;font-size:.78rem}.batch-progress-track{background:#ffffff14;border-radius:6px;height:6px;overflow:hidden}.batch-progress-bar{background:linear-gradient(90deg,#22d3ee,#a855f7);border-radius:6px;width:0%;height:100%;transition:width .3s}.batch-action-bar{flex-wrap:wrap;gap:10px;padding-top:6px;display:flex}.opt-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.opt-layout{grid-template-columns:1fr}}.opt-preview .tool-preview{justify-content:center;align-items:center;max-height:200px;display:flex;overflow:hidden}.opt-preview .tool-preview img{object-fit:contain;max-height:180px}.opt-results{display:none}.opt-sweet-badge{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:20px;margin-bottom:12px;padding:5px 14px;font-size:.82rem;font-weight:700;display:inline-block}.opt-chart-wrap{height:220px;margin-bottom:16px;position:relative}.opt-stats-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}@media (width<=700px){.opt-stats-row{grid-template-columns:1fr 1fr}}.opt-stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;padding:10px 12px}.opt-stat-card__label{color:#88a;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:.7rem}.opt-stat-card__value{color:#fff;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:800}.how-section{margin-top:48px}.how-section__title{color:#fff;margin-bottom:20px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.3rem;font-weight:800}.how-steps{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.how-steps{grid-template-columns:1fr 1fr}}@media (width<=500px){.how-steps{grid-template-columns:minmax(0,1fr);overflow:hidden}}.how-step{text-align:center;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:36px;height:36px;margin-bottom:10px;font-size:.95rem;font-weight:800;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:40px}.faq-section-extra__title{color:#fff;margin-bottom:16px;font-family:Plus Jakarta Sans,sans-serif;font-size:1.3rem;font-weight:800}.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] .breadcrumb a{color:#64748b}[data-theme=light] .breadcrumb a:hover{color:#0891b2}[data-theme=light] .breadcrumb .sep{color:#94a3b8}[data-theme=light] .page-title{color:#0f172a}[data-theme=light] .page-subtitle,[data-theme=light] .section-label{color:#475569}[data-theme=light] .tool-tabs{border-bottom-color:#0000001a}[data-theme=light] .tool-tab-btn{color:#64748b}[data-theme=light] .tool-tab-btn:hover{color:#0f172a}[data-theme=light] .tool-tab-btn.active{color:#0891b2;border-bottom-color:#0891b2}[data-theme=light] .resize-section{border-top-color:#00000014}[data-theme=light] .resize-dim-input:focus{border-color:#0891b2}[data-theme=light] .aspect-lock-btn{background:#f0f4f9;border-color:#00000026}[data-theme=light] .aspect-lock-btn:hover{background:#0891b214}[data-theme=light] .quality-preset-chip{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .quality-preset-chip:hover{color:#0f172a;border-color:#0000004d}[data-theme=light] .quality-preset-chip.active{color:#0891b2;background:#0891b21a;border-color:#0891b2}[data-theme=light] .empty-state__text{color:#94a3b8}[data-theme=light] .savings-negative{color:#0891b2}[data-theme=light] .cmp-dims{color:#475569}[data-theme=light] .batch-empty-msg{color:#94a3b8}[data-theme=light] .batch-item{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .batch-item__name{color:#0f172a}[data-theme=light] .batch-item__size{color:#64748b}[data-theme=light] .batch-status--pending{color:#64748b;background:#0000000d}[data-theme=light] .batch-status--converting{color:#0891b2;background:#0891b21a}[data-theme=light] .batch-status--done{color:#065f46;background:#10b9811f}[data-theme=light] .batch-status--error{color:#b91c1c;background:#ef44441a}[data-theme=light] .tool-btn--dl-sm{color:#0891b2;background:#0891b214;border-color:#0891b24d}[data-theme=light] .tool-btn--dl-sm:hover:not(:disabled){background:#0891b229}[data-theme=light] .tool-btn--danger-sm{color:#b91c1c;background:#ef44440f;border-color:#ef444433}[data-theme=light] .batch-progress-track{background:#00000014}[data-theme=light] .batch-settings{border-bottom-color:#00000014}[data-theme=light] .opt-stat-card{background:#f0f4f9;border-color:#0000001a}[data-theme=light] .opt-stat-card__label{color:#64748b}[data-theme=light] .opt-stat-card__value{color:#0f172a}[data-theme=light] .opt-sweet-badge{color:#155e75;background:#0891b21a;border-color:#0891b24d}[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}[data-theme=light] .upscale-warn{color:#b45309}[data-theme=light] .savings-positive{color:#047857}[data-theme=light] .batch-item__thumb{background:#edf2f9}