.text-muted[data-astro-cid-h4gyazsl]{color:var(--text-muted)}.main-container[data-astro-cid-h4gyazsl]{width:100%;max-width:1440px;margin:0 auto;flex:1;display:flex;flex-direction:column}.hero-wrapper[data-astro-cid-h4gyazsl]{padding:60px 160px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.page-title[data-astro-cid-h4gyazsl]{font-size:32px;color:var(--text-main);margin:0 0 8px}.page-desc[data-astro-cid-h4gyazsl]{font-size:16px;margin:0;line-height:1.5;color:var(--text-muted)}.content-wrapper[data-astro-cid-h4gyazsl]{padding:40px 160px 20px;display:flex;flex-direction:column;gap:32px;align-items:center}.io-container[data-astro-cid-h4gyazsl]{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:24px;width:100%;max-width:1120px}.converter-card[data-astro-cid-h4gyazsl]{display:flex;flex-direction:column;gap:24px}.upload-area[data-astro-cid-h4gyazsl]{border:2px dashed var(--border-color);border-radius:6px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:border-color .2s,background-color .2s}.upload-area[data-astro-cid-h4gyazsl]:hover,.upload-area[data-astro-cid-h4gyazsl].drag-over{border-color:var(--text-blue);background-color:#58a6ff0a}.upload-icon[data-astro-cid-h4gyazsl]{color:var(--text-muted)}.upload-title[data-astro-cid-h4gyazsl]{font-size:15px;color:var(--text-main);margin:0}.upload-link[data-astro-cid-h4gyazsl]{color:var(--text-blue);cursor:pointer}.upload-hint[data-astro-cid-h4gyazsl]{font-size:12px;color:var(--text-muted);margin:0}.file-input-hidden[data-astro-cid-h4gyazsl]{display:none}.controls[data-astro-cid-h4gyazsl]{display:flex;flex-direction:column;gap:16px}.controls[data-astro-cid-h4gyazsl].hidden{display:none}.control-row[data-astro-cid-h4gyazsl]{display:flex;align-items:flex-end;gap:32px;flex-wrap:wrap}.control-group[data-astro-cid-h4gyazsl]{display:flex;flex-direction:column;gap:8px}.control-label[data-astro-cid-h4gyazsl]{font-size:12px;color:var(--text-muted)}.format-btns[data-astro-cid-h4gyazsl]{display:flex;gap:6px}.format-btn[data-astro-cid-h4gyazsl]{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);transition:all .2s}.format-btn[data-astro-cid-h4gyazsl]:hover{border-color:var(--text-blue);color:var(--text-main)}.format-btn[data-astro-cid-h4gyazsl].active{border-color:var(--text-blue);color:var(--text-blue);background-color:#58a6ff14}.quality-slider[data-astro-cid-h4gyazsl]{width:160px;cursor:pointer;accent-color:var(--text-blue)}.action-row[data-astro-cid-h4gyazsl]{display:flex;gap:10px;align-items:center}.convert-btn[data-astro-cid-h4gyazsl]{display:flex;align-items:center;gap:8px;background-color:var(--text-blue);border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;font-family:var(--font-sans);transition:opacity .2s;width:fit-content}.convert-btn[data-astro-cid-h4gyazsl]:hover{opacity:.85}.convert-btn[data-astro-cid-h4gyazsl]:disabled{opacity:.4;cursor:not-allowed}.download-btn[data-astro-cid-h4gyazsl]{display:flex;align-items:center;gap:8px;background-color:transparent;border:1px solid var(--text-green);border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;color:var(--text-green);cursor:pointer;font-family:var(--font-sans);transition:all .2s;width:fit-content}.download-btn[data-astro-cid-h4gyazsl]:hover:not(:disabled){background-color:#3fb95014}.download-btn[data-astro-cid-h4gyazsl]:disabled{opacity:.3;cursor:not-allowed;border-color:var(--border-color);color:var(--text-muted)}.preview-area[data-astro-cid-h4gyazsl]{display:flex;align-items:center;gap:16px}.preview-area[data-astro-cid-h4gyazsl].hidden{display:none}.preview-box[data-astro-cid-h4gyazsl]{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.preview-label[data-astro-cid-h4gyazsl]{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0}.preview-img[data-astro-cid-h4gyazsl]{max-width:100%;max-height:240px;border-radius:4px;border:1px solid var(--border-color);object-fit:contain;background:repeating-conic-gradient(#808080 0% 25%,transparent 0% 50%) 0 0 / 12px 12px;min-height:60px}.preview-info[data-astro-cid-h4gyazsl]{font-size:11px;color:var(--text-muted);margin:0;text-align:center;font-family:var(--font-mono)}.preview-arrow[data-astro-cid-h4gyazsl]{color:var(--text-muted);flex-shrink:0}.status-area[data-astro-cid-h4gyazsl]{font-size:13px;padding:10px 14px;border-radius:6px;border:1px solid transparent}.status-area[data-astro-cid-h4gyazsl].hidden{display:none}.status-info[data-astro-cid-h4gyazsl]{background:#58a6ff14;border-color:#58a6ff4d;color:var(--text-blue)}.status-success[data-astro-cid-h4gyazsl]{background:#3fb95014;border-color:#3fb9504d;color:#3fb950}.status-error[data-astro-cid-h4gyazsl]{background:#ff7b7214;border-color:#ff7b724d;color:#ff7b72}@media(max-width:1200px){.hero-wrapper[data-astro-cid-h4gyazsl]{padding:40px 40px 20px}.content-wrapper[data-astro-cid-h4gyazsl]{padding:32px 40px 40px}}@media(max-width:768px){.hero-wrapper[data-astro-cid-h4gyazsl]{padding:32px 20px 16px}.page-title[data-astro-cid-h4gyazsl]{font-size:24px}.page-desc[data-astro-cid-h4gyazsl]{font-size:14px}.content-wrapper[data-astro-cid-h4gyazsl]{padding:24px 20px 40px;gap:24px}.io-container[data-astro-cid-h4gyazsl]{padding:16px}.preview-area[data-astro-cid-h4gyazsl]{flex-direction:column}.preview-arrow[data-astro-cid-h4gyazsl]{transform:rotate(90deg)}.control-row[data-astro-cid-h4gyazsl]{flex-direction:column;gap:16px}.quality-slider[data-astro-cid-h4gyazsl]{width:100%}}