.multistream-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}
.multistream-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line,#293447);min-width:0}
.multistream-card p{font-size:.85rem;margin:5px 0 10px;color:var(--muted,#aab5c8);overflow-wrap:anywhere}
.multistream-card>div{min-width:0}.multistream-pill{display:inline-block;border:1px solid var(--line,#293447);border-radius:20px;padding:5px 10px;font-size:.75rem;white-space:nowrap}
.multistream-pill.enabled{color:#88e4b1;border-color:#397657}.multistream-dialog{padding:24px;width:100%;min-width:0;box-sizing:border-box}
.multistream-dialog h2{margin:0}.multistream-dialog .section-head{gap:16px;margin-bottom:20px}.multistream-dialog .field{margin-top:16px}.multistream-dialog .check{margin:20px 0}.multistream-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
#multistream-live,#multistream-editor,#multistream-web-editor{width:min(640px,calc(100vw - 32px));max-width:calc(100vw - 32px);min-width:0;max-height:calc(100dvh - 32px);padding:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;background:var(--panel);color:var(--text);color-scheme:dark;border:1px solid var(--line)}#multistream-live .notice{margin:16px 0}
.multistream-card-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}#web-destination-embed{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}#web-destination-code{min-height:120px;overflow-wrap:anywhere}
.multistream-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multistream-dialog .field,.multistream-dialog form{min-width:0;max-width:100%}.multistream-dialog input,.multistream-dialog select,.multistream-dialog textarea{box-sizing:border-box;max-width:100%}.multistream-dialog .section-head{flex-wrap:wrap}.multistream-dialog h2,.multistream-dialog .notice,.multistream-dialog .text-button{overflow-wrap:anywhere}.multistream-dialog .check{align-items:flex-start}.multistream-dialog .check span{min-width:0}
@media(max-width:850px){.multistream-layout{grid-template-columns:1fr;gap:16px}.multistream-dialog{padding:20px}.multistream-card{align-items:flex-start}.multistream-card .button{flex-shrink:0}.multistream-actions .button{flex:1}}
@media(max-width:600px){.multistream-dialog .form-grid{grid-template-columns:minmax(0,1fr)}.multistream-dialog .section-head{align-items:flex-start}.multistream-dialog h2{font-size:20px}.multistream-actions .button{white-space:normal}}