.converter-section{padding:var(--spacing-3xl) var(--spacing-lg);position:relative;overflow:hidden}.mesh-gradient-bg{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 30%,#007cf01f 0%,#0000 60%),radial-gradient(circle at 70% 30%,#7928ca1f 0%,#0000 60%),radial-gradient(circle at 50% 60%,#ff008014 0%,#0000 60%);width:1000px;height:500px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.container{z-index:1;max-width:860px;margin:0 auto;position:relative}.hero{text-align:center;margin-bottom:var(--spacing-2xl)}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-mute);margin-bottom:var(--spacing-xs);font-size:12px;font-weight:500}.headline{letter-spacing:-2px;color:var(--color-ink);margin-bottom:var(--spacing-sm);font-size:42px;font-weight:600;line-height:1.1}.subtitle{color:var(--color-body);max-width:620px;margin:0 auto;font-size:16px;line-height:1.6}.converter-card{background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-xl)}.settings-bar{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-hairline-soft);margin-bottom:var(--spacing-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.setting-group{align-items:center;gap:12px;display:flex}.setting-label{color:var(--color-body);font-size:13px;font-weight:500}.format-options{background-color:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--rounded-pill-cat);padding:3px;display:flex}.format-btn{color:var(--color-body);border-radius:var(--rounded-pill);cursor:pointer;background:0 0;border:none;padding:6px 16px;font-size:13px;font-weight:500;transition:all .15s}.format-btn.active{background-color:var(--color-primary);color:var(--color-on-primary)}.quality-group{flex-direction:column;align-items:flex-start;gap:4px;min-width:180px;display:flex}.quality-label-row{justify-content:space-between;width:100%;display:flex}.quality-val{font-family:var(--font-mono);color:var(--color-ink);font-size:12px;font-weight:500}.quality-slider{width:100%;accent-color:var(--color-primary);cursor:pointer}.dropzone{border:2px dashed var(--color-hairline);border-radius:var(--rounded-md);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center;cursor:pointer;background-color:var(--color-canvas);transition:all .2s;position:relative}.dropzone:hover,.dropzone.drag-over{border-color:var(--color-ink);background-color:#f4f4f5}.file-input{display:none}.upload-icon{border-radius:var(--rounded-full);background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);width:52px;height:52px;color:var(--color-ink);margin:0 auto var(--spacing-md) auto;justify-content:center;align-items:center;display:flex}.dropzone-title{color:var(--color-ink);margin-bottom:var(--spacing-xxs);font-size:16px;font-weight:500}.browse-link{color:var(--color-link);text-decoration:underline}.dropzone-subtitle{color:var(--color-mute);font-size:13px}.sample-box{margin-top:var(--spacing-md)}.sample-btn{background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);color:var(--color-ink);border-radius:var(--rounded-pill);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.sample-btn:hover{background-color:var(--color-hairline-soft);border-color:#d1d5db}.hidden{display:none!important}.queue-header{margin-top:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:center;display:flex}.queue-title{color:var(--color-ink);font-size:15px;font-weight:600}.total-size{color:var(--color-mute);margin-left:6px;font-size:13px}.queue-actions{gap:10px;display:flex}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);border-radius:var(--rounded-pill);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.btn-primary:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background-color:var(--color-canvas-elevated);color:var(--color-ink);border:1px solid var(--color-hairline);border-radius:var(--rounded-pill);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background-color .15s;display:flex}.btn-secondary:hover{background-color:var(--color-hairline-soft)}.file-queue{margin-top:var(--spacing-md);flex-direction:column;gap:12px;max-height:480px;padding-right:4px;display:flex;overflow-y:auto}.queue-card{border:1px solid var(--color-hairline);border-radius:var(--rounded-md);background-color:var(--color-canvas);justify-content:space-between;align-items:center;padding:14px 18px;transition:all .15s;display:flex}.queue-card:hover{background-color:var(--color-canvas-elevated);border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.card-left{flex:1;align-items:center;gap:16px;display:flex;overflow:hidden}.thumb-box{border-radius:var(--rounded-sm);background-color:var(--color-hairline-soft);border:1px solid var(--color-hairline);flex-shrink:0;justify-content:center;align-items:center;width:54px;min-width:54px;max-width:54px;height:54px;min-height:54px;max-height:54px;display:flex;overflow:hidden}.thumb-img{border-radius:4px;display:block;object-fit:cover!important;width:54px!important;max-width:54px!important;height:54px!important;max-height:54px!important}.thumb-placeholder{font-family:var(--font-mono);color:var(--color-mute);font-size:10px;font-weight:500}.file-details{flex-direction:column;gap:4px;display:flex;overflow:hidden}.file-name{color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.file-meta{color:var(--color-body);align-items:center;gap:6px;font-size:12px;display:flex}.size-orig{color:var(--color-mute)}.arrow-sep{color:var(--color-faint);font-size:11px}.size-conv{color:var(--color-ink);font-weight:600}.format-tag{font-family:var(--font-mono);background-color:var(--color-link-soft);color:var(--color-link-deep);border-radius:var(--rounded-sm);text-transform:uppercase;padding:1px 6px;font-size:10px;font-weight:500}.card-right{flex-shrink:0;align-items:center;gap:12px;margin-left:12px;display:flex}.dl-single-btn{background-color:var(--color-ink);color:var(--color-on-primary);border:1px solid var(--color-ink);border-radius:var(--rounded-pill);cursor:pointer;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.dl-single-btn:hover{opacity:.85;transform:translateY(-1px);box-shadow:0 4px 10px #00000026}.badge-status{border-radius:var(--rounded-pill);padding:4px 10px;font-size:12px;font-weight:500}.badge-pending{color:#6b7280;background-color:#f3f4f6}.badge-error{color:var(--color-error);background-color:#fee2e2}.converting-state{color:var(--color-link);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.spinner{border:2px solid var(--color-link-soft);border-top-color:var(--color-link);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.headline{font-size:30px}.settings-bar{flex-direction:column;align-items:stretch}.quality-group{width:100%}.queue-header,.queue-card{flex-direction:column;align-items:flex-start;gap:12px}.card-right{justify-content:flex-end;width:100%;margin-left:0}}.features-section[data-astro-cid-cognygiv]{padding:var(--spacing-4xl) var(--spacing-lg);background-color:var(--color-canvas);border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline)}.container[data-astro-cid-cognygiv]{max-width:1140px;margin:0 auto}.section-header[data-astro-cid-cognygiv]{text-align:center;max-width:600px;margin:0 auto var(--spacing-3xl) auto}.eyebrow[data-astro-cid-cognygiv]{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-mute);margin-bottom:var(--spacing-xs);font-size:12px;font-weight:500}.title[data-astro-cid-cognygiv]{letter-spacing:-1.28px;color:var(--color-ink);margin-bottom:var(--spacing-sm);font-size:32px;font-weight:600}.description[data-astro-cid-cognygiv]{color:var(--color-body);font-size:15px;line-height:1.6}.features-grid[data-astro-cid-cognygiv]{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.feature-card[data-astro-cid-cognygiv]{background-color:var(--color-canvas-elevated);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);padding:var(--spacing-xl);transition:transform .15s,border-color .15s}.feature-card[data-astro-cid-cognygiv]:hover{border-color:#d1d5db;transform:translateY(-2px)}.icon-box[data-astro-cid-cognygiv]{border-radius:var(--rounded-sm);background-color:var(--color-canvas);border:1px solid var(--color-hairline);width:42px;height:42px;color:var(--color-ink);margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.card-title[data-astro-cid-cognygiv]{letter-spacing:-.4px;color:var(--color-ink);margin-bottom:var(--spacing-xs);font-size:18px;font-weight:600}.card-text[data-astro-cid-cognygiv]{color:var(--color-body);font-size:14px;line-height:1.6}@media (width<=768px){.features-grid[data-astro-cid-cognygiv]{grid-template-columns:1fr}}