.vx__body{display:grid;gap:var(--space-4)}.vx [hidden]{display:none !important}.vx__help{margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.vx__label{color:var(--ink-2);font-size:var(--fs-sm);font-weight:600}.vx__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.vx__row--center{justify-content:center}.vx__status{margin:0;min-height:1.5em;color:var(--ink-2);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.vx__status.is-error{color:var(--danger)}.vx__route{color:var(--ink-2)}.vx__route.is-error{color:var(--danger)}.vx__grid{display:grid;gap:var(--space-4);align-items:start}.vx__main{display:grid;gap:var(--space-4);min-width:0}.vx__drop{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;border:2px dashed color-mix(in srgb,var(--tool-accent) 45%,var(--line));border-radius:var(--radius-xl);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--tool-accent) 12%,var(--bg-deep)),var(--bg-deep) 70%);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.vx__drop.is-over{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 16%,var(--bg-deep))}.vx__drop h3{margin:0;font-size:var(--fs-h3)}.vx__art{display:block;width:min(56vw,260px);height:auto;aspect-ratio:4 / 3;filter:drop-shadow(0 18px 28px color-mix(in srgb,var(--tool-accent) 24%,transparent))}.vx__player{width:100%;max-height:min(70vh,640px);border-radius:var(--radius-lg);background:var(--bg-deep)}.vx__progress{display:grid;gap:var(--space-1)}.vx__track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--bg-deep);border:1px solid var(--line)}.vx__track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--tool-accent) 60%,var(--ink)),var(--tool-accent));transition:width var(--dur-fast) linear}.vx__stage{display:grid;gap:var(--space-3);min-width:0}.vx__file{display:grid;gap:2px;min-width:0}.vx__name{margin:0;color:var(--ink);font-weight:700;overflow-wrap:anywhere}.vx__trim{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);align-items:end}.vx__trim label{display:grid;gap:var(--space-1);color:var(--muted);font-size:var(--fs-sm)}.vx__trim-set{grid-column:1 / -1}.vx__result{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--tool-accent) 40%,var(--line));background:color-mix(in srgb,var(--tool-accent) 8%,var(--surface-2))}.vx__gif{display:block;max-width:100%;max-height:min(60vh,520px);margin:0 auto;border-radius:var(--radius-md)}.vx__audio{width:100%}.vx__panel{display:grid;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface-2)}.vx__field{display:grid;gap:var(--space-2);min-width:0}.vx__field > .vx__label:not(:first-child){margin-top:var(--space-2)}.vx__input{min-height:44px;width:100%;padding:var(--space-2) var(--space-3);color:var(--ink);font:inherit;font-size:var(--fs-md);background:var(--bg-deep);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.vx__input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.vx__formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.vx__format{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere;min-height:64px;padding:var(--space-2) var(--space-3);text-align:left;color:var(--ink-2);font:inherit;background:var(--bg-deep);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.vx__format strong{color:var(--ink);font-size:var(--fs-md)}.vx__format small{color:var(--muted);font-size:var(--fs-sm);line-height:1.3}.vx__format[aria-checked="true"]{border-color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 16%,var(--bg-deep));box-shadow:inset 0 0 0 1px var(--tool-accent)}.vx__format:disabled{opacity:.45;cursor:not-allowed}.vx__format:focus-visible{outline:var(--focus-ring);outline-offset:-2px}.vx__format:last-child:nth-child(odd){grid-column:1 / -1}.vx__seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;border-radius:var(--radius-md);background:var(--bg-deep);border:1px solid var(--line)}.vx__seg button{display:grid;place-content:center;gap:0;min-height:44px;padding:var(--space-1) var(--space-2);color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:700;line-height:1.15;background:none;border:0;border-radius:calc(var(--radius-md) - 3px);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.vx__seg button small{color:var(--muted);font-size:var(--fs-2xs);font-weight:600}.vx__seg button[aria-checked="true"]{color:var(--accent-ink);background:var(--tool-accent);box-shadow:0 2px 10px color-mix(in srgb,var(--tool-accent) 35%,transparent)}.vx__seg button[aria-checked="true"] small{color:color-mix(in srgb,var(--accent-ink) 75%,transparent)}.vx__seg button:disabled{opacity:.4;cursor:not-allowed}.vx__seg button:focus-visible{outline:var(--focus-ring);outline-offset:1px}.vx__note{display:flex;gap:var(--space-2);align-items:flex-start;margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.vx__note svg{flex:none;margin-top:2px;color:var(--tool-accent)}@media (hover:hover) and (pointer:fine){.vx__format:not(:disabled):not([aria-checked="true"]):hover{border-color:color-mix(in srgb,var(--tool-accent) 50%,var(--line))}.vx__seg button:not(:disabled):not([aria-checked="true"]):hover{background:color-mix(in srgb,var(--tool-accent) 14%,transparent);color:var(--ink)}}@media (min-width:900px){.vx__grid{grid-template-columns:minmax(0,1fr) 320px}.vx__panel{position:sticky;top:var(--sticky-top)}}@media (max-width:759px){.vx__drop{padding:var(--space-5) var(--space-3)}.vx__art{width:min(44vw,180px)}.vx__seg button{padding:var(--space-1)}.vx__row .lz-btn{flex:1 1 auto}}