/* AVATIX Tools V4 — conversion/media workspace */
.v4-tool-shell{padding-bottom:78px}
.v4-tool-panel{overflow:visible}
.v4-intent-grid{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}
.v4-intent-grid a,.v4-intent-grid button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#bed7f8;font:inherit;font-size:11px;font-weight:800;cursor:pointer;text-decoration:none}
.v4-intent-grid a:hover,.v4-intent-grid button:hover{border-color:#496a96;background:rgba(82,120,255,.08);color:white}
.v4-file-zone{position:relative;display:grid;place-items:center;gap:5px;min-height:142px;padding:22px;border:1px dashed rgba(117,149,196,.42);border-radius:16px;background:linear-gradient(135deg,rgba(57,199,255,.035),rgba(138,97,255,.045));text-align:center;cursor:pointer;transition:.2s}
.v4-file-zone:hover,.v4-file-zone.drag{border-color:#6ca6e8;background:linear-gradient(135deg,rgba(57,199,255,.075),rgba(138,97,255,.08));transform:translateY(-1px)}
.v4-file-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}
.v4-file-zone .v4-file-icon{font-size:28px}.v4-file-zone b{font-size:15px}.v4-file-zone small{max-width:600px;color:var(--muted);line-height:1.5}
.v4-files{display:grid;gap:8px;margin:12px 0}
.v4-file-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.022)}
.v4-file-card>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(82,120,255,.09)}
.v4-file-card div{min-width:0}.v4-file-card b,.v4-file-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v4-file-card b{font-size:12px}.v4-file-card small{margin-top:2px;color:var(--muted);font-size:10px}
.v4-file-card button{border:0;background:transparent;color:#8190a7;cursor:pointer;font-size:17px}
.v4-file-card button:hover{color:#fff}
.v4-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.v4-controls .full{grid-column:1/-1}
.v4-field{display:grid;gap:6px}.v4-field>span{font-size:11px;font-weight:850;color:#b9c6da}.v4-field>span small{font-weight:600;color:#75849a}
.v4-field .input,.v4-field .select,.v4-field input[type=number],.v4-field input[type=text],.v4-field textarea{width:100%}
.v4-inline{display:flex;gap:8px;align-items:center}.v4-inline>*{min-width:0;flex:1}
.v4-check{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);cursor:pointer}
.v4-check input{margin-top:2px}.v4-check b,.v4-check small{display:block}.v4-check b{font-size:11px}.v4-check small{margin-top:2px;color:var(--muted);font-size:10px;line-height:1.4}
.v4-advanced{margin:12px 0;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.015)}
.v4-advanced summary{padding:11px 13px;cursor:pointer;font-size:11px;font-weight:850;color:#aebbd0}.v4-advanced[open] summary{border-bottom:1px solid var(--line)}.v4-advanced-body{padding:13px}
.v4-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
.v4-status{display:none;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(9,14,24,.8)}
.v4-status.show{display:block}.v4-status-head{display:flex;justify-content:space-between;gap:12px;font-size:11px}.v4-status-head b{color:#e8f1ff}.v4-status-head span{color:var(--muted)}
.v4-progress{height:8px;margin-top:9px;border-radius:999px;background:#111927;overflow:hidden}.v4-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue2),var(--violet));transition:width .2s}
.v4-log{margin-top:8px;color:#77869c;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v4-results{display:grid;gap:10px;margin-top:15px}
.v4-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border:1px solid rgba(64,207,152,.2);border-radius:13px;background:rgba(64,207,152,.035)}
.v4-result b,.v4-result span{display:block}.v4-result b{font-size:12px}.v4-result span{margin-top:3px;color:var(--muted);font-size:10px}
.v4-result-actions{display:flex;gap:7px}.v4-result-actions a{white-space:nowrap}
.v4-suggestion{display:none;margin-top:12px;padding:12px 13px;border:1px solid rgba(111,166,255,.24);border-radius:12px;background:rgba(82,120,255,.06);font-size:11px;color:#aebbd0}
.v4-suggestion.show{display:block}.v4-suggestion b{color:#e9f3ff}.v4-suggestion a{display:inline-flex;margin-left:5px;color:#86d5ff;font-weight:850}
.v4-local-banner{display:flex;gap:11px;align-items:flex-start;margin:16px 0;padding:12px;border:1px solid rgba(75,211,158,.18);border-radius:13px;background:rgba(75,211,158,.035)}
.v4-local-banner>span{font-size:17px}.v4-local-banner b,.v4-local-banner small{display:block}.v4-local-banner b{font-size:11px;color:#c8f5e4}.v4-local-banner small{margin-top:2px;color:#8da69e;font-size:10px;line-height:1.45}
.v4-warning{margin:10px 0;padding:10px 12px;border-radius:11px;border:1px solid rgba(255,184,91,.18);background:rgba(255,184,91,.04);color:#c7ad8b;font-size:10px;line-height:1.45}
.v4-crosslinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v4-crosslinks a{display:flex;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);color:#b9c6da;font-size:11px}.v4-crosslinks a:hover{border-color:#456589;color:#fff}.v4-crosslinks small{color:#74849b}
.v4-route-card{margin:18px 0;padding:14px;border:1px solid rgba(82,120,255,.18);border-radius:14px;background:linear-gradient(135deg,rgba(57,199,255,.035),rgba(138,97,255,.035))}
.v4-route-card h3{margin:0 0 5px;font-size:13px}.v4-route-card p{margin:0;color:var(--muted);font-size:11px}
.v4-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.v4-table{width:100%;border-collapse:collapse;font-size:11px}.v4-table th,.v4-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.v4-table th{color:#8fa0b8;background:rgba(255,255,255,.025)}.v4-table tr:last-child td{border-bottom:0}
.v4-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v4-editor{min-height:330px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#090e17;color:#d9e4f4;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
.v4-unit-result{padding:18px;border:1px solid rgba(82,120,255,.22);border-radius:14px;background:linear-gradient(135deg,rgba(57,199,255,.035),rgba(138,97,255,.055))}
.v4-unit-result strong{display:block;font-size:clamp(26px,5vw,44px);letter-spacing:-.04em}.v4-unit-result span{display:block;margin-top:5px;color:var(--muted);font-size:11px}
.v4-history{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.v4-history button{border:1px solid var(--line);border-radius:999px;background:transparent;color:#90a0b7;padding:6px 8px;font-size:9px;cursor:pointer}
.v4-image-list{display:grid;gap:8px}.v4-image-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:11px}.v4-image-row img{width:52px;height:52px;object-fit:cover;border-radius:8px}.v4-image-row b,.v4-image-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v4-image-row small{color:var(--muted);font-size:9px}.v4-image-row-actions{display:flex;gap:4px}.v4-image-row-actions button{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:transparent;color:#a9b6c9;cursor:pointer}
.v4-page-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.v4-page-picker label{padding:6px 8px;border:1px solid var(--line);border-radius:8px;font-size:10px;cursor:pointer}
.v4-home-new{position:relative}.v4-home-new:after{content:"V4";position:absolute;top:10px;right:42px;padding:3px 6px;border-radius:999px;background:rgba(82,120,255,.12);border:1px solid rgba(82,120,255,.22);color:#9dccff;font-size:8px;font-weight:950;letter-spacing:.08em}
@media(max-width:700px){
 .v4-controls,.v4-editor-grid,.v4-crosslinks{grid-template-columns:1fr}
 .v4-result{grid-template-columns:1fr}.v4-result-actions{justify-content:flex-start}
 .v4-file-zone{min-height:128px;padding:18px 14px}
}
.v4-source-preview{display:block;width:100%;max-height:390px;margin:10px 0 4px;border:1px solid var(--line);border-radius:12px;background:#05080d}
audio.v4-source-preview{height:46px;background:transparent}
.v4-source-image{object-fit:contain;max-height:360px}
.v4-preview{grid-column:1/-1;width:100%;max-height:360px;border-radius:10px;background:#05080d}
audio.v4-preview{height:44px;background:transparent}.v4-preview-image{object-fit:contain}
/* Preserve native hidden state even when V4 components set their own display mode. */
.v4-tool-shell [hidden]{display:none!important}
/* Lossless outputs do not use the lossy bitrate selector. */
body[data-tool="conversor-audio"] .v4-field:has(#audioBitrate:disabled){display:none}