.converter-stage{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;background:var(--canvas);color:var(--ink)}.converter-stage [hidden]{display:none!important}.converter-shell{width:min(var(--tool-width),calc(100% - 40px));margin:0 auto;padding:clamp(62px,9vh,96px) 0 56px}.converter-shell h1{margin:0 0 38px;font-size:clamp(34px,6vw,52px);line-height:1;letter-spacing:-.06em;font-weight:600}.drop-cue{width:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:28px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer}.drop-cue:hover{background:var(--surface-subtle);border-color:var(--muted)}.drop-cue svg,.converter-drop-overlay svg{width:30px;height:30px;margin-bottom:8px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.drop-cue strong{color:var(--ink);font-size:16px}.drop-cue span{font-size:13px}.drop-cue small{margin-top:8px;color:var(--muted);font-size:11px}.converter-workspace{margin-top:38px}.format-row{min-height:54px;display:flex;align-items:center;gap:14px;padding:10px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.format-label{margin-right:2px;color:var(--muted);font-size:12px}.format-options,.quality-options{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:var(--surface-subtle)}.format-options button,.quality-options button{min-height:30px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--text);cursor:pointer;font-size:12px}.format-options button:hover,.quality-options button:hover{color:var(--ink)}.format-options button.is-active,.quality-options button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--border)}.quality-row{display:flex;align-items:center;gap:14px;margin-left:auto}.quality-options button:disabled{opacity:.4;cursor:default}.converter-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:110;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);box-shadow:var(--shadow-floating);font-size:13px;line-height:1.5}.converter-toast:empty{display:none}.batch-heading{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.batch-heading>span{color:var(--text);font-size:12px}.batch-tools{display:flex;align-items:center;gap:12px}.text-button{padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:12px}.text-button:hover{color:var(--ink)}.file-list{border-bottom:1px solid var(--border)}.file-row{min-height:78px;display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,auto) auto;gap:14px;align-items:center;padding:12px 0}.file-row+.file-row{border-top:1px solid var(--border)}.file-main{min-width:0}.file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.file-meta{display:block;margin-top:4px;color:var(--muted);font-size:11px}.file-output{color:var(--text);font-size:11px;text-align:right}.file-output .file-size{display:block;margin-top:4px;color:var(--ink);font-size:12px;font-weight:700}.file-output .file-size.is-reduced{color:var(--success)}.row-actions{display:flex;align-items:center;gap:10px}.row-actions button{padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.row-actions button:hover{color:var(--ink)}.row-actions button:disabled{opacity:.35;cursor:default}.batch-actions{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.batch-status{margin:0;color:var(--muted);font-size:12px;line-height:18px}.action-group{display:flex;align-items:center}.primary-button,.download-menu summary,.download-menu button{min-height:38px;border:0;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}.primary-button{padding:0 15px;background:var(--ink);color:#fff;font-weight:600}.primary-button:hover{background:#2a2a2a}.primary-button:disabled{opacity:.35;cursor:default}.download-group{display:inline-flex;align-items:stretch}.download-group>.primary-button{border-radius:7px 0 0 7px}.download-menu{position:relative}.download-menu summary{width:34px;display:grid;place-items:center;padding:0;list-style:none;border-left:1px solid rgba(255,255,255,.25);border-radius:0 7px 7px 0;background:var(--ink);color:#fff}.download-menu summary::-webkit-details-marker{display:none}.download-menu>div{position:absolute;right:0;bottom:calc(100% + 8px);z-index:9;width:160px;padding:5px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:var(--shadow-floating)}.download-menu button{width:100%;padding:0 10px;background:transparent;color:var(--text);text-align:left}.download-menu button:hover{background:var(--surface-subtle);color:var(--ink)}.converter-drop-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;visibility:hidden;opacity:0;background:#fafafae6;backdrop-filter:blur(4px);pointer-events:none;transition:opacity .12s ease,visibility .12s ease}.converter-drop-overlay.is-active{visibility:visible;opacity:1}.converter-drop-overlay>div{display:grid;justify-items:center;gap:8px;color:var(--ink)}.converter-drop-overlay strong{font-size:18px}.converter-drop-overlay svg{width:36px;height:36px;color:var(--muted)}@media(max-width:640px){.converter-shell{width:calc(100% - 24px);padding-top:42px}.converter-shell h1{margin-bottom:28px;font-size:36px}.drop-cue{min-height:190px;padding:20px 14px}.format-row{flex-wrap:wrap;gap:10px}.quality-row{width:100%;margin-left:0;gap:10px}.file-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.file-output{grid-column:1;text-align:left}.row-actions{grid-column:2;grid-row:1 / span 2}.batch-actions{align-items:flex-start;flex-direction:column}.action-group,.primary-button,.download-group{width:100%}.download-group>.primary-button{flex:1}.action-group>.primary-button{width:100%}}@media(prefers-reduced-motion:reduce){.converter-drop-overlay{transition:none}}