:root[data-theme=light]{--studio-warn:var(--warning-text)}
#distribution-studio {min-width: 0;}
#distribution-studio .studio {grid-template-columns: minmax(0, 400px) minmax(0, 1fr); gap: 1rem;}
#distribution-studio .panel, #distribution-studio .stage-panel {box-shadow: none; border-radius: 20px; min-width: 0;}
#distribution-studio .surface-switch {display: flex; flex-wrap: wrap; gap: .5rem;}
#distribution-studio .surface-switch button {border-radius: 999px;}
#distribution-studio .studio-event-picker {display: grid; gap: .5rem; margin-bottom: 1rem;}
#distribution-studio [data-studio-tab][aria-selected="true"] {background: var(--brand); color: var(--on-brand);}
#distribution-studio .studio-advanced {margin-bottom: 1rem;}
#distribution-studio .studio-advanced summary {cursor: pointer; color: var(--muted);}
#distribution-studio .studio-image-actions {display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: .75rem;}
#distribution-studio .format-grid, #distribution-studio .img-grid, #distribution-studio .out-grid {min-width: 0;}
@media (max-width: 900px) {
  #distribution-studio .studio {grid-template-columns: minmax(0, 1fr);}
  #distribution-studio .format-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
  #distribution-studio .format-card {min-width: 0; padding: .6rem;}
  #distribution-studio .fname, #distribution-studio .fdesc {overflow-wrap: break-word;}
}
#distribution-studio .library .tag.on {color: var(--brand-text);}
#distribution-studio .library .archived-warn {color: var(--text);}
#distribution-studio .notice b {color: var(--text);}