.client-video-converter {
  width: min(540px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  padding: 24px;
  border: 1px solid #303138;
  border-radius: 24px;
  background: #121318;
  color: #f5f5f7;
  color-scheme: dark;
  box-sizing: border-box;
  overflow: auto;
  font: 1rem/1.55 system-ui, sans-serif;
}

.client-video-converter::backdrop { background: rgb(0 0 0 / 80%); backdrop-filter: blur(8px); }
.client-video-converter h2 { margin: 0 0 12px; font-size: 1.25rem; line-height: 1.3; }
.client-video-converter p { margin: 10px 0; }
.client-video-filename { overflow-wrap: anywhere; font-weight: 550; color: #b8b9c3; }
.client-video-privacy { padding: 12px; background: #22232b; color: #c6c7d0; border-radius: 12px; font-size: .875rem; }
.client-video-error { color: #ffb8c3; font-weight: 600; }
.client-video-converter progress { display: block; width: 100%; height: 14px; accent-color: #007a42; }
.client-video-converter progress[hidden] { display: none; }
.client-video-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.client-video-actions button { min-height: 44px; height: auto; padding: 12px 16px; white-space: normal; flex: 1 1 190px; border: 1px solid #454650; border-radius: 999px; background: #22232b; color: #f5f5f7; font: inherit; text-transform: none; letter-spacing: normal; cursor: pointer; }
.client-video-actions .btn-primary { background: #f5f5f7; color: #15161b; border: 1px solid #f5f5f7; }
.client-video-converter small { display: block; font-size: .75rem; color: #b8b9c3; }
.client-video-converter a { color: #bff2d2; text-decoration: underline; }
.client-video-converter :focus-visible { outline: 3px solid #bff2d2; outline-offset: 3px; }