.video-compressor{width:100%;min-height:100%;color:var(--color-ink);padding:24px 32px;overflow-y:auto}.video-compressor>*{max-width:1400px;margin-inline:auto}.vc-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex}.vc-heading h1{font:800 clamp(1.6rem, 2.5vw, 2rem) / 1.2 var(--font-display);letter-spacing:-.035em;margin:0 0 8px}.vc-heading p{color:var(--color-muted);margin:0;line-height:1.5}.vc-private{color:var(--color-muted);white-space:nowrap;align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.vc-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 180px;align-items:center;gap:24px;padding:16px;display:grid}.vc-upload,.vc-target,.vc-actions{min-width:0}.vc-upload .pt-dropzone{text-align:left;grid-template-columns:32px minmax(0,1fr);align-content:center;justify-items:start;column-gap:12px;min-height:88px;padding:16px}.vc-upload .pt-dropzone__hint{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.vc-target{grid-template-columns:140px minmax(0,1fr);align-items:end;gap:16px;display:grid}.vc-target .pt-field{gap:8px}.vc-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.vc-presets .btn{white-space:nowrap;min-height:40px;box-shadow:none;padding:8px 10px;font-size:.85rem}.vc-actions{gap:8px;display:grid}.vc-actions .btn{white-space:nowrap;padding-inline:12px}.vc-status{min-height:54px;color:var(--color-muted);align-items:center;gap:16px;padding-block:12px;font-size:.9rem;line-height:1.5;display:flex}.vc-status>div{width:100%}.vc-status progress{width:180px;height:10px;accent-color:var(--color-primary);flex:none}.vc-review{gap:0;padding:0;overflow:hidden}.vc-comparison{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.vc-player{min-width:0;padding:20px}.vc-player+.vc-player{border-left:1px solid var(--color-border)}.vc-player header{justify-content:space-between;align-items:center;gap:16px;min-height:30px;margin-bottom:16px;display:flex}.vc-player h2,.vc-player h3{font:800 1rem / 1.3 var(--font-display);margin:0}.vc-player header span,.vc-player header small{color:var(--color-muted);font-size:.85rem}.vc-player__screen{aspect-ratio:16/9;background:var(--color-page-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);text-align:center;place-items:center;display:grid;overflow:hidden}.vc-player__screen video{object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%;display:block}.vc-player__screen p{max-width:30ch;margin:0;padding:16px;font-size:.9rem;line-height:1.6}.vc-player__placeholder{justify-items:center;gap:12px;padding:24px;display:grid}.vc-player__placeholder svg{color:var(--color-muted-light)}.vc-player__placeholder p{padding:0}.vc-player__meta{color:var(--color-muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:.85rem;line-height:1.5}.vc-transport{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.vc-transport .btn{white-space:nowrap}.vc-transport__timeline{min-width:140px;accent-color:var(--color-primary);flex:1}.vc-transport input[type=range]{width:100%;accent-color:var(--color-primary);cursor:pointer;min-height:28px}.vc-transport time,.vc-transport__time{white-space:nowrap;color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.85rem}.vc-transport__audio{color:var(--color-muted);font-size:.8rem}.vc-transport__error{flex-basis:100%}.vc-notes{color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;padding-top:16px;font-size:.8rem;line-height:1.6;display:flex}.vc-notes p{margin:0}.vc-notes details{max-width:60ch}.vc-notes summary{cursor:pointer}.vc-notes details p{margin-top:8px}@media (width<=1024px){.vc-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vc-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.vc-private{white-space:normal}}@media (width<=768px){.video-compressor{padding:20px 16px}.vc-heading{flex-direction:column;align-items:flex-start;gap:12px}.vc-controls{grid-template-columns:minmax(0,1fr);gap:20px;padding:16px}.vc-target{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vc-actions{flex-wrap:wrap;grid-column:auto}.vc-actions .btn{flex:1}.vc-comparison{grid-template-columns:minmax(0,1fr)}.vc-player{padding:16px}.vc-player+.vc-player{border-left:0;border-top:1px solid var(--color-border)}.vc-status{flex-wrap:wrap;gap:8px}.vc-status progress{width:100%}.vc-transport{gap:12px;padding:16px}.vc-transport__timeline{flex-basis:100%;order:3}}.vc-transport__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vc-transport__actions>span{color:var(--color-muted);padding-inline:4px;font-size:.8rem}.vc-transport__timeline{align-items:center;gap:12px;display:flex}.vc-transport__timeline>span{font-variant-numeric:tabular-nums;color:var(--color-muted);white-space:nowrap;font-size:.85rem}.vc-player header strong{font-family:var(--font-display)}.vc-upload .pt-icon-tile{grid-row:1/3;align-self:center}.vc-upload .pt-dropzone__title,.vc-upload .pt-dropzone__hint{grid-column:2}
