.dialog{--dialog-width:44em;width:min(var(--dialog-width),100vw - var(--space-8));max-height:calc(100vh - var(--space-8));margin:auto;padding:0;border:0;background:transparent;color:var(--color-text);overflow:visible}.dialog::-webkit-backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog::backdrop{background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog[open]{animation:dialog-in var(--transition) both}.dialog[open]::-webkit-backdrop{animation:dialog-backdrop-in var(--transition) both}.dialog[open]::backdrop{animation:dialog-backdrop-in var(--transition) both}.dialog-box{display:flex;flex-direction:column;max-height:calc(100vh - var(--space-8));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-2);overflow:hidden}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border)}.dialog-head h2{margin:0;font-size:var(--text-lg)}.dialog-body{flex:1 1;min-height:0;padding:var(--space-5);overflow-x:hidden;overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(var(--space-3)) scale(.98)}}@keyframes dialog-backdrop-in{0%{opacity:0}}@media (max-width:640px){.dialog{width:100vw;max-width:100vw;max-height:100dvh;margin:auto 0 0}.dialog-box{max-height:calc(100dvh - var(--space-6));border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom)}.dialog-body{padding:var(--space-4)}@keyframes dialog-in{0%{opacity:0;transform:translateY(var(--space-8))}}}@media (prefers-reduced-motion:reduce){.dialog[open]::-webkit-backdrop{animation:none}.dialog[open],.dialog[open]::backdrop{animation:none}}.dialog-submit{--dialog-width:60em}.videos-dialog [hidden]{display:none}.dialog-step,.videos-dialog .videos-form-main,.videos-dialog .videos-slot{grid-template-columns:minmax(0,1fr)}.dialog-step{display:grid;grid-gap:var(--space-5);gap:var(--space-5);align-items:start}.videos-dialog .videos-form-side{top:0}@media (min-width:900px){.dialog-step{grid-template-columns:minmax(0,1fr) var(--videos-preview-width)}}.dialog-loading{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.dialog-steps{display:flex;gap:var(--space-4);margin:0 0 var(--space-4);padding:0;list-style:none;color:var(--color-muted);font-size:var(--text-sm)}.dialog-steps li{display:inline-flex;align-items:center;gap:var(--space-2)}.dialog-steps li+li:before{content:"";width:var(--space-6);height:1px;background:var(--color-border-strong)}.dialog-steps [aria-current=step]{color:var(--color-text)}.dialog-step-no{font-weight:var(--weight-black);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dialog-steps [aria-current=step] .dialog-step-no{color:var(--color-accent-text)}.dialog-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-2)}.dialog-link-url{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-2)}.videos-dialog .videos-preview{background:var(--color-surface-2)}.videos-dialog .actions{justify-content:flex-end}.videos-dialog .actions .btn-primary{min-width:10em}.dialog .videos-done,.videos-dialog .videos-done{max-width:none;border:0;padding:0}