:root{--bg:#f6f7f9;--bg-2:#eef0f4;--panel:#fff;--panel-hover:#f4f5f8;--panel-inset:#fafbfc;--accent:#2451d6;--accent-hover:#1a3fb8;--accent-active:#14349b;--accent-soft:#eef2ff;--accent-ring:rgba(36,81,214,.18);--live:#e11d3d;--live-soft:#fde8ec;--warn:#d97706;--warn-soft:#fef3c7;--success:#059669;--text:#111827;--text-strong:#030712;--muted:#4b5563;--muted-2:#9ca3af;--border:#e4e7ec;--border-strong:#d0d5dd;--border-inset:#eef0f3;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--shadow-xs:0 1px 2px rgba(17,24,39,.04);--shadow-sm:0 1px 2px rgba(17,24,39,.06),0 1px 3px rgba(17,24,39,.04);--shadow-md:0 2px 4px rgba(17,24,39,.05),0 4px 8px rgba(17,24,39,.06);--shadow-lg:0 4px 12px rgba(17,24,39,.08),0 12px 24px rgba(17,24,39,.08);--shadow-xl:0 8px 20px rgba(17,24,39,.1),0 24px 40px rgba(17,24,39,.1);--shadow-inset:inset 0 1px 0 hsla(0,0%,100%,.06);--transition-fast:120ms cubic-bezier(0.4,0,0.2,1);--transition-med:180ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-inter,"Inter"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11","ss01";text-rendering:optimizeLegibility}button{font-family:inherit;-webkit-font-smoothing:antialiased}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:480px;border-radius:var(--radius-xl);padding:28px}.card h1{margin:0 0 4px;font-size:20px}.card p.sub{margin:0 0 20px;font-size:14px}.card p.sub,.msg{color:var(--muted)}.msg{text-align:center}.room{position:relative;height:100vh}.status-badge{position:fixed;top:16px;left:16px;z-index:50;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em;border:1px solid var(--border);background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.status-badge .dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.status-badge.live .dot{background:var(--live);box-shadow:0 0 0 0 rgba(255,59,71,.6);animation:pulse 1.6s infinite}.status-badge.live{color:#fff;border-color:var(--live)}.status-badge.waiting{color:#fff;border-color:#f59e0b;background:rgba(245,158,11,.15)}.status-badge.waiting .dot{background:#f59e0b;box-shadow:0 0 0 0 rgba(245,158,11,.6);animation:pulse-waiting 2s infinite}@keyframes pulse-waiting{0%{box-shadow:0 0 0 0 rgba(245,158,11,.6)}70%{box-shadow:0 0 0 10px rgba(245,158,11,0)}to{box-shadow:0 0 0 0 rgba(245,158,11,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,59,71,.6)}70%{box-shadow:0 0 0 10px rgba(255,59,71,0)}to{box-shadow:0 0 0 0 rgba(255,59,71,0)}}.lk-prejoin{background:transparent}.stage-grid,.stage-screen-layout{position:fixed;inset:0;background:transparent}.stage-grid{display:grid;grid-gap:12px;gap:12px;padding:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:center;justify-content:center}.stage-grid[data-count="1"]{grid-template-columns:1fr}.stage-grid[data-count="2"]{grid-template-columns:1fr 1fr}.stage-tile{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 6px 24px rgba(0,0,0,.35)}.stage-tile video{width:100%;height:100%;object-fit:cover}.stage-name{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:8px;font-size:14px;font-weight:600;color:#fff;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stage-screen-layout{display:flex;flex-direction:column;gap:10px;padding:12px}.stage-screen{flex:1 1;border-radius:14px;overflow:hidden;background:#000}.stage-screen video{width:100%;height:100%;object-fit:contain}.stage-strip{display:flex;gap:10px;height:22%;justify-content:center}.stage-strip .stage-tile{aspect-ratio:16/9;height:100%}.stage-error{position:fixed;top:12px;left:12px;padding:8px 12px;border-radius:8px;font-size:13px;color:#fff;background:rgba(200,40,40,.85)}.broadcast-canvas{position:fixed;inset:0;background:linear-gradient(135deg,#0a0a0e,#14161f);overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.bc-grid{position:absolute;inset:40px;display:grid;grid-gap:20px;gap:20px;align-content:center;justify-content:center;grid-auto-rows:1fr}.bc-grid[data-count="1"]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.bc-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.bc-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.bc-grid[data-count="3"]>.bc-tile:first-child{grid-column:span 2}.bc-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.bc-grid[data-count="5"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.bc-grid[data-count="5"]>.bc-tile:first-child{grid-column:2/span 2}.bc-grid[data-count="5"]>.bc-tile:nth-child(2){grid-column:4/span 2}.bc-grid[data-count="5"]>.bc-tile:nth-child(3){grid-column:1/span 2}.bc-grid[data-count="5"]>.bc-tile:nth-child(4){grid-column:3/span 2}.bc-grid[data-count="5"]>.bc-tile:nth-child(5){grid-column:5/span 2}.bc-grid[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.bc-grid[data-count="7"]{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.bc-grid[data-count="7"]>.bc-tile:first-child{grid-column:1/span 4}.bc-grid[data-count="7"]>.bc-tile:nth-child(2){grid-column:5/span 4}.bc-grid[data-count="7"]>.bc-tile:nth-child(3){grid-column:9/span 4}.bc-grid[data-count="7"]>.bc-tile:nth-child(4){grid-column:1/span 3}.bc-grid[data-count="7"]>.bc-tile:nth-child(5){grid-column:4/span 3}.bc-grid[data-count="7"]>.bc-tile:nth-child(6){grid-column:7/span 3}.bc-grid[data-count="7"]>.bc-tile:nth-child(7){grid-column:10/span 3}.bc-grid[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.bc-grid[data-count="9"]{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.bc-grid[data-count="10"]{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.bc-grid[data-count="11"],.bc-grid[data-count="12"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.bc-tile{position:relative;border-radius:20px;overflow:hidden;background:#000;border:2px solid hsla(0,0%,100%,.08);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.04);aspect-ratio:16/9;align-self:center}.bc-tile video{width:100%;height:100%;object-fit:cover}.bc-tile .bc-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.15);font-size:72px}.bc-lower-third{position:absolute;left:16px;bottom:16px;padding:8px 16px;background:rgba(10,10,14,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;font-size:18px;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 12px rgba(0,0,0,.4);line-height:1.3}.bc-lower-third-sub{font-size:13px;font-weight:400;color:hsla(0,0%,100%,.7);margin-top:2px}.bc-pip-layout{position:absolute;inset:40px}.bc-pip-main,.bc-pip-main .bc-tile{width:100%;height:100%}.bc-pip-main .bc-tile{aspect-ratio:unset}.bc-pip-inset{position:absolute;right:20px;bottom:20px;width:22%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:3px solid hsla(0,0%,100%,.15);box-shadow:0 12px 40px rgba(0,0,0,.6)}.bc-pip-inset .bc-tile{border:0;border-radius:0;width:100%;height:100%;aspect-ratio:unset}.bc-tile-empty{background:rgba(20,22,30,.6);border:2px dashed hsla(0,0%,100%,.08);border-radius:20px;aspect-ratio:16/9}.guest-layout .studio-body{grid-template-columns:1fr}.guest-layout .studio-center{padding:20px;display:flex;flex-direction:column;gap:14px;align-items:center;max-width:1100px;margin:0 auto;width:100%;overflow:hidden}.studio-device-chip.read-only{cursor:default}.studio-device-chip.read-only:hover{transform:none;box-shadow:var(--shadow-xs);border-color:var(--border)}.studio-device-chip.read-only.on-screen:hover{box-shadow:var(--shadow-sm),0 0 0 1.5px var(--accent);border-color:var(--accent)}.bc-cinema-layout{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000}.bc-cinema-layout video{width:100%;height:100%;object-fit:contain}.bc-news-layout{position:absolute;inset:40px;display:grid;grid-template-columns:1fr 26%;grid-gap:20px;gap:20px}.bc-news-screen{border-radius:20px;overflow:hidden;background:#000;border:2px solid hsla(0,0%,100%,.08)}.bc-news-screen video{width:100%;height:100%;object-fit:contain}.bc-news-anchor{align-self:end;aspect-ratio:16/9}.bc-news-anchor .bc-tile{width:100%;height:100%;aspect-ratio:unset}.bc-custom-canvas{position:absolute;inset:0}.bc-custom-slot{position:absolute}.bc-custom-slot .bc-tile{width:100%;height:100%;aspect-ratio:unset;border-radius:14px;overflow:hidden}.bc-custom-slot-empty{width:100%;height:100%;background:rgba(20,22,30,.55);border:2px dashed hsla(0,0%,100%,.12);border-radius:14px}.bc-logo-watermark{position:absolute;top:30px;right:30px;max-width:180px;max-height:80px;object-fit:contain;opacity:.9;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6));z-index:10;pointer-events:none}.bc-countdown{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:rgba(10,10,14,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;color:#fff}.bc-countdown-label{font-size:38px;font-weight:500;letter-spacing:.05em;color:hsla(0,0%,100%,.85);text-transform:uppercase}.bc-countdown-timer{font-size:240px;font-weight:700;letter-spacing:-.02em;color:#fff;text-shadow:0 0 60px hsla(0,0%,100%,.3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:countdown-pulse 1s ease-in-out infinite}@keyframes countdown-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.bc-pinned-comment{position:absolute;bottom:100px;right:40px;max-width:440px;padding:14px 18px;background:hsla(0,0%,100%,.97);color:#0e0f13;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.55);z-index:15;animation:pin-in .26s cubic-bezier(.2,.9,.3,1)}.bc-pinned-header{font-size:14px;font-weight:700;margin-bottom:4px;color:#4f7cff;display:flex;gap:8px;align-items:center}.bc-pinned-text{font-size:20px;line-height:1.35;font-weight:500;white-space:pre-wrap}@keyframes pin-in{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.bc-ticker{position:absolute;bottom:0;left:0;right:0;height:56px;background:linear-gradient(90deg,#4f7cff,#764ba2);overflow:hidden;z-index:8;border-top:2px solid hsla(0,0%,100%,.2);box-shadow:0 -6px 20px rgba(0,0,0,.4)}.bc-ticker-inner{position:absolute;left:100%;top:0;height:100%;display:flex;align-items:center;padding:0 20px;font-size:22px;font-weight:600;color:#fff;white-space:nowrap;animation:ticker-scroll 22s linear infinite;text-shadow:0 2px 6px rgba(0,0,0,.3);letter-spacing:.02em}@keyframes ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 100vw))}}.studio-layout{height:100vh;display:grid;grid-template-rows:60px 1fr;overflow:hidden;background:var(--bg);font-size:14px}.studio-header{background:var(--panel);border-bottom:1px solid var(--border);padding:0 20px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-xs);z-index:5;position:relative}.studio-header-dest{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--panel-inset);border:1px solid var(--border);border-radius:999px;cursor:pointer;font-family:inherit;transition:background var(--transition-fast),border-color var(--transition-fast)}.studio-header-dest:hover{background:var(--panel-hover);border-color:var(--border-strong)}.studio-header-dest-chip{font-size:13px;line-height:1}.studio-header-dest-count{font-size:11px;font-weight:600;color:var(--muted)}.studio-header-dest-empty{padding:5px 10px;font-size:11px;font-family:inherit;font-weight:600;color:var(--warn);background:var(--warn-soft);border:1px dashed var(--warn);border-radius:999px;cursor:pointer}.studio-header-dest-empty:hover{filter:brightness(.97)}.studio-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.03) 20%,rgba(0,0,0,.03) 80%,transparent);pointer-events:none}.studio-body{display:grid;grid-template-columns:1fr 320px 68px;overflow:hidden;min-height:0}.studio-col{overflow-y:auto;overflow-x:hidden;min-height:0}.studio-scenes-title{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:4px 6px 8px}.studio-scene-card{background:var(--panel);border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;margin-bottom:10px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-xs)}.studio-scene-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.studio-scene-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring),var(--shadow-md)}.studio-scene-preview{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:24px;color:hsla(0,0%,100%,.85);text-shadow:0 2px 8px rgba(0,0,0,.6);position:relative;border-radius:var(--radius-md) var(--radius-md) 0 0}.studio-scene-name{padding:8px 10px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.studio-scene-name,.studio-scene-new{font-size:12px;background:var(--panel)}.studio-scene-new{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);padding:14px 10px;font-weight:600;color:var(--muted);cursor:pointer;text-align:center;transition:all var(--transition-fast);margin-top:4px}.studio-scene-new:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.studio-center{padding:20px;display:flex;flex-direction:column;gap:16px;align-items:center;overflow:hidden}.studio-preview{aspect-ratio:16/9;background:#0e0f13;border-radius:var(--radius-lg);overflow:hidden;position:relative;width:100%;max-width:960px;box-shadow:var(--shadow-lg),0 0 0 1px rgba(17,24,39,.06);box-shadow:var(--shadow-lg);flex:0 1 auto}.studio-preview-badge{position:absolute;top:12px;left:12px;padding:4px 10px;background:rgba(0,0,0,.55);color:#fff;border-radius:6px;font-size:11px;font-weight:600;z-index:3;letter-spacing:.03em;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.studio-stage-toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow-x:auto;max-width:960px;scrollbar-width:thin}.studio-toolbar-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.studio-toolbar-divider{width:1px;height:26px;background:var(--border);margin:0 6px;flex-shrink:0}.studio-layout-thumbnails{display:flex;gap:4px;padding:6px 8px;background:var(--panel);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);border:1px solid var(--border);overflow-x:auto;max-width:960px;align-items:center;scrollbar-width:thin}.studio-layout-thumbnails-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 8px 0 4px;align-self:center;border-right:1px solid var(--border);margin-right:4px;line-height:20px}.studio-scenes-empty{font-size:12px;color:var(--muted);padding:6px 10px;font-style:italic}.studio-scene-thumb{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch}.studio-layout-btn{flex-shrink:0;display:flex;align-items:center;padding:3px;background:var(--panel);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);font-family:inherit;line-height:0}.studio-layout-btn:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-strong)}.studio-layout-btn:disabled{cursor:wait;opacity:.6}.studio-layout-btn.active{border-color:var(--accent);background:var(--accent-soft)}.studio-layout-btn-name{font-size:10px;font-weight:600;color:var(--muted)}.studio-layout-btn.active .studio-layout-btn-name{color:var(--accent)}.studio-scene-thumb-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 6px 6px;background:var(--panel);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);font-family:inherit;min-width:78px}.studio-scene-thumb-btn:hover{background:var(--panel-hover);border-color:var(--border-strong);transform:translateY(-1px)}.studio-scene-thumb.active .studio-scene-thumb-btn{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-ring)}.studio-scene-thumb-name{font-size:10px;font-weight:600;color:var(--text);max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.studio-scene-thumb.active .studio-scene-thumb-name{color:var(--accent)}.studio-scene-thumb-del,.studio-scene-thumb-edit{position:absolute;top:-6px;width:20px;height:20px;border-radius:50%;border:1.5px solid #fff;background:var(--panel);cursor:pointer;font-size:10px;display:none;align-items:center;justify-content:center;padding:0;line-height:1;box-shadow:var(--shadow-sm)}.studio-scene-thumb-edit{right:12px}.studio-scene-thumb-del{right:-6px;color:var(--live)}.studio-scene-thumb:hover .studio-scene-thumb-del,.studio-scene-thumb:hover .studio-scene-thumb-edit{display:flex}.studio-scene-thumb-edit:hover{background:var(--accent-soft);border-color:var(--accent)}.studio-scene-thumb-del:hover{background:var(--live-soft);border-color:var(--live)}.studio-scene-thumb-save{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 14px;background:var(--panel-inset);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--muted);font-family:inherit;font-size:10px;font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.studio-scene-thumb-save:hover{background:var(--panel-hover);border-color:var(--accent);color:var(--accent)}.studio-scene-save-form{flex-shrink:0;display:flex;align-items:center;gap:4px;padding:8px 10px;background:var(--panel-inset);border:1.5px solid var(--accent);border-radius:var(--radius-sm)}.studio-scene-save-form input{width:120px;padding:5px 7px;font-size:11px;font-family:inherit;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:4px}.studio-scene-save-confirm{padding:5px 9px;font-size:11px;font-family:inherit;font-weight:600;background:var(--accent);color:#fff;border:0;border-radius:4px;cursor:pointer}.studio-scene-save-cancel{padding:5px 7px;font-size:11px;background:transparent;border:0}.studio-scene-save-cancel,.studio-scene-thumb-new{font-family:inherit;color:var(--muted);cursor:pointer}.studio-scene-thumb-new{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 14px;background:var(--panel-inset);border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);font-size:10px;font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);min-width:78px;min-height:52px}.studio-scene-thumb-new:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.studio-scene-thumb-new-plus{font-size:20px;line-height:1;font-weight:400}.layout-editor-scene-name{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:13px;font-weight:600;color:var(--text);background:var(--panel);font-family:inherit;min-width:160px;margin-left:8px}.layout-editor-scene-name:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.studio-devices-row{display:flex;gap:10px;align-items:center;padding:6px 0;overflow-x:auto;width:100%;max-width:960px}.studio-device-chip{flex:0 0 auto;width:168px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-xs);position:relative;overflow:hidden;display:flex;flex-direction:column}.studio-device-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.studio-device-chip.on-screen{box-shadow:var(--shadow-sm),0 0 0 1.5px var(--accent);border-color:var(--accent)}.studio-device-chip.backstage{opacity:.85}.studio-device-chip[data-drop-over=true]{transform:scale(1.03);box-shadow:var(--shadow-sm),0 0 0 2px var(--accent);border-color:var(--accent)}.studio-device-chip[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.studio-device-chip-video{position:relative;aspect-ratio:16/9;background:#0e0f13;overflow:hidden}.studio-device-chip-video video{width:100%;height:100%;object-fit:cover}.studio-device-chip-top{position:absolute;top:4px;left:4px;right:4px;z-index:2;font-size:10px;justify-content:space-between;pointer-events:none}.studio-device-chip-bottom,.studio-device-chip-top{color:#fff;font-weight:600;display:flex;align-items:center;gap:4px}.studio-device-chip-bottom{padding:6px 10px;background:var(--accent);font-size:11px;letter-spacing:.01em;overflow:hidden;min-height:26px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12)}.studio-device-chip.guest .studio-device-chip-bottom{background:#374151}.studio-device-chip.on-screen .studio-device-chip-bottom,.studio-device-chip.on-screen.guest .studio-device-chip-bottom{background:var(--accent)}.studio-device-chip-badge{padding:2px 6px;font-size:9px;font-weight:700;border-radius:var(--radius-xs);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 1px 3px rgba(0,0,0,.25)}.studio-device-chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.studio-device-chip-menu-btn{padding:0 4px;background:transparent;border:0;color:hsla(0,0%,100%,.85);cursor:pointer;font-size:14px;border-radius:3px}.studio-device-chip-menu-btn:hover{background:hsla(0,0%,100%,.15)}.studio-device-chip-icons{display:flex;gap:4px;font-size:11px}.studio-device-chip-icon{padding:3px 6px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-xs);line-height:1}.studio-device-chip-icon.muted{background:linear-gradient(180deg,#e11d3d,#b91530);box-shadow:0 1px 2px rgba(225,29,61,.35)}.studio-device-chip.no-video{background:linear-gradient(135deg,#4b5563,#374151)}.studio-device-chip.no-video .studio-device-chip-bottom,.studio-device-chip.no-video .studio-device-chip-top{color:#fff}.studio-device-chip-add{flex:0 0 auto;width:190px;height:116px;background:var(--panel-inset);border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;color:var(--muted);font-size:12px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);padding:10px 12px;line-height:1.25;text-align:center;white-space:normal;word-break:normal;overflow-wrap:break-word}.studio-device-chip-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.studio-device-chip-add-icons{font-size:20px;display:flex;gap:6px;line-height:1;opacity:.85}.studio-device-chip-add:hover .studio-device-chip-add-icons{opacity:1}.studio-device-chip-add-label{display:block;max-width:100%}.studio-menu-dropdown{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:240px;overflow:hidden;z-index:50;padding:6px;animation:menu-in .14s cubic-bezier(.16,1,.3,1)}@keyframes menu-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.studio-menu-dropdown-portal{position:fixed;bottom:auto;right:auto;z-index:9999}.studio-menu-item{padding:9px 12px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:12px;transition:background var(--transition-fast);width:100%;text-align:left;background:transparent;border:0;border-radius:var(--radius-xs);font-family:inherit}.studio-menu-item:hover{background:var(--panel-hover)}.studio-menu-item-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.studio-menu-item.disabled{color:var(--muted-2);cursor:not-allowed}.studio-menu-item.disabled:hover{background:transparent}.studio-menu-item.disabled .studio-menu-item-icon{opacity:.5}.studio-menu-item-soon{margin-left:auto;font-size:9px;padding:2px 6px;background:var(--bg-2);color:var(--muted);border-radius:var(--radius-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.studio-menu-divider{height:1px;background:var(--border);margin:6px 4px}.studio-preview-live-badge{position:absolute;top:12px;left:12px;z-index:4;padding:5px 10px 5px 8px;background:linear-gradient(180deg,#e11d3d,#b91530);color:#fff;border-radius:var(--radius-xs);font-size:11px;font-weight:700;letter-spacing:.06em;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(225,29,61,.4),inset 0 1px 0 hsla(0,0%,100%,.15);pointer-events:none}.studio-preview-live-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px hsla(0,0%,100%,.25);animation:live-pulse 1.4s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.5}}.studio-bottom-bar{display:flex;gap:6px;align-items:center;justify-content:center;padding:10px 16px;background:var(--panel);border-top:1px solid var(--border);flex-shrink:0;box-shadow:0 -1px 2px rgba(17,24,39,.03)}.studio-bb-group{display:flex;align-items:stretch;gap:2px}.studio-bb-picker{position:relative;display:flex}.studio-bb-chevron{width:18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;font-size:11px;font-family:inherit;box-shadow:var(--shadow-xs);padding:0}.studio-bb-chevron:hover{background:var(--panel-hover);color:var(--text)}.studio-bb-picker-menu{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:230px;max-width:320px;max-height:260px;overflow-y:auto;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md,0 10px 30px rgba(0,0,0,.18));padding:6px;z-index:50}.studio-bb-picker-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 8px 6px}.studio-bb-picker-item{display:block;width:100%;text-align:left;padding:7px 8px;font-size:12px;font-family:inherit;background:transparent;color:var(--text);border:0;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-bb-picker-item:hover{background:var(--panel-hover)}.studio-bb-picker-item.active{color:var(--accent);font-weight:600}.studio-bb-picker-empty{padding:8px;font-size:11px;color:var(--muted)}.studio-bb-btn{width:42px;height:42px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);position:relative;box-shadow:var(--shadow-xs);font-family:inherit}.studio-bb-btn:hover{background:var(--panel-hover);border-color:var(--border-strong);transform:translateY(-1px)}.studio-bb-btn.active{background:var(--accent-soft);color:var(--accent);border-color:rgba(36,81,214,.25)}.studio-bb-btn.danger{background:var(--live);color:#fff;border-color:transparent;box-shadow:0 1px 2px rgba(225,29,61,.25),var(--shadow-inset)}.studio-bb-btn.danger:hover{background:#b91530;box-shadow:0 4px 12px rgba(225,29,61,.35),var(--shadow-inset)}.studio-bb-divider{width:1px;height:24px;background:var(--border);margin:0 6px}.studio-guests-strip-wrapper{width:100%;max-width:960px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:var(--shadow-sm)}.studio-guests-strip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.studio-guests-strip-title{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.studio-guests-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 0;align-items:stretch}.studio-guest-tile{flex:0 0 auto;width:160px;background:var(--panel);border:2px solid var(--border);border-radius:8px;overflow:hidden;transition:all .18s;cursor:default;box-shadow:var(--shadow-sm)}.studio-guest-tile.on-screen{border-color:var(--accent);box-shadow:0 0 0 2px rgba(37,99,235,.1),var(--shadow-md)}.studio-guest-tile.backstage{opacity:.75}.studio-guest-tile.backstage:hover{opacity:1}.studio-guest-tile-video{position:relative;aspect-ratio:16/9;background:#0e0f13}.studio-guest-tile-video video{width:100%;height:100%;object-fit:cover}.studio-guest-tile-name{padding:5px 8px;font-size:11px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--panel)}.studio-guest-tile-badge{position:absolute;top:4px;right:4px;padding:2px 6px;font-size:9px;font-weight:700;border-radius:4px;letter-spacing:.03em;box-shadow:0 2px 4px rgba(0,0,0,.15)}.studio-guest-tile-actions{display:flex;gap:2px;padding:3px;background:var(--bg);border-top:1px solid var(--border)}.studio-guest-action{flex:1 1;padding:5px 2px;font-size:12px;background:transparent;color:var(--text);border:0;border-radius:4px;cursor:pointer;transition:all .15s}.studio-guest-action:hover{background:var(--border)}.studio-guest-action.primary{background:var(--accent);color:#fff;font-weight:600}.studio-guest-action.primary:hover{background:var(--accent-hover)}.studio-guest-action.warn{background:var(--warn);color:#fff;font-weight:600}.studio-guest-action.danger{background:var(--live);color:#fff;font-weight:600}.studio-tab-rail{background:var(--panel);border-left:1px solid var(--border);padding:12px 0;gap:4px;overflow-y:auto}.studio-tab-rail,.studio-tab-rail-btn{display:flex;flex-direction:column;align-items:center}.studio-tab-rail-btn{width:52px;height:52px;border:0;background:transparent;color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;gap:3px;font-size:9px;font-weight:600;letter-spacing:.01em;transition:background var(--transition-fast),color var(--transition-fast);padding:4px;position:relative;font-family:inherit}.studio-tab-rail-btn-icon{font-size:18px;line-height:1;filter:grayscale(.3);transition:filter var(--transition-fast)}.studio-tab-rail-btn:hover{background:var(--panel-hover);color:var(--text)}.studio-tab-rail-btn:hover .studio-tab-rail-btn-icon{filter:grayscale(0)}.studio-tab-rail-btn.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.studio-tab-rail-btn.active .studio-tab-rail-btn-icon{filter:grayscale(0)}.studio-tab-rail-btn.active:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.studio-tab-content-panel{background:var(--panel);overflow:hidden;display:flex;flex-direction:column}.studio-tab-content-header{padding:16px 18px 8px;border-bottom:1px solid var(--border);font-size:14px;font-weight:700;color:var(--text-strong);display:flex;align-items:center;gap:8px;flex-shrink:0}.studio-tab-content{flex:1 1;overflow-y:auto;padding:16px 18px}.studio-tab-content>section{margin:0 0 20px!important}.studio-tab-content>section:first-child{margin-top:0!important}.studio-tab-content>section:last-child{margin-bottom:0!important}.studio-tab-content h3{font-size:11px!important;color:var(--muted)!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin:0 0 8px!important;font-weight:600!important}.studio-tab-content [style*="background: var(--panel)"]{background:var(--bg)!important;box-shadow:none!important}.studio-tab-content button{transition:all .15s}.studio-brand{display:flex;align-items:center;gap:10px;min-width:160px}.studio-brand-logo{width:34px;height:34px;background:linear-gradient(135deg,var(--accent) 0,#3d5ed9 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;font-weight:700;box-shadow:0 1px 3px rgba(36,81,214,.35),inset 0 1px 0 hsla(0,0%,100%,.15)}.studio-brand-info{display:flex;flex-direction:column;line-height:1.2}.studio-brand-title{font-size:13px;font-weight:700;color:var(--text-strong)}.studio-brand-sub{font-size:11px;color:var(--muted)}.studio-btn-primary{padding:8px 16px;font-size:13px;font-weight:600;background:var(--accent);color:#fff;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 1px 2px rgba(36,81,214,.2),var(--shadow-inset);font-family:inherit;letter-spacing:.01em}.studio-btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 10px rgba(36,81,214,.28),var(--shadow-inset)}.studio-btn-primary:active{background:var(--accent-active);transform:translateY(0);box-shadow:inset 0 1px 2px rgba(36,81,214,.15)}.studio-btn-ghost{padding:8px 14px;font-size:13px;font-weight:600;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-xs);font-family:inherit}.studio-btn-ghost:hover{background:var(--panel-hover);border-color:var(--border-strong)}.studio-btn-live{padding:8px 16px;font-size:13px;font-weight:700;letter-spacing:.02em;background:var(--live);color:#fff;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 1px 2px rgba(225,29,61,.25),var(--shadow-inset);font-family:inherit}.studio-btn-live:hover{background:#b91530;transform:translateY(-1px);box-shadow:0 4px 12px rgba(225,29,61,.35),var(--shadow-inset)}@media (max-width:1100px){.studio-body{grid-template-columns:1fr 280px 68px}}@media (max-width:900px){.studio-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.studio-tab-rail{display:none}.studio-tab-content-panel{border-top:1px solid var(--border)}}.layout-editor-inline{display:flex;flex-direction:column;gap:8px;width:100%;min-height:0;flex:1 1}.layout-editor-shell{display:contents}@keyframes le-fade-in{0%{opacity:0}to{opacity:1}}.layout-editor-header{order:3;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);gap:12px;flex-shrink:0}.layout-editor-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--text-strong)}.layout-editor-dirty{font-size:11px;font-weight:500;color:var(--warn);letter-spacing:.02em}.layout-editor-header-actions{display:flex;gap:8px;align-items:center}.layout-editor-close{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;font-size:14px;transition:background var(--transition-fast),color var(--transition-fast)}.layout-editor-close:hover{background:var(--panel-hover);color:var(--text)}.layout-editor-body{display:contents}.layout-editor-toolbar{order:2;display:flex;gap:8px;align-items:center;padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);flex-wrap:wrap;flex-shrink:0}.layout-editor-toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.layout-editor-toolbar-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.layout-editor-history-btn{width:28px;height:26px;font-size:14px;line-height:1;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);cursor:pointer;font-family:inherit;transition:background var(--transition-fast),border-color var(--transition-fast)}.layout-editor-history-btn:hover:not(:disabled){background:var(--panel-hover);border-color:var(--border-strong)}.layout-editor-history-btn:disabled{opacity:.35;cursor:default}.layout-editor-preset-btn{padding:5px 10px;font-size:12px;font-weight:600;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);font-family:inherit}.layout-editor-preset-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.layout-editor-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.layout-editor-toggle input{cursor:pointer}.layout-editor-ratio-select{font-size:12px;padding:2px 4px;border:1px solid var(--border);border-radius:4px;background:var(--panel);color:var(--text);cursor:pointer}.layout-editor-workspace{order:1;flex:1 1;display:grid;grid-template-columns:1fr 260px;grid-gap:12px;gap:12px;min-height:0;overflow:hidden}.layout-editor-canvas-wrap{display:flex;flex-direction:column;min-width:0;min-height:0}.layout-editor-canvas{aspect-ratio:16/9;width:100%;max-height:100%;background:linear-gradient(135deg,#0a0a0e,#14161f);border-radius:var(--radius-md);position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(17,24,39,.15),var(--shadow-md);cursor:default;margin:0 auto}.layout-editor-canvas.with-grid{background-image:linear-gradient(135deg,#0a0a0e,#14161f),linear-gradient(hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:100% 100%,5% 8.888%,5% 8.888%;background-blend-mode:normal,screen,screen}.layout-editor-canvas-caption{text-align:center;font-size:11px;color:var(--muted);padding:8px 0 0;font-weight:500}.layout-editor-empty{inset:0;color:hsla(0,0%,100%,.5);font-size:14px;pointer-events:none}.layout-editor-empty,.layout-editor-slot{position:absolute;display:flex;align-items:center;justify-content:center}.layout-editor-slot{border-radius:4px;cursor:move;transition:background var(--transition-fast),border-color var(--transition-fast);color:hsla(0,0%,100%,.9);font-size:11px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:visible;border-width:1.5px;border-style:solid}.layout-editor-slot.kind-cam{background:rgba(36,81,214,.22);border-color:rgba(36,81,214,.65)}.layout-editor-slot.kind-cam:hover{background:rgba(36,81,214,.32);border-color:rgba(36,81,214,.85)}.layout-editor-slot.kind-content{background:rgba(139,92,246,.22);border-color:rgba(139,92,246,.65)}.layout-editor-slot.kind-content:hover{background:rgba(139,92,246,.32);border-color:rgba(139,92,246,.85)}.layout-editor-slot.selected{border-color:#fff;border-width:2px;box-shadow:0 0 0 1px var(--accent),0 4px 12px rgba(36,81,214,.4);z-index:100!important}.layout-editor-slot.kind-content.selected{box-shadow:0 0 0 1px #8b5cf6,0 4px 12px rgba(139,92,246,.4)}.layout-editor-kind-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;background:var(--panel);padding:3px;border-radius:var(--radius-xs);border:1px solid var(--border)}.layout-editor-kind-btn{padding:6px 8px;font-size:12px;font-weight:600;color:var(--muted);background:transparent;border:0;border-radius:4px;cursor:pointer;font-family:inherit;transition:background var(--transition-fast),color var(--transition-fast)}.layout-editor-kind-btn:hover{background:var(--panel-hover);color:var(--text)}.layout-editor-kind-btn.active{background:var(--accent);color:#fff}.layout-editor-slot-label{padding:4px 8px;background:rgba(0,0,0,.55);border-radius:var(--radius-xs);pointer-events:none;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.layout-editor-slot-badge{position:absolute;top:6px;left:6px;min-width:20px;height:20px;padding:0 6px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;font-weight:700;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;line-height:1}.layout-editor-slot.kind-content .layout-editor-slot-badge{background:rgba(139,92,246,.85)}.layout-editor-slot-video{position:absolute;inset:0;overflow:hidden;pointer-events:none}.layout-editor-slot-video video{width:100%;height:100%;object-fit:cover}.layout-editor-slot-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.layout-editor-slot-placeholder svg{width:50%;height:55%;max-width:180px;max-height:120px;color:hsla(0,0%,100%,.3)}.layout-editor-slot.kind-cam .layout-editor-slot-placeholder svg{color:hsla(0,0%,100%,.35)}.layout-editor-slot.kind-content .layout-editor-slot-placeholder svg{color:hsla(0,0%,100%,.32)}.layout-editor-slot-pill{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:4px 10px;background:rgba(0,0,0,.75);color:#fff;font-size:11px;font-weight:600;border-radius:var(--radius-xs);pointer-events:none;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:4}.layout-editor-slot-remove{position:absolute;top:-10px;right:-10px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:var(--live);color:#fff;cursor:pointer;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.4);padding:0;line-height:1}.layout-editor-slot-remove:hover{background:#b91530}.layout-editor-slot-handle{position:absolute;background:#fff;border:1.5px solid var(--accent);border-radius:2px;z-index:10}.layout-editor-slot-handle.handle-n,.layout-editor-slot-handle.handle-s{left:50%;transform:translateX(-50%);width:12px;height:6px;cursor:ns-resize}.layout-editor-slot-handle.handle-n{top:-4px}.layout-editor-slot-handle.handle-s{bottom:-4px}.layout-editor-slot-handle.handle-e,.layout-editor-slot-handle.handle-w{top:50%;transform:translateY(-50%);width:6px;height:12px;cursor:ew-resize}.layout-editor-slot-handle.handle-e{right:-4px}.layout-editor-slot-handle.handle-w{left:-4px}.layout-editor-slot-handle.handle-ne,.layout-editor-slot-handle.handle-nw,.layout-editor-slot-handle.handle-se,.layout-editor-slot-handle.handle-sw{width:10px;height:10px;border-radius:2px}.layout-editor-slot-handle.handle-ne{top:-5px;right:-5px;cursor:nesw-resize}.layout-editor-slot-handle.handle-nw{top:-5px;left:-5px;cursor:nwse-resize}.layout-editor-slot-handle.handle-se{bottom:-5px;right:-5px;cursor:nwse-resize}.layout-editor-slot-handle.handle-sw{bottom:-5px;left:-5px;cursor:nesw-resize}.layout-editor-inspector{background:var(--panel-inset);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.layout-editor-inspector-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding-bottom:6px;border-bottom:1px solid var(--border)}.layout-editor-inspector-row{display:flex;flex-direction:column;gap:4px}.layout-editor-inspector-row label{font-size:11px;font-weight:600;color:var(--muted)}.layout-editor-inspector-row input,.layout-editor-inspector-row select{padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:12px;background:var(--panel);color:var(--text);font-family:inherit}.layout-editor-inspector-row input:focus,.layout-editor-inspector-row select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.layout-editor-inspector-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.layout-editor-numfield{display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:600;color:var(--muted)}.layout-editor-numfield input{padding:5px 6px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--panel);color:var(--text);font-family:inherit}.layout-editor-inspector-actions{padding-top:8px;border-top:1px solid var(--border)}.layout-editor-inspector-empty{font-size:12px;color:var(--muted);padding:12px;background:var(--panel);border-radius:var(--radius-xs);border:1px dashed var(--border);line-height:1.5}.layout-editor-inspector-hint{font-size:11px;color:var(--muted);line-height:1.5;padding-top:8px;border-top:1px solid var(--border)}.layout-editor-sources{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.layout-editor-sources li{padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:12px;font-weight:500;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px}.layout-editor-sources li.on-air{border-color:rgba(36,81,214,.35);background:var(--accent-soft)}.layout-editor-sources li.backstage{opacity:.85}.layout-editor-source-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-editor-stage-btn{padding:8px 12px;border-radius:var(--radius-xs);font-size:12px;font-weight:600;cursor:pointer;border:0;font-family:inherit;transition:background var(--transition-fast)}.layout-editor-stage-btn.on{background:var(--warn-soft);color:var(--warn);border:1px solid rgba(217,119,6,.35)}.layout-editor-stage-btn.on:hover{background:rgba(217,119,6,.15)}.layout-editor-stage-btn.off{background:var(--accent);color:#fff;box-shadow:0 1px 2px rgba(36,81,214,.25)}.layout-editor-stage-btn.off:hover{background:var(--accent-hover)}.layout-editor-stage-mini{width:26px;height:26px;border-radius:var(--radius-xs);font-size:11px;font-weight:700;cursor:pointer;border:0;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),transform var(--transition-fast);flex-shrink:0;font-family:inherit}.layout-editor-stage-mini.on{background:var(--warn-soft);color:var(--warn);border:1px solid rgba(217,119,6,.35)}.layout-editor-stage-mini.on:hover{background:rgba(217,119,6,.15)}.layout-editor-stage-mini.off{background:var(--accent);color:#fff}.layout-editor-stage-mini.off:hover{background:var(--accent-hover);transform:scale(1.05)}.studio-layout-thumb-edit{padding:5px 10px;font-size:11px;font-weight:600;background:var(--accent);color:#fff;border:0;border-radius:var(--radius-xs);cursor:pointer;transition:background var(--transition-fast);font-family:inherit;margin-left:4px}.studio-layout-thumb-edit:hover{background:var(--accent-hover)}@media (max-width:900px){.layout-editor-workspace{grid-template-columns:1fr;grid-template-rows:1fr auto}}.card{background:var(--panel);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-md)}.card h1{color:var(--text-strong)}.card .sub{color:var(--muted)}.shell{background:var(--bg)}.bc-screen-layout{position:absolute;inset:32px;display:flex;flex-direction:column;gap:16px}.bc-screen-stage{flex:1 1;border-radius:20px;overflow:hidden;background:#000;border:2px solid hsla(0,0%,100%,.08);box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative}.bc-screen-stage video{width:100%;height:100%;object-fit:contain}.bc-screen-strip{display:flex;gap:12px;height:180px;justify-content:center}.bc-screen-strip .bc-tile{aspect-ratio:16/9;height:100%;flex-shrink:0}.bc-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.25);font-size:24px;font-weight:500}.studio-empty-hint{padding:14px 12px;font-size:12px;line-height:1.5;color:var(--muted)}.pchat{display:flex;flex-direction:column;height:100%;min-height:0;gap:8px}.pchat-people{display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0}.pchat-person{position:relative;padding:5px 10px;font-size:11px;font-weight:600;font-family:inherit;background:var(--panel-inset);border:1px solid var(--border);border-radius:999px;color:var(--text);cursor:pointer}.pchat-person.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.gchat-unread,.pchat-unread{display:inline-block;margin-left:6px;min-width:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;text-align:center;color:#fff;background:var(--live);border-radius:999px}.pchat-thread{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:4px 2px}.gchat-empty,.pchat-empty{font-size:11px;color:var(--muted);line-height:1.5}.pchat-msg{max-width:85%;padding:6px 9px;border-radius:var(--radius-sm);font-size:12px;line-height:1.4;display:flex;flex-direction:column;gap:2px}.pchat-msg.mine{align-self:flex-end;background:var(--accent-soft);color:var(--text)}.pchat-msg.theirs{align-self:flex-start;background:var(--panel-inset);border:1px solid var(--border)}.pchat-msg-time{font-size:9px;color:var(--muted);align-self:flex-end}.gchat-compose,.pchat-compose{display:flex;gap:6px;flex-shrink:0}.gchat-compose input,.pchat-compose input{flex:1 1;min-width:0;padding:7px 9px;font-size:12px;font-family:inherit;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm)}.gchat-compose button,.pchat-compose button{padding:7px 12px;font-size:12px;font-weight:600;font-family:inherit;background:var(--accent);color:#fff;border:0;border-radius:var(--radius-sm);cursor:pointer}.gchat-compose button:disabled,.pchat-compose button:disabled{opacity:.45;cursor:default}.gchat{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.gchat-toggle{padding:8px 12px;font-size:12px;font-weight:600;font-family:inherit;background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-radius:999px;box-shadow:var(--shadow-md);cursor:pointer}.gchat-body{width:280px;max-height:320px;display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg,0 16px 40px rgba(0,0,0,.22))}.gchat-thread{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.gchat-msg{max-width:85%;padding:6px 9px;border-radius:var(--radius-sm);font-size:12px;line-height:1.4}.gchat-msg.mine{align-self:flex-end;background:var(--accent-soft)}.gchat-msg.theirs{align-self:flex-start;background:var(--panel-inset);border:1px solid var(--border)}.pchat-error{padding:7px 9px;font-size:11px;line-height:1.4;color:var(--live);background:var(--live-soft);border-radius:var(--radius-sm);flex-shrink:0}