:root{color-scheme:dark;--accent:#92ee5b;--muted:#96a28f;--text:#ecf1e7;--border:#2c3429;--surface:#161b14;--raised:#1d2419;--bg:#0d100c;font-family:Inter,"Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:7px;font:inherit;font-size:12px;font-weight:650;padding:10px 14px;cursor:pointer;white-space:nowrap;text-decoration:none}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:var(--accent);color:#17220f}.secondary{background:#242d1e;border-color:#465a34;color:#d4edc2}.quiet{background:transparent;border-color:var(--border);color:#b5c1a9}.small{font-size:11px;padding:7px 10px}button:hover:not(:disabled),.button:hover{filter:brightness(1.12);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.2}h2{font-size:15px;font-weight:700}h3{font-size:14px;font-weight:650}p{font-size:12px;line-height:1.65;color:var(--muted)}label{display:block;color:#c5cdbd;font-size:11px;font-weight:500}input:not([type=checkbox],[type=range]),select,textarea{font:inherit;font-size:12px;color:var(--text);background:#0f140c;border:1px solid #3d4735;border-radius:6px;padding:10px;min-width:0;width:100%;margin-top:6px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.check{display:flex;align-items:center;gap:9px;margin:12px 0}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--accent);margin-bottom:7px}.wordmark{font-size:19px;font-weight:850;letter-spacing:-.7px;color:#f5f8ef;white-space:nowrap}.wordmark span{color:var(--accent)}.studio-shell{display:grid;grid-template-columns:188px minmax(0,1fr);min-height:100vh}.studio-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#131810;padding:31px 18px}.sidebar-caption{font-size:8px;letter-spacing:1.3px;font-weight:750;margin:14px 0 32px}.studio-sidebar nav{display:flex;flex-direction:column;gap:7px}.studio-sidebar nav a{display:flex;gap:12px;align-items:center;font-size:12px;padding:12px;color:#abb7a0;border:1px solid transparent;border-radius:7px}.studio-sidebar nav a span{width:16px;font-size:16px;text-align:center}.studio-sidebar nav .selected{background:#25371c;color:#bcf09b;border-color:#425d30}.studio-sidebar nav a:hover{background:#222c1b;text-decoration:none}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:16px;font-size:10px}.sidebar-bottom button{align-self:flex-start}.private-label{font-size:8px;letter-spacing:1.4px;color:#78856e}.studio-main{padding:31px 30px 45px;width:100%;max-width:1800px;margin:0 auto}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.studio-heading p:not(.eyebrow){margin-top:6px}.heading-right{display:flex;align-items:center;gap:12px}.state-pill,.subtle-pill{font-size:9px;font-weight:750;white-space:nowrap;border:1px solid #3a4533;border-radius:20px;padding:5px 9px;color:#a4b499}.state-pill{padding:8px 12px;letter-spacing:.8px}.state-pill.live{background:#233c18;color:#b5f08e;border-color:#4b702f}.notice{min-height:20px;margin:10px 0 12px;color:#d5e9c5}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface);margin-bottom:22px}.metric{padding:17px 15px;border-right:1px solid var(--border);min-width:0}.metric:last-child{border-right:0}.metric>span{display:block;font-size:10px;color:#abb49f}.metric strong{display:block;font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:7px 0;overflow-wrap:anywhere}.metric small{display:block;color:#88957b;font-size:9px;line-height:1.65}.broadcast-grid{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:20px;align-items:stretch}.workspace-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:0;overflow:hidden}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.card-heading p{font-size:10px;margin-top:5px}.heading-icon{color:var(--accent);margin-right:8px}.monitor{aspect-ratio:16/9;background:#080b07;position:relative;display:grid;place-items:center;overflow:hidden}.monitor video,.monitor iframe{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;border:0}.monitor-empty{text-align:center;padding:24px}.monitor-empty>span{display:block;font-size:34px;color:#85b362;line-height:1;margin-bottom:17px}.monitor-empty h3{font-size:18px;letter-spacing:-.3px}.monitor-empty p{font-size:11px;margin:8px 0 16px}.monitor-empty a{font-size:10px}.preview-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 17px;background:#10150c;border-bottom:1px solid var(--border);font-size:10px;color:#a9b59d}.stream-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:17px 18px 9px}.health-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:5px 18px 0;padding:13px 0;border-bottom:1px solid var(--border)}.health-strip>div{display:flex;align-items:center;gap:9px}.health-strip p{font-size:10px}.health-dot{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#778570}.health-dot.good{background:var(--accent)}.health-dot.issue{background:#e5c77c}#bitrate-chart{width:155px;height:28px;flex-shrink:0}#bitrate-line{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linejoin:round}.obs-note{font-size:10px;padding:11px 18px 17px}.studio-chat{position:relative;display:flex;flex-direction:column;min-height:550px}.chat-toolbar{padding:11px 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.chat-toolbar select{margin:0;font-size:10px;padding:8px}.studio-chat-feed{position:relative;height:340px;min-height:240px;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#45583a transparent;padding:10px 14px;max-height:550px;overflow-anchor:none}.studio-chat-feed:focus-visible{outline-offset:-3px}.chat-row{border-bottom:1px solid #273021;padding:10px 0;overflow-wrap:anywhere}.chat-row:last-child{border-bottom:0}.chat-row-header{display:flex;align-items:center;gap:7px}.chat-row-header strong{font-size:11px;font-weight:650;color:#d3efbd}.chat-source{font-size:8px;color:#8e9d82}.chat-role{font-size:8px;color:#b4c994;border:1px solid #3c4c2f;padding:1px 4px;border-radius:3px}.chat-time{font-size:8px;color:#7d8a72;margin-left:auto}.chat-menu-button{font-size:16px;letter-spacing:1px;padding:0 4px;min-width:24px;height:22px;color:#a4b198;background:transparent;flex-shrink:0}.chat-row-body{font-size:12px;line-height:1.55;color:#e5eddf;white-space:pre-wrap;margin-top:4px}.chat-row.is-deleted .chat-row-body{font-style:italic;color:#819076;font-size:10px}.chat-row.is-muted .chat-row-header strong{color:#d6c686}.chat-row.is-banned .chat-row-header strong{color:#e6a29a}.empty-state{text-align:center;padding:28px 10px;font-size:11px}.chat-composer{border-top:1px solid var(--border);padding:13px 14px;margin:0}.chat-composer label{font-size:9px;color:#aebba2}.chat-composer>div{display:flex;align-items:flex-end;gap:8px;margin-top:7px}.chat-composer textarea{font-size:11px;resize:none;margin:0;min-height:57px}.chat-composer button{padding:10px 12px}.chat-composer p{min-height:16px;font-size:9px;margin-top:7px}.new-messages{align-self:center;background:#334929;color:#d6f0c3;font-size:10px;padding:7px 14px;margin:4px}.moderation-menu{position:fixed;z-index:60;min-width:180px;max-width:240px;background:#232b1d;border:1px solid #516043;border-radius:8px;box-shadow:0 8px 30px #0008;padding:5px}.moderation-menu button{display:flex;width:100%;justify-content:flex-start;font-size:11px;padding:10px;border:0;background:transparent;color:#e1eed5}.moderation-menu button:hover{background:#37492b}.moderation-menu .danger-action{color:#efaaa0}.moderation-menu p{font-size:9px;padding:8px;line-height:1.5}.scanner-card{margin-top:22px}.scanner-switch{background:#242d1e;border:1px solid #48583d;color:#b6c5a6;font-size:11px}.scanner-switch>span{display:block;width:23px;height:13px;border-radius:10px;background:#69725f;position:relative}.scanner-switch>span:after{content:"";position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#d9e3cf}.scanner-switch[aria-checked=true]{color:#c3f6a6;border-color:#55753e}.scanner-switch[aria-checked=true]>span{background:#709944}.scanner-switch[aria-checked=true]>span:after{left:12px;background:#e0ffd1}.scanner-off{display:flex;align-items:center;gap:23px;padding:29px 25px}.scanner-off>span{font-size:34px;color:#758e62;border:1px solid #33432b;border-radius:10px;padding:12px 17px}.scanner-off p{max-width:630px;font-size:11px;margin-top:7px}.scanner-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}.scanner-capture{padding:20px;border-right:1px solid var(--border)}.scanner-source-row{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px}.scanner-source-row label{flex:1}.scanner-source-row button{margin-bottom:1px}.scanner-view{aspect-ratio:4/3;position:relative;display:grid;place-items:center;background:#090d07;border:1px solid #333e29;border-radius:7px;overflow:hidden;min-height:160px}.scanner-view video,.scanner-view canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.scanner-view>p{padding:20px;text-align:center;font-size:11px}.scan-guide{position:absolute;border:2px solid #aff075;box-shadow:0 0 0 100vmax #03090063;z-index:2;border-radius:5px;touch-action:none;cursor:move}.scan-guide span{position:absolute;left:50%;bottom:calc(100% + 5px);transform:translateX(-50%);white-space:nowrap;background:#0d180bdd;font-size:8px;padding:3px 6px;color:#dbf4ca}.camera-controls{display:flex;gap:9px;align-items:center;margin:10px 0}.camera-controls select{margin:0;font-size:10px;padding:7px;flex:1}.crop-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin:13px 0}.crop-controls label{font-size:9px;color:#99aa8a}.crop-controls input{display:block;width:100%;accent-color:var(--accent);margin-top:7px}.photo-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.photo-slots>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.photo-slot{height:65px;width:100%;border:1px dashed #425035;border-radius:6px;display:grid;place-items:center;background:#10150c;font-size:10px;color:#94a785}.photo-slot img{height:60px;max-width:100%;object-fit:contain}.upload-label{position:relative;padding:7px 9px;border:1px solid #3b4830;border-radius:5px;font-size:10px;cursor:pointer;overflow:hidden}.upload-label input{position:absolute;inset:0;opacity:0;cursor:pointer;max-width:100%}.scan-options{display:flex;align-items:flex-end;gap:10px}.scan-options label{flex:1;min-width:0}.scan-options button{margin-bottom:1px}.scanner-capture>p{font-size:10px;margin-top:10px}.muted-small{font-size:9px;color:#93a085;line-height:1.65}.scanner-results{padding:20px}.result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.result-empty{padding:37px 18px;border:1px dashed #35432b;border-radius:8px;color:#91a07f;font-size:11px;line-height:1.7;text-align:center}.scan-result-summary{display:flex;gap:15px;align-items:center;margin-bottom:18px}.scan-result-summary img{width:69px;height:100px;border-radius:4px;object-fit:contain;background:#080d05}.scan-result-summary p{color:#e1f1d5;font-size:16px;font-weight:700;line-height:1.45;margin-bottom:6px}.scanner-results label{margin:9px 0}.scanner-results label select{font-size:11px}.scanner-results #scan-card-details{font-size:10px;margin:11px 0}.scan-price{padding:14px 15px;background:#202b18;border:1px solid #3b512a;border-radius:7px;margin:12px 0}.scan-price strong{font-size:25px;font-weight:700}.scan-price p,.scan-price a{font-size:9px;margin-top:6px}.share-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}#scan-result-note{font-size:10px;margin:10px 0}.scanner-results details{border-top:1px solid var(--border);padding-top:14px;margin-top:18px;font-size:10px}.scanner-results summary{cursor:pointer;color:#b6c6a7}.scanner-results pre{max-height:160px;overflow:auto;white-space:pre-wrap;font-size:10px;color:#aabf98;background:#0f160a;padding:10px;border-radius:5px}.scanner-results details p{font-size:9px;margin:10px 0}.scan-recent{display:flex;gap:7px;overflow:auto;padding:17px 0 10px}.scan-recent button{font-size:9px;padding:7px 9px;background:#212c19;color:#bbd5a4;border:1px solid #3a4c2b}.scan-recent button.selected{border-color:#9aca6e}.scanner-results>.muted-small{margin-top:10px}.login-shell{max-width:440px;margin:12vh auto;padding:30px}.login-shell>form{margin:35px 0 25px;padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.login-shell h1{font-size:28px;margin:12px 0}.login-shell label{margin:20px 0 15px}.login-shell>a{font-size:12px}.login-shell form>p:last-child{margin-top:15px;color:#dae8ce}dialog{width:min(460px,calc(100% - 30px));color:var(--text);background:#1a2415;border:1px solid #526642;border-radius:12px;padding:24px}dialog::backdrop{background:#040703c9}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}#phone-qr{display:block;width:200px;height:200px;background:white;margin:0 auto 18px;padding:10px}dialog p{font-size:11px}dialog input{font-size:10px!important;margin:15px 0}dialog .share-actions{margin:14px 0}.phone-page{max-width:610px;margin:0 auto;padding:23px 18px 40px}.phone-page header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.phone-page h1{font-size:26px}.phone-page>p{font-size:11px;margin:12px 0 20px}.phone-page .scanner-capture{border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:16px}.phone-result{margin-top:20px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.phone-result p{margin:8px 0}.phone-page .scan-options{flex-wrap:wrap}.phone-page .scan-options button{flex:1}.phone-page #scanner-feedback{color:#c7e9b0}
@media(min-width:1550px){.broadcast-grid{grid-template-columns:minmax(0,1fr) 380px}.studio-chat-feed{max-height:650px}.studio-main{padding:34px 37px}.metric{padding:19px}.metric strong{font-size:26px}.scanner-view{max-height:350px}}
@media(max-width:1180px){.studio-shell{grid-template-columns:155px minmax(0,1fr)}.studio-sidebar{padding:26px 12px}.wordmark{font-size:16px}.studio-main{padding:27px 20px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric:nth-child(3){border-right:0}.metric:nth-child(-n+3){border-bottom:1px solid var(--border)}.metric{padding:12px 15px}.metric strong{font-size:22px;margin:5px 0}.broadcast-grid{grid-template-columns:minmax(0,1fr) 310px}.monitor-empty h3{font-size:16px}.monitor-empty p{font-size:10px}.studio-chat{min-height:500px}.scanner-workspace{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr)}.camera-controls{flex-wrap:wrap}.camera-controls select{flex-basis:45%}.scan-options{flex-wrap:wrap}.scan-options button{width:100%}}
@media(max-width:900px){.broadcast-grid{grid-template-columns:minmax(0,1fr)}.studio-chat{min-height:460px;max-height:600px}.studio-chat-feed{height:320px;max-height:380px}.scanner-workspace{grid-template-columns:1fr}.scanner-capture{border-right:0;border-bottom:1px solid var(--border)}.scanner-view{max-height:360px}.studio-heading{align-items:flex-start}.heading-right{flex-direction:column;align-items:flex-end;gap:9px}.metric strong{font-size:21px}.obs-note{font-size:9px}}
@media(max-width:600px){.studio-shell{display:block}.studio-sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--border);padding:16px}.studio-sidebar .wordmark{font-size:19px}.sidebar-caption,.sidebar-bottom .private-label{display:none}.studio-sidebar nav{flex-direction:row;overflow:auto;gap:5px;margin-top:14px}.studio-sidebar nav a{padding:8px 10px;font-size:11px;white-space:nowrap}.studio-sidebar nav a span{display:none}.sidebar-bottom{margin-top:12px;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.sidebar-bottom button{padding:6px 10px;font-size:9px}.studio-main{padding:23px 14px}.studio-heading h1{font-size:27px}.heading-right .button{font-size:9px;padding:8px 10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.metric:nth-child(3){border-right:1px solid var(--border)}.metric:nth-child(even){border-right:0}.metric:nth-last-child(-n+2){border-bottom:0}.metric strong{font-size:22px}.monitor-empty{padding:15px}.monitor-empty>span{font-size:26px;margin-bottom:10px}.monitor-empty h3{font-size:15px}.monitor-empty p{margin:6px 0 8px}.card-heading{padding:13px}.stream-tools{padding:13px}.stream-tools button,.stream-tools a{font-size:10px;padding:8px}.scanner-card .card-heading h2{font-size:13px}.scanner-card .card-heading p{font-size:9px}.scanner-switch{font-size:9px;padding:9px}.scanner-off{padding:24px 16px;gap:15px}.scanner-off>span{font-size:25px;padding:9px 12px}.scanner-off h3{font-size:13px}.scanner-off p{font-size:10px}.scanner-capture,.scanner-results{padding:16px}.scanner-source-row{gap:8px}.scanner-source-row button{font-size:9px;padding:8px}.photo-slots{gap:8px}.photo-slots button{font-size:9px;padding:7px}.scanner-view{max-height:none}.health-strip{margin:0 13px;gap:8px}#bitrate-chart{width:95px}.login-shell{margin-top:5vh;padding:23px}.login-shell>form{padding:22px}.studio-chat-feed{max-height:370px}.scan-result-summary p{font-size:15px}}

/* Keep moderation visible while using the scanner below the preview. */
@media(min-width:901px){.studio-chat{position:sticky;top:22px;align-self:start;grid-column:2;grid-row:1/span 2;height:clamp(530px,calc(100dvh - 300px),800px)}.scanner-card{grid-column:1;grid-row:2;margin-top:0}.scanner-view{max-height:340px}.scanner-workspace{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr)}}
@media(min-width:901px) and (max-width:1280px){.scanner-workspace{grid-template-columns:1fr}.scanner-capture{border-right:0;border-bottom:1px solid var(--border)}}
.scanner-heading-actions{display:flex;gap:8px;align-items:center}.scanner-card{scroll-margin-top:20px}
@media(max-width:600px){.scanner-heading-actions{flex-wrap:wrap;justify-content:flex-end}.scanner-heading-actions .quiet{font-size:8px;padding:6px}.scanner-card .card-heading{align-items:flex-start}}

/* Automatic capture stays beside the same camera controls on desktop and phone. */
.capture-mode-controls{display:flex;align-items:flex-end;gap:10px;margin:12px 0}.capture-mode-controls label{flex:1;min-width:0}.capture-mode-controls select{margin-top:5px}.auto-capture-status{margin:7px 0;color:#b9eaa0;font-size:10px;min-height:17px}.scanner-view .scan-detection{position:absolute;z-index:3;pointer-events:none}.scan-detection polygon{fill:#9bdd4b0a;stroke:#b4ef7e;stroke-width:2}.scan-guide.detection-area{border-style:dashed;box-shadow:none;background:transparent}.scanner-results>.check{font-size:10px}.scanner-results>.check:first-of-type{margin-top:15px}@media(max-width:600px){.capture-mode-controls{gap:8px}.capture-mode-controls button{font-size:10px;padding:9px}.capture-mode-controls label{font-size:10px}}

/* Destination controls stay below the monitor and scanner on every screen size. */
.multistream-card{margin-top:22px;scroll-margin-top:20px}.multistream-overview{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 18px 0}.multistream-overview p{font-size:11px}.multistream-overview .good{color:#c5f6a9;background:#2b421c}.multistream-feedback{padding:0 18px;font-size:11px;color:#d4e8c3;min-height:16px;margin-top:10px}.multistream-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:8px 18px 18px}.multistream-destination{padding:17px;border:1px solid var(--border);border-radius:8px;min-width:0;background:#10170c}.destination-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.destination-heading h3{font-size:15px;margin-right:auto}.destination-heading .subtle-pill{font-size:9px}.destination-toggle[aria-checked=true]{background:#2e4820;border-color:#749c54;color:#d7ffc1}.multistream-destination[data-state=sending] .destination-state{color:#c3f8a5;background:#2c471d}.multistream-destination[data-state=retrying] .destination-state,.multistream-destination[data-state=encoder_unavailable] .destination-state{color:#ead08d}.destination-metrics{font-size:10px;min-height:33px;line-height:1.6;margin:11px 0}.multistream-destination details{border-top:1px solid var(--border);padding-top:10px;font-size:11px}.multistream-destination summary{cursor:pointer;color:#c3d3b4}.multistream-destination form{margin-top:14px}.multistream-destination label{display:block;font-size:10px;margin:10px 0}.multistream-destination input,.multistream-destination select{font-size:11px;width:100%;min-width:0;box-sizing:border-box}.destination-encoding{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.destination-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}.destination-actions a{font-size:10px}.destination-help,.destination-copy-note{font-size:10px;margin-top:12px;line-height:1.65}.multistream-note{font-size:10px;padding:0 18px 19px;max-width:900px;line-height:1.7}.multistream-destinations [hidden]{display:none!important}@media(max-width:700px){.multistream-destinations{grid-template-columns:1fr;padding:8px 13px 13px}.multistream-destination{padding:14px}.multistream-overview{padding:14px 13px 0}.multistream-feedback{padding:0 13px}.destination-heading h3{font-size:14px}.multistream-note{padding:0 13px 15px}.destination-actions button{font-size:10px}.multistream-card .card-heading{align-items:center}.multistream-card .card-heading p{font-size:10px}}

.audience-card{margin:0 0 20px}.audience-users{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;max-height:180px;overflow:auto}.audience-users li{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px 12px;border:1px solid #ffffff20;border-radius:8px;background:#19291e;font-size:12px;overflow-wrap:anywhere}.audience-users li span{color:#a8bcae}.audience-card .card-heading{margin-bottom:12px}.audience-card #studio-viewer-empty{margin:0}

.audience-card .audience-users{padding:16px 18px 0;margin:0}.audience-card .audience-users:empty{padding:0}.audience-card .audience-empty{padding:16px 18px;margin:0}.audience-card .audience-users:not(:empty){padding-bottom:16px}

.audience-card #studio-viewer-empty{padding:16px 18px;margin:0;font-size:12px;line-height:1.5}