/* The creator's saved composition is shared by every viewer of the room. */
.custom-live-layout{display:block}.custom-live-layout>.live-content{min-width:0}
.broadcast-scene{--scene-accent:#b6a2ff;--scene-background:#10101c;--scene-radius:18px;--scene-border:2px;--scene-chat-alpha:.96;--scene-chat-font:14px;--scene-font:Inter,'Segoe UI',sans-serif;position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;border:1px solid #ffffff14;border-radius:20px;background:var(--scene-background);overflow:hidden;container-type:inline-size;font-family:var(--scene-font)}
.broadcast-scene[data-format=portrait]{aspect-ratio:9/16;max-width:620px;margin-inline:auto}
.broadcast-scene[data-pattern=glow]{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--scene-accent) 24%,transparent),transparent 65%),radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--scene-accent) 9%,transparent),transparent 60%),var(--scene-background)}
.broadcast-scene[data-pattern=grid]{background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:28px 28px}
.broadcast-scene[data-font=editorial]{--scene-font:Georgia,'Times New Roman',serif}.broadcast-scene[data-font=mono]{--scene-font:ui-monospace,Consolas,monospace}
.scene-signature{position:absolute;left:3%;right:3%;top:3.5%;z-index:4;display:flex;align-items:center;gap:16px;pointer-events:none;color:#fff;text-shadow:0 2px 10px #0008}
.scene-signature [data-scene-brand]{font-weight:800;font-size:clamp(12px,2cqw,28px);letter-spacing:.06em;line-height:1.1;padding-left:12px;border-left:3px solid var(--scene-accent);max-width:55%;overflow-wrap:anywhere}
.scene-signature [data-scene-banner]{font-size:clamp(10px,1.25cqw,17px);line-height:1.4;color:#e5e2f0;max-width:45%;overflow-wrap:anywhere}
.broadcast-scene [hidden]{display:none!important}
.broadcast-scene [data-scene-block]{position:absolute;min-width:0;min-height:0;margin:0;border-radius:var(--scene-radius)}
.broadcast-scene [data-scene-block=video]{z-index:1;aspect-ratio:auto;border:var(--scene-border) solid var(--scene-accent);background:#090b10}
.broadcast-scene [data-scene-block=video][data-shape=square]{border-radius:0}
.broadcast-scene .video-tile video{object-fit:var(--scene-fit,contain)}
.broadcast-scene .stage-overlay{inset:12px 12px auto}.broadcast-scene .stage-overlay .badge{font-size:10px}
.broadcast-scene .stage-controls{padding:28px 10px 10px}.broadcast-scene .stage-controls .btn{width:34px;min-height:34px;padding:7px}
.broadcast-scene [data-scene-block=video][data-shape=circle]{border-radius:0;border-color:transparent;background:transparent;overflow:visible}
.broadcast-scene [data-shape=circle] .video-grid,.broadcast-scene [data-shape=circle] .designer-camera-content,.broadcast-scene [data-shape=circle] .stage-placeholder{border-radius:50%;overflow:hidden}
.broadcast-scene [data-scene-block=chat]{z-index:3;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--scene-accent) 40%,transparent);background:rgba(13,16,24,var(--scene-chat-alpha));backdrop-filter:blur(10px);box-shadow:0 14px 45px #0003;max-height:none;overflow:hidden;font-size:var(--scene-chat-font)}
.broadcast-scene .chat-header{padding:12px 14px;font-size:.95em;flex-shrink:0;gap:5px}.broadcast-scene .chat-header>span:first-child{display:flex;align-items:center;gap:7px;min-width:0}.broadcast-scene .chat-header .icon{width:18px;height:18px}
.broadcast-scene .chat-info{font-size:.78em;padding:9px 12px;flex-shrink:0;background:color-mix(in srgb,var(--scene-accent) 7%,transparent)}
.broadcast-scene .chat-messages{padding:12px;min-height:0}.broadcast-scene .chat-message{font-size:1em;margin-bottom:12px}.broadcast-scene .chat-message .name{color:var(--scene-accent)}
.broadcast-scene .chat-compose{padding:10px;flex-shrink:0}.broadcast-scene .chat-compose input{font-size:.85em}.broadcast-scene .chat-compose small{font-size:10px;line-height:1.2}.broadcast-scene .chat-compose .btn{background:var(--scene-accent);color:#17131e}.broadcast-scene .message-menu{min-width:27px;min-height:25px;font-size:16px}
.broadcast-scene:fullscreen{border-radius:0;width:100vw;height:100vh;max-width:none;aspect-ratio:auto}
.studio-design-entry{display:flex;align-items:center;gap:18px;border:1px solid #554271;border-radius:18px;padding:20px 24px;margin-bottom:24px;background:linear-gradient(115deg,#292037,#151923 75%)}
.studio-design-entry img{width:45px;height:45px}.studio-design-entry h2{font-size:1.12rem;margin:0 0 5px}.studio-design-entry p{color:#bbb4cb;font-size:.85rem}.studio-design-entry .btn{margin-left:auto}

/* Private, reversible preview workspace. */
.designer-backdrop{position:fixed;inset:0;z-index:100;background:#06080ddd;backdrop-filter:blur(10px);padding:18px;display:flex;align-items:center;justify-content:center}
.scene-designer{width:min(1580px,100%);height:min(940px,100%);display:flex;flex-direction:column;min-height:0;background:#10121a;border:1px solid #373440;border-radius:22px;overflow:hidden;box-shadow:0 35px 130px #0009}
.designer-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #2d2c38;flex-shrink:0;background:linear-gradient(120deg,#1b1726,#10121a 70%)}
.designer-heading,.designer-header-actions{display:flex;align-items:center;gap:14px}.designer-heading img{width:42px;height:42px}.designer-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#baa7ee}.designer-header h2{font-size:21px;letter-spacing:-.5px;margin:4px 0 0}.designer-preview-badge{border:1px solid #5c4a78;background:#30243e;color:#d7c1fd;border-radius:20px;padding:5px 11px;font-size:11px;white-space:nowrap}.designer-header-actions .btn{font-size:25px;line-height:1}
.designer-body{display:grid;grid-template-columns:170px minmax(260px,1fr) 268px;flex:1;min-height:0}
.designer-presets{padding:23px 15px;border-right:1px solid #292a34;overflow:auto}.designer-presets h3,.designer-inspector>h3{font-size:12px;font-weight:700;margin:0 0 7px}.designer-presets>p{font-size:11px;color:#9294a5;line-height:1.6;margin-bottom:20px}.designer-preset-list{display:flex;flex-direction:column;gap:14px}.designer-preset{display:block;text-align:left;background:transparent;color:#dfdce9;padding:0;border-radius:12px}.designer-preset strong{font-size:12px;display:block;margin:7px 2px 4px}.designer-preset small{display:block;font-size:10px;color:#9693a6;line-height:1.4;margin:0 2px}.preset-mini{height:75px;display:block;border:1px solid #393542;border-radius:10px;background:radial-gradient(at top left,#5c4281,#181621);position:relative;overflow:hidden;transition:border-color .15s}.designer-preset:hover .preset-mini{border-color:#c4a3ff}.preset-mini:after{content:'';position:absolute;left:8%;top:10%;width:34%;height:4px;background:#b5a3d4;border-radius:2px}.preset-mini i{position:absolute;left:7%;top:25%;width:56%;height:60%;background:linear-gradient(140deg,#8973ad80,#352f48);border:1px solid #c4a3ff8a;border-radius:4px}.preset-mini b{position:absolute;left:68%;top:25%;width:25%;height:60%;border:1px solid #a694c05e;border-radius:4px;background:repeating-linear-gradient(transparent 0 8px,#bfb2d824 8px 10px) #14151e}
.preset-cinema{background:#142823}.preset-cinema i{inset:0;width:100%;height:100%;border:0;border-radius:0;background:linear-gradient(140deg,#347269,#172a34)}.preset-cinema b{top:38%;left:70%;height:55%;background-color:#10211eaa}.preset-editorial{background:linear-gradient(125deg,#584431,#191611)}.preset-editorial i{left:35%;width:58%;border-color:#dbbd90}.preset-editorial b{left:7%;width:23%;background-color:#292019}.preset-portrait{background:radial-gradient(at top left,#613a57,#271423)}.preset-portrait i{left:24%;width:52%;top:20%;height:35%;border-color:#f3acda}.preset-portrait b{left:24%;width:52%;top:60%;height:32%}
.designer-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0c0e15}.designer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #292a34;flex-shrink:0}.designer-history{display:flex;gap:5px}.designer-history .btn{font-size:20px;width:32px;min-height:31px;padding:0}.designer-format{display:flex;align-items:center;gap:8px;color:#9894a9;font-size:11px}.designer-format select{border:1px solid #373444;border-radius:7px;background:#171924;color:#dad5e6;font-size:11px;padding:7px 9px}.designer-snap{font-size:11px;color:#b2abba;gap:6px}.designer-snap input{width:14px;height:14px}
.designer-preview-well{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:30px 24px;background-image:radial-gradient(#45425355 .7px,transparent .7px);background-size:14px 14px;overflow:auto}
.editor-surface{width:100%;max-height:100%;border-radius:10px;flex-shrink:0;box-shadow:0 15px 60px #0006;overflow:visible;outline:1px solid #44404d}
.designer-preview-well.portrait-preview .editor-surface{height:100%;width:auto;max-width:100%;aspect-ratio:9/16;flex-shrink:1}
.editor-surface .scene-signature{overflow:hidden;max-height:11%;gap:10px}.editor-surface .scene-signature [data-scene-brand]{font-size:clamp(10px,2cqw,18px);padding-left:8px;border-left-width:2px}.editor-surface .scene-signature [data-scene-banner]{font-size:clamp(8px,1.3cqw,13px)}
.editor-surface [data-scene-block]{overflow:visible}.editor-surface .designer-block{outline:1px solid transparent;outline-offset:3px}.editor-surface .designer-block.is-selected{outline:2px solid #d8c5ff;box-shadow:0 0 0 5px #bb9ef712;z-index:6}
.designer-camera-content{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:radial-gradient(ellipse at 40% 20%,#303044,#12151f)}.designer-camera{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--scene-fit,contain)}.designer-camera-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;text-align:center;color:#9a93b4;padding:12px}.designer-camera-empty strong{color:#e2dbf0;font-size:clamp(11px,1.7cqw,18px);font-weight:600}.designer-camera-empty>span:last-child{font-size:clamp(8px,1.1cqw,12px)}.camera-outline{width:48px;height:36px;display:grid;place-items:center;border:2px solid var(--scene-accent);border-radius:9px;font-size:26px;color:var(--scene-accent);margin-bottom:10px}
.preview-chat-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;padding:12px 10px;font-size:clamp(9px,1.25cqw,14px);font-weight:600;flex-shrink:0}.preview-chat-heading i{height:5px;width:5px;border-radius:50%;background:var(--scene-accent)}.preview-chat-messages{flex:1;min-height:0;overflow:hidden;padding:10px;font-size:clamp(8px,1.1cqw,var(--scene-chat-font));line-height:1.6}.preview-chat-messages p{margin-bottom:12px;color:#bdb9c8}.preview-chat-messages strong{color:var(--scene-accent);margin-right:5px}.preview-chat-messages small{font-size:9px;color:#817c90}.preview-chat-compose{display:flex;justify-content:space-between;gap:6px;color:#8e899e;font-size:9px;padding:9px;border-top:1px solid #ffffff16;overflow:hidden;max-height:44px;flex-shrink:0}.preview-chat-compose b{color:var(--scene-accent)}
.designer-drag{position:absolute;left:6px;top:6px;z-index:10;display:flex;align-items:center;gap:5px;max-width:calc(100% - 12px);padding:5px 7px;border:1px solid #b79edd90;border-radius:6px;background:#161221ee;color:#e9ddff;font-size:12px;cursor:grab;touch-action:none;user-select:none;box-shadow:0 2px 12px #0005}.designer-drag span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.designer-block[data-scene-block=chat] .designer-drag{top:-26px}.is-dragging .designer-drag{cursor:grabbing}.designer-resize{position:absolute;z-index:12;width:26px;height:26px;border-radius:50%;background:transparent;touch-action:none;user-select:none}.designer-resize:after{content:'';position:absolute;inset:7px;background:#e2cdff;border:1px solid #352249;border-radius:3px}.designer-resize.resize-nw{left:-13px;top:-13px;cursor:nwse-resize}.designer-resize.resize-ne{right:-13px;top:-13px;cursor:nesw-resize}.designer-resize.resize-sw{left:-13px;bottom:-13px;cursor:nesw-resize}.designer-resize.resize-se{right:-13px;bottom:-13px;cursor:nwse-resize}.designer-block:not(.is-selected) .designer-resize{opacity:0}.designer-block .designer-resize:focus-visible{opacity:1}
.designer-help{font-size:10px;color:#9893a8;line-height:1.6;padding:10px 22px 16px;margin:0;flex-shrink:0}
.designer-block[data-scene-block=chat] .designer-drag{top:6px}.scene-chat-preview .preview-chat-heading{padding-top:38px}
.designer-inspector{border-left:1px solid #292a34;padding:23px 18px;overflow:auto}.designer-selection{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #393342;border-radius:9px;margin:15px 0 22px;background:#0c0d14}.designer-selection button{background:transparent;color:#aaa1b8;font-size:12px;padding:7px;border-radius:5px}.designer-selection button[aria-pressed=true]{background:#392b4a;color:#e1caff}
.designer-fields{padding:0;margin:0 0 23px;border:0;min-width:0}.designer-fields legend{padding:0 0 12px;font-size:11px;font-weight:650;color:#e1d8ec}.designer-fields>label,.designer-coordinate-grid>label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#aaa2b8;margin:0 0 12px}.designer-fields input:not([type=range]),.designer-fields select{min-width:0;width:100%;height:35px;border:1px solid #383340;border-radius:7px;background:#171821;color:#eee8f6;padding:7px 9px;font-size:12px}.designer-fields input[type=color]{padding:4px;cursor:pointer}.designer-coordinate-grid,.designer-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.designer-color-grid>label{font-size:10px;color:#aaa2b8;display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.designer-coordinate-grid>label{margin-bottom:0}.designer-align{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px}.designer-align button{border:1px solid #383340;border-radius:7px;background:#171821;color:#c3b2dd;height:31px}.designer-range{position:relative}.designer-range output{position:absolute;right:0;top:0;color:#ded0f2;font-size:10px}.designer-range input{margin:5px 0 0;width:100%;accent-color:#ba9cec}.designer-mobile-note{font-size:10px;line-height:1.7;color:#9f96b0;margin-bottom:20px}
.designer-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #322b3e;background:#15131d;padding:17px 24px;flex-shrink:0}.designer-footer p{font-size:12px;color:#d9cbed;margin:0 0 3px}.designer-footer>div>span{font-size:10px;color:#8f859f}.designer-footer .check-row{font-size:10px;color:#aca1ba;gap:7px}.designer-footer .check-row input{width:14px;height:14px}.designer-footer-actions{display:flex;gap:10px}.designer-footer .btn{font-size:12px;min-height:40px;padding:10px 15px}
@media(max-width:1150px){.designer-body{grid-template-columns:132px minmax(230px,1fr) 232px}.designer-presets{padding:18px 11px}.designer-inspector{padding:18px 13px}.designer-preview-well{padding:25px 20px}.designer-header{padding:17px 20px}.designer-snap{display:none}.designer-header h2{font-size:18px}}
@media(max-width:850px){.designer-body{grid-template-columns:minmax(0,1fr) 228px;grid-template-rows:auto minmax(0,1fr)}.designer-presets{grid-column:1/-1;border-right:0;border-bottom:1px solid #292a34;padding:11px 16px;overflow:auto}.designer-presets>h3,.designer-presets>p,.designer-preset small{display:none}.designer-preset-list{display:grid;grid-template-columns:repeat(4,minmax(95px,1fr));gap:12px}.preset-mini{height:43px}.designer-preset strong{font-size:10px;margin-bottom:0}.designer-header{padding:13px 18px}.designer-header h2{font-size:16px}.designer-heading img{width:32px;height:32px}.designer-heading{gap:10px}.designer-preview-badge{font-size:9px}.designer-footer{padding:12px 18px}.designer-help{font-size:9px}}
@media(max-width:620px){.designer-backdrop{padding:0}.scene-designer{border-radius:0;border:0;height:100dvh}.designer-header-actions{gap:3px}.designer-preview-badge{display:none}.designer-header{padding:12px 14px}.designer-header h2{font-size:15px}.designer-eyebrow{font-size:9px}.designer-body{display:flex;flex-direction:column;overflow:auto}.designer-presets{flex-shrink:0;overflow:visible}.designer-preset-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.designer-presets{padding:10px 12px}.preset-mini{height:39px}.designer-preset strong{font-size:9px}.designer-workspace{flex:0 0 auto;min-height:260px}.designer-toolbar{padding:9px 12px}.designer-preview-well{height:240px;flex:auto;padding:30px 19px}.designer-preview-well.portrait-preview{height:420px}.designer-help{padding:7px 15px 12px}.designer-inspector{border-left:0;border-top:1px solid #292a34;overflow:visible;padding:17px}.designer-inspector>h3{font-size:13px}.designer-fields{margin-bottom:20px}.designer-fields input:not([type=range]),.designer-fields select{height:42px;font-size:16px}.designer-fields>label,.designer-coordinate-grid>label,.designer-color-grid>label{font-size:12px}.designer-inspector>.designer-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.designer-fields legend{grid-column:1/-1;font-size:12px}.designer-coordinate-grid,.designer-align,.designer-color-grid{grid-column:1/-1}.designer-range output{font-size:12px}.designer-footer{padding:11px 14px;align-items:stretch;gap:10px;flex-direction:column}.designer-footer-actions{justify-content:flex-end}.designer-footer p{font-size:11px}.designer-footer .btn{min-height:42px}.studio-design-entry{padding:17px;flex-wrap:wrap;gap:12px}.studio-design-entry img{width:35px;height:35px}.studio-design-entry .grow{min-width:200px}.studio-design-entry .btn{width:100%;margin:0}.studio-design-entry h2{font-size:1rem}}
@media(max-width:720px){
  .broadcast-scene:not(.editor-surface):not([data-format=portrait]){aspect-ratio:auto;display:flex;flex-direction:column;gap:14px;padding:70px 12px 12px}
  .broadcast-scene:not(.editor-surface):not([data-format=portrait])>[data-scene-block=video]{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/9;flex-shrink:0}
  .broadcast-scene:not(.editor-surface):not([data-format=portrait])>[data-scene-block=chat]{position:relative;left:auto!important;top:auto!important;width:100%!important;height:420px!important;flex-shrink:0}
  .broadcast-scene:not(.editor-surface):not([data-format=portrait])>.scene-signature{top:16px;max-height:44px;left:15px;right:15px;gap:10px}.broadcast-scene:not(.editor-surface) .scene-signature [data-scene-brand]{font-size:14px}.broadcast-scene:not(.editor-surface) .scene-signature [data-scene-banner]{font-size:10px}
  .broadcast-scene:not(.editor-surface) .chat-header{font-size:13px}.broadcast-scene:not(.editor-surface) .chat-info{font-size:10px}.broadcast-scene:not(.editor-surface) .chat-compose input{font-size:16px}
  .broadcast-scene[data-format=portrait]:not(.editor-surface) .chat-info{display:none}.broadcast-scene[data-format=portrait]:not(.editor-surface) .chat-compose small{display:none}.broadcast-scene[data-format=portrait]:not(.editor-surface) .chat-message{font-size:min(var(--scene-chat-font),15px)}
}