.tool-workspace[data-astro-cid-xz2m5hk2]{max-width:var(--hero-width);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);margin:0 auto;padding:36px;position:relative}.upload-zone[data-astro-cid-xz2m5hk2]{border:2px dashed var(--color-border);border-radius:var(--radius-xl);text-align:center;cursor:pointer;background:var(--color-bg);padding:56px 28px;transition:all .2s;display:block;position:relative;overflow:hidden}.upload-zone[data-astro-cid-xz2m5hk2]:hover,.upload-zone[data-astro-cid-xz2m5hk2].dragover,.upload-zone[data-astro-cid-xz2m5hk2]:focus-within{border-color:var(--color-accent);background:var(--color-bg)}.upload-glow-mesh[data-astro-cid-xz2m5hk2]{display:none}.upload-icon-wrapper[data-astro-cid-xz2m5hk2]{z-index:1;margin-bottom:20px;position:relative}.upload-icon[data-astro-cid-xz2m5hk2]{background:var(--color-bg);border:1px solid var(--color-border);width:68px;height:68px;color:var(--color-accent);border-radius:20px;justify-content:center;align-items:center;margin:0 auto;transition:all .2s;display:flex}.upload-zone[data-astro-cid-xz2m5hk2]:hover .upload-icon[data-astro-cid-xz2m5hk2]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.upload-title[data-astro-cid-xz2m5hk2]{color:var(--color-ink);letter-spacing:-.02em;z-index:1;margin-bottom:6px;font-size:22px;font-weight:600;position:relative}.upload-sub[data-astro-cid-xz2m5hk2]{color:var(--color-body);z-index:1;margin-bottom:24px;font-size:14px;position:relative}.upload-action-row[data-astro-cid-xz2m5hk2]{z-index:1;margin-bottom:22px;position:relative}.browse-btn[data-astro-cid-xz2m5hk2]{align-items:center;gap:8px;padding:13px 32px;font-size:15px;font-weight:600;display:inline-flex}.upload-badge-row[data-astro-cid-xz2m5hk2]{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex;position:relative}.upload-pill[data-astro-cid-xz2m5hk2]{color:var(--color-body);background:var(--color-bg);border:1px solid var(--color-border);border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.upload-pill[data-astro-cid-xz2m5hk2] svg[data-astro-cid-xz2m5hk2]{color:var(--color-accent)}.upload-hint[data-astro-cid-xz2m5hk2]{color:var(--color-body);z-index:1;font-size:12px;position:relative}.settings-card[data-astro-cid-xz2m5hk2]{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;gap:16px;padding:26px 24px;display:flex}.preview-card[data-astro-cid-xz2m5hk2]{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;gap:12px;padding:16px;display:flex}.preview-header[data-astro-cid-xz2m5hk2]{justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.preview-title-row[data-astro-cid-xz2m5hk2]{align-items:center;gap:8px;display:flex}.preview-dot[data-astro-cid-xz2m5hk2]{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGlow}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.6}}.preview-label[data-astro-cid-xz2m5hk2]{color:var(--color-ink);letter-spacing:-.01em;font-size:13px;font-weight:600}.preview-badges[data-astro-cid-xz2m5hk2]{align-items:center;gap:6px;display:flex}.preview-badge[data-astro-cid-xz2m5hk2]{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-body);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.preview-viewport[data-astro-cid-xz2m5hk2]{border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);justify-content:center;align-items:center;height:380px;max-height:380px;display:flex;position:relative;overflow:hidden}.canvas-checkered-bg[data-astro-cid-xz2m5hk2]{opacity:.5;pointer-events:none;background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;position:absolute;inset:0}.main-preview-img[data-astro-cid-xz2m5hk2]{object-fit:contain;z-index:1;border-radius:6px;max-width:96%;max-height:96%;transition:transform .2s,opacity .2s;position:relative;box-shadow:0 4px 16px #0000001a}.preview-watermark-badge[data-astro-cid-xz2m5hk2]{z-index:2;font-size:10px;font-family:var(--font-mono);letter-spacing:.08em;border:1px solid var(--color-border);color:var(--color-accent);background:#ffffffe6;border-radius:6px;padding:3px 8px;font-weight:700;position:absolute;bottom:12px;right:12px}.result-toggle-bar[data-astro-cid-xz2m5hk2]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:3px;display:inline-flex}.toggle-btn[data-astro-cid-xz2m5hk2]{color:var(--color-body);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .2s}.toggle-btn[data-astro-cid-xz2m5hk2]:hover{color:var(--color-ink)}.toggle-btn[data-astro-cid-xz2m5hk2].active{background:var(--color-ink);color:#fff}.thumbnail-gallery-wrap[data-astro-cid-xz2m5hk2]{flex-direction:column;gap:8px;display:flex}.gallery-header[data-astro-cid-xz2m5hk2]{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.gallery-title[data-astro-cid-xz2m5hk2]{color:var(--color-body);font-size:12px;font-weight:600}.thumbnail-strip[data-astro-cid-xz2m5hk2]{scrollbar-width:thin;gap:10px;padding:4px 2px 8px;display:flex;overflow-x:auto}.thumb-card{background:var(--color-bg);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;min-width:170px;max-width:220px;padding:6px 10px;transition:all .2s;display:flex}.thumb-card:hover{border-color:var(--color-muted)}.thumb-card.active{border-color:var(--color-accent);background:#2563eb0d}.thumb-img{object-fit:cover;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;flex-shrink:0;width:38px;height:38px}.thumb-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.thumb-name{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.thumb-size{color:var(--color-muted);font-size:11px}.thumb-remove-btn{width:22px;height:22px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.thumb-remove-btn:hover{color:#dc2626;background:#fef2f2}.quality-presets[data-astro-cid-xz2m5hk2]{gap:8px;margin-top:4px;display:flex}.preset-pill[data-astro-cid-xz2m5hk2]{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-body);cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s}.preset-pill[data-astro-cid-xz2m5hk2]:hover{color:var(--color-ink);border-color:var(--color-muted)}.preset-pill[data-astro-cid-xz2m5hk2].active{color:var(--color-accent);border-color:var(--color-accent);background:#2563eb0d}.controls-panel[data-astro-cid-xz2m5hk2]{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;padding:24px;display:grid}.control-group[data-astro-cid-xz2m5hk2]{flex-direction:column;gap:10px;display:flex}.settings-tabs-wrap[data-astro-cid-xz2m5hk2],.quality-group[data-astro-cid-xz2m5hk2],.target-size-group[data-astro-cid-xz2m5hk2]{grid-column:1/-1}.control-header[data-astro-cid-xz2m5hk2]{justify-content:space-between;align-items:center;display:flex}.label-with-tooltip[data-astro-cid-xz2m5hk2]{flex-direction:column;gap:2px;display:flex}.control-header[data-astro-cid-xz2m5hk2] label[data-astro-cid-xz2m5hk2]{color:var(--color-ink);font-size:14px;font-weight:600}.control-sub[data-astro-cid-xz2m5hk2]{color:var(--color-muted);font-size:12px}.control-value-badge[data-astro-cid-xz2m5hk2]{font-family:var(--font-mono);color:var(--color-accent);background:#2563eb14;border:1px solid #2563eb33;border-radius:8px;padding:3px 10px;font-size:14px;font-weight:700}.control-hint[data-astro-cid-xz2m5hk2]{color:var(--color-muted);font-size:11px;font-family:var(--font-mono)}.slider-wrapper[data-astro-cid-xz2m5hk2]{align-items:center;gap:14px;margin-top:4px;display:flex}.slider-wrapper[data-astro-cid-xz2m5hk2] input[data-astro-cid-xz2m5hk2][type=range]{-webkit-appearance:none;appearance:none;background:var(--color-border);cursor:pointer;border-radius:9999px;outline:none;flex:1;height:6px}.slider-wrapper[data-astro-cid-xz2m5hk2] input[data-astro-cid-xz2m5hk2][type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;box-shadow:0 1px 4px #00000026}.slider-wrapper[data-astro-cid-xz2m5hk2] input[data-astro-cid-xz2m5hk2][type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-label[data-astro-cid-xz2m5hk2]{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;min-width:75px;font-size:11px;font-weight:600}.slider-label[data-astro-cid-xz2m5hk2]:last-child{text-align:right}.select-wrapper[data-astro-cid-xz2m5hk2]{position:relative}.form-select[data-astro-cid-xz2m5hk2]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;color:var(--color-ink);cursor:pointer;outline:none;padding:11px 14px;font-size:13px;transition:all .2s}.form-select[data-astro-cid-xz2m5hk2]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.selected-actions[data-astro-cid-xz2m5hk2]{gap:12px;display:flex}.compress-btn[data-astro-cid-xz2m5hk2]{border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:10px;width:100%;padding:15px 24px;font-size:16px;font-weight:600;display:inline-flex}.state-processing[data-astro-cid-xz2m5hk2]{text-align:center;padding:60px 0}.processing-glow-ring[data-astro-cid-xz2m5hk2]{background:#2563eb14;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;display:flex}.spinner[data-astro-cid-xz2m5hk2]{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.processing-title[data-astro-cid-xz2m5hk2]{color:var(--color-ink);letter-spacing:-.01em;margin-bottom:8px;font-size:22px;font-weight:600}.processing-text[data-astro-cid-xz2m5hk2]{color:var(--color-body);margin-bottom:24px;font-size:14px}.progress-bar-wrap[data-astro-cid-xz2m5hk2]{background:var(--color-border);border-radius:9999px;width:100%;max-width:360px;height:8px;margin:0 auto 20px;overflow:hidden}.progress-bar[data-astro-cid-xz2m5hk2]{background:var(--color-accent);height:100%;transition:width .25s}.processing-secure-note[data-astro-cid-xz2m5hk2]{color:var(--color-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.processing-secure-note[data-astro-cid-xz2m5hk2] svg[data-astro-cid-xz2m5hk2]{color:#10b981}.result-header[data-astro-cid-xz2m5hk2]{text-align:left;align-items:center;gap:16px;margin-bottom:20px;display:flex}.state-result[data-astro-cid-xz2m5hk2] .tool-split-layout[data-astro-cid-xz2m5hk2]{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:start}.state-result[data-astro-cid-xz2m5hk2] .settings-card[data-astro-cid-xz2m5hk2]{min-width:0}.result-header-text[data-astro-cid-xz2m5hk2]{flex-direction:column;gap:3px;display:flex}.result-icon-badge[data-astro-cid-xz2m5hk2]{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;margin:0;display:flex}.result-title[data-astro-cid-xz2m5hk2]{color:var(--color-ink);letter-spacing:-.01em;margin-bottom:2px;font-size:20px;font-weight:600}.result-sub[data-astro-cid-xz2m5hk2]{color:var(--color-body);font-size:13px}.result-stats[data-astro-cid-xz2m5hk2]{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.state-result[data-astro-cid-xz2m5hk2] .result-sub[data-astro-cid-xz2m5hk2]{max-width:38rem;line-height:1.45}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:6px;padding:16px;display:flex}.stat-card.highlight{background:#ecfdf5;border-color:#a7f3d0}.stat-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.stat-value{color:var(--color-ink);font-size:20px;font-weight:600}.text-cyan{color:var(--color-accent)}.text-emerald{color:#10b981}.stat-value-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.badge-pill-savings{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:600}.savings-meter-card[data-astro-cid-xz2m5hk2]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:22px;padding:16px 18px}.savings-meter-header[data-astro-cid-xz2m5hk2]{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.savings-meter-title[data-astro-cid-xz2m5hk2]{color:var(--color-ink);font-size:13px;font-weight:600}.savings-ratio-badge[data-astro-cid-xz2m5hk2]{font-family:var(--font-mono);color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.savings-meter-track[data-astro-cid-xz2m5hk2]{background:var(--color-border);border-radius:9999px;height:10px;margin-bottom:12px;display:flex;overflow:hidden}.meter-bar-compressed[data-astro-cid-xz2m5hk2]{background:var(--color-accent);transition:width .6s cubic-bezier(.16,1,.3,1)}.meter-bar-saved[data-astro-cid-xz2m5hk2]{background:#10b981;transition:width .6s cubic-bezier(.16,1,.3,1)}.savings-meter-legend[data-astro-cid-xz2m5hk2]{justify-content:space-between;align-items:center;font-size:12px;display:flex}.legend-item[data-astro-cid-xz2m5hk2]{align-items:center;gap:6px;display:flex}.legend-dot[data-astro-cid-xz2m5hk2]{border-radius:50%;width:8px;height:8px}.dot-compressed[data-astro-cid-xz2m5hk2]{background:var(--color-accent)}.dot-saved[data-astro-cid-xz2m5hk2]{background:#10b981}.legend-name[data-astro-cid-xz2m5hk2]{color:var(--color-muted)}.legend-value[data-astro-cid-xz2m5hk2]{color:var(--color-ink);font-family:var(--font-mono);font-weight:600}.result-downloads[data-astro-cid-xz2m5hk2]{flex-direction:column;gap:10px;max-height:280px;margin-bottom:24px;padding-right:4px;display:flex;overflow-y:auto}.download-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.download-row:hover{border-color:var(--color-muted)}.download-row-error{background:#fef2f2;border-color:#fecaca}.dl-error-icon{color:#b91c1c;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:inline-flex}.dl-error-message{color:#b91c1c;font-size:12px;line-height:1.4}.dl-error-badge{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:700}.dl-left{align-items:center;gap:14px;display:flex;overflow:hidden}.dl-thumb{object-fit:cover;border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;flex-shrink:0;width:40px;height:40px}.dl-meta{flex-direction:column;gap:3px;min-width:0;display:flex}.dl-name{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:14px;font-weight:600;overflow:hidden}.dl-sizes-row{align-items:center;gap:6px;font-size:12px;display:flex}.dl-old-size{color:var(--color-muted);text-decoration:line-through}.dl-arrow{color:var(--color-accent)}.dl-new-size{color:var(--color-accent);font-weight:600}.dl-right{align-items:center;gap:12px;display:flex}.dl-badge{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.dl-target-status{color:#6366f1;white-space:nowrap;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:600}.dl-btn{border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:inline-flex}.result-actions[data-astro-cid-xz2m5hk2]{gap:14px;display:flex}.result-actions[data-astro-cid-xz2m5hk2] button[data-astro-cid-xz2m5hk2]{flex:1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-lg[data-astro-cid-xz2m5hk2]{border-radius:var(--radius-lg);padding:14px 24px;font-size:15px;font-weight:600}.state-error[data-astro-cid-xz2m5hk2]{text-align:center;padding:48px 0}.error-icon-badge[data-astro-cid-xz2m5hk2]{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex}.state-error[data-astro-cid-xz2m5hk2] h3[data-astro-cid-xz2m5hk2]{color:var(--color-ink);margin-bottom:8px;font-size:20px;font-weight:600}.state-error[data-astro-cid-xz2m5hk2] p[data-astro-cid-xz2m5hk2]{color:var(--color-body);margin-bottom:24px;font-size:14px}@media (width<=960px){.state-result[data-astro-cid-xz2m5hk2] .tool-split-layout[data-astro-cid-xz2m5hk2]{grid-template-columns:1fr}.preview-viewport[data-astro-cid-xz2m5hk2]{height:300px;max-height:300px}}@media (width<=640px){.tool-workspace[data-astro-cid-xz2m5hk2]{padding:18px 14px}.preview-viewport[data-astro-cid-xz2m5hk2]{height:240px;max-height:240px}.upload-zone[data-astro-cid-xz2m5hk2]{padding:40px 16px}.controls-panel[data-astro-cid-xz2m5hk2]{grid-template-columns:1fr;padding:16px}.result-stats[data-astro-cid-xz2m5hk2]{grid-template-columns:1fr}.result-actions[data-astro-cid-xz2m5hk2]{flex-direction:column}.dl-name{max-width:140px}}