:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111;background:#f5f5f3}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f5f5f3}body{min-height:100vh}.hidden{display:none!important}.app-shell{min-height:100vh}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:72px;padding:20px 22px;display:flex;align-items:center;pointer-events:none}.brand{font-weight:850;font-size:28px;letter-spacing:-1.5px}.screen{display:none;min-height:100vh;padding:92px 20px 28px}.screen.active{display:flex;align-items:center;justify-content:center}.hero-card,.panel{width:min(100%,540px);background:#fff;border-radius:30px;padding:28px;box-shadow:0 18px 55px rgba(0,0,0,.08)}.hero-card{text-align:center;padding:48px 28px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#777;margin-bottom:14px}.hero-card h1,.panel h2{margin:0 0 12px;letter-spacing:-.045em}.hero-card h1{font-size:48px;line-height:.96}.hero-card p,.muted{color:#6f6f6f}.primary,.secondary,.anchor-btn{width:100%;border:0;border-radius:16px;padding:15px 18px;font-weight:800;font-size:16px;cursor:pointer;margin-top:12px;text-align:center;text-decoration:none;display:block}.primary{background:#111;color:#fff}.secondary{background:#f0f0ee;color:#111}.small{width:auto;margin:0;padding:10px 13px;font-size:14px}.back{border:0;background:transparent;font-size:24px;margin:-6px 0 10px -6px;cursor:pointer}.panel label{display:block;font-size:13px;font-weight:800;margin:18px 0 8px}.panel input{width:100%;padding:14px 15px;border:1px solid #d8d8d6;border-radius:14px;font-size:16px}.avatar-picker{display:flex;align-items:center;gap:14px}.avatar-picker img{width:76px;height:76px;border-radius:24px;object-fit:cover;background:#ececea}.avatar-picker input{display:none}.avatar-picker .secondary{width:auto;margin:0}.consent-box{margin-top:20px;background:#f7f7f5;border-radius:16px;padding:15px;font-size:13px;display:grid;gap:4px}.join-code-box{margin-top:12px}.wide{width:min(100%,650px)}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.participant-list{display:grid;gap:10px;margin:24px 0 14px}.participant-row{display:flex;align-items:center;gap:12px;background:#f7f7f5;padding:10px;border-radius:18px}.participant-row img{width:52px;height:52px;object-fit:cover;border-radius:18px}.participant-row .name{font-weight:800;flex:1}.participant-row .status{font-size:12px;color:#666}.lobby-status{text-align:center;color:#666;padding:10px}.audio-ready{text-align:center;font-size:12px;color:#777;padding:6px 0 2px}
.room-screen{padding:0!important;background:#f9efff}.room-screen.active{display:block}.room-stage-wrap{position:fixed;inset:0;overflow:hidden;background:#f9efff}.room-stage-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}.finish-button{position:absolute;z-index:8;left:50%;transform:translateX(-50%);bottom:max(34px,calc(env(safe-area-inset-bottom) + 26px));border:0;border-radius:999px;padding:18px 34px;min-width:202px;background:linear-gradient(135deg,#ff4449,#ff5b59);color:#fff;font-size:18px;font-weight:800;box-shadow:0 18px 42px rgba(255,72,80,.28);display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer}.finish-button:disabled{opacity:.78}.stop-icon{width:21px;height:21px;background:#fff;border-radius:4px;display:inline-block}.audio-unlock{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:999px;padding:14px 22px;background:rgba(17,17,17,.9);color:#fff;font-size:15px;font-weight:800;box-shadow:0 14px 36px rgba(0,0,0,.18)}.remote-audio-bin{position:absolute;width:1px;height:1px;overflow:hidden;opacity:.001;pointer-events:none}.debug-panel{position:absolute;z-index:30;left:8px;right:8px;bottom:8px;max-height:38vh;overflow:auto;padding:9px 10px;border-radius:12px;background:rgba(0,0,0,.76);color:#b7ffca;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;pointer-events:none}.result-panel{text-align:center}.success{font-size:42px}.result-panel video{width:100%;max-height:58vh;border-radius:20px;background:#111;margin-top:14px}.anchor-btn{margin-top:16px}@media(max-width:520px){.screen{padding-left:14px;padding-right:14px}.hero-card,.panel{border-radius:24px;padding:22px}.hero-card h1{font-size:42px}.lobby-head{align-items:flex-start;flex-direction:column}.lobby-head .small{width:100%}.finish-button{bottom:max(26px,calc(env(safe-area-inset-bottom) + 18px));min-width:190px;padding:17px 29px}}

/* MVP 0.4: la sala debe ser exactamente el lienzo pastel, sin UI heredada */
body.live-room{overflow:hidden;background:#f9efff}
body.live-room .topbar{display:none!important}
.generating-overlay{position:absolute;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.20);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.generating-text{padding:15px 22px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 14px 40px rgba(80,50,110,.12);font-weight:800;font-size:17px;color:#111;display:flex;align-items:center;gap:8px}
.dots{display:inline-flex;gap:4px;align-items:flex-end;height:18px}.dots i{width:5px;height:5px;border-radius:50%;background:#111;display:block;animation:diloDot 1.05s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.16s}.dots i:nth-child(3){animation-delay:.32s}
@keyframes diloDot{0%,60%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}

/* MVP 0.5 */
.room-timer{position:absolute;z-index:9;top:max(24px,calc(env(safe-area-inset-top) + 18px));right:24px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.54);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:rgba(17,17,17,.70);font-size:13px;font-weight:750;letter-spacing:.04em;box-shadow:0 8px 24px rgba(73,47,91,.08);font-variant-numeric:tabular-nums}
body.live-room .topbar{display:none!important}

/* v0.5.4: la miniatura solo existe visualmente cuando ya hay foto */
img.photo-preview:not([src]),
img[id*="preview" i]:not([src]),
img[id*="photo" i][id*="preview" i]:not([src]) {
  display: none !important;
}

/* --- dilo 9.0 · Juntos -------------------------------------------------------- */
body:not(.live-room){background:
 radial-gradient(circle at 84% 12%,rgba(150,116,255,.62),transparent 34%),
 radial-gradient(circle at 15% 69%,rgba(255,190,220,.72),transparent 40%),
 radial-gradient(circle at 78% 85%,rgba(173,145,255,.35),transparent 34%),
 linear-gradient(145deg,#fff8ef,#e9ddff 58%,#f3dfee);min-height:100vh}
body:not(.live-room) .app-shell{background:transparent}
body:not(.live-room) .panel,body:not(.live-room) .hero-card{
 background:rgba(255,255,255,.58)!important;
 border:1px solid rgba(255,255,255,.82)!important;
 box-shadow:0 28px 80px rgba(70,45,130,.14)!important;
 backdrop-filter:blur(26px) saturate(1.08);
 -webkit-backdrop-filter:blur(26px) saturate(1.08)
}
.topbar{background:transparent!important}
.brand{position:relative;color:#0b0b0d!important;text-shadow:none!important}
.brand::after{content:"";position:absolute;left:1px;bottom:-7px;width:17px;height:7px;border-bottom:4px solid #7250ff;border-radius:0 0 80% 55%;transform:rotate(-5deg)}
.juntos-back{position:absolute;left:18px;top:calc(max(14px,env(safe-area-inset-top)) + 6px);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#111;font-size:22px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(16px);z-index:30}
body:not(.live-room) .primary{background:#111!important;color:#fff!important;box-shadow:none!important}
body:not(.live-room) .secondary{background:rgba(255,255,255,.48)!important;border:1px solid rgba(255,255,255,.75)!important}
body:not(.live-room) input{background:rgba(255,255,255,.55)!important;border-color:rgba(255,255,255,.8)!important}
body:not(.live-room) .consent-box{background:rgba(255,255,255,.36)!important}
body:not(.live-room) .eyebrow{color:#6546ec!important}
@media(max-width:600px){
 body:not(.live-room) .panel,body:not(.live-room) .hero-card{border-radius:30px!important}
}

/* v9.0.3 — logo oficial exacto */
.brand-image{
  display:block!important;
  font-size:0!important;
  line-height:1!important;
}
.brand-image::after{content:none!important;display:none!important}
.brand-image img{
  display:block;
  width:84px;
  height:auto;
}
@media(max-width:600px){.brand-image img{width:80px}}


/* EXPERIMENTAL 0.6 — elección individual Foto / Vídeo */
.appearance-choice{
  margin-top:16px;
  padding:14px;
  border-radius:18px;
  background:#f7f5fb;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.appearance-copy{display:grid;gap:3px;min-width:0}
.appearance-copy strong{font-size:14px}
.appearance-copy span{font-size:12px;line-height:1.35;color:#777}
.video-toggle{
  flex:0 0 auto;
  border:0;
  border-radius:999px;
  padding:10px 14px;
  background:#ebe7f1;
  color:#17151b;
  font-weight:800;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:.18s ease;
}
.video-toggle-icon{
  width:10px;height:10px;border-radius:50%;
  background:#aaa;display:block;
  box-shadow:0 0 0 4px rgba(0,0,0,.035);
}
.video-toggle.active{
  background:#111;
  color:#fff;
}
.video-toggle.active .video-toggle-icon{
  background:#8b67ff;
  box-shadow:0 0 0 4px rgba(139,103,255,.20);
}
.camera-preview-wrap{
  margin-top:12px;
  position:relative;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:20px;
  background:#15131a;
  box-shadow:0 12px 28px rgba(76,50,100,.10);
}
.camera-preview-wrap video{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scaleX(-1);
}
.camera-preview-wrap span{
  position:absolute;left:12px;bottom:10px;
  padding:6px 9px;border-radius:999px;
  background:rgba(0,0,0,.48);color:#fff;
  font-size:11px;font-weight:800;
}
.participant-row .appearance-status{
  font-size:12px;
  color:#6e5ca1;
  font-weight:750;
}
.remote-video-bin{
  position:absolute;
  width:1px;height:1px;
  overflow:hidden;
  opacity:.001;
  pointer-events:none
}
.remote-video-bin video{
  width:2px;height:2px;
}
@media(max-width:520px){
  .appearance-choice{align-items:flex-start;flex-direction:column}
  .video-toggle{width:100%;justify-content:center}
}

/* v0.6.3 · controles de sala + Live Tools */
.room-controls{
  position:absolute;z-index:18;left:18px;right:18px;
  bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));
  display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:14px;
  pointer-events:none;
}
.room-controls>*{pointer-events:auto}
.room-controls .finish-button{
  position:static;left:auto;bottom:auto;transform:none;margin:0 auto;
  min-width:202px;
}
.room-icon-button{
  width:58px;height:58px;border:0;border-radius:50%;
  background:rgba(18,18,20,.88);color:#fff;font-size:31px;line-height:1;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:0 16px 38px rgba(0,0,0,.18);backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
#switchCameraBtn{font-size:30px}
.live-tools-panel{
  position:absolute;z-index:22;left:18px;right:18px;
  bottom:max(101px,calc(env(safe-area-inset-bottom) + 95px));
  background:rgba(12,12,14,.94);border-radius:22px;padding:10px;
  box-shadow:0 20px 55px rgba(0,0,0,.28);backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.live-tools-main{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}
.live-tools-main::-webkit-scrollbar{display:none}
.live-tool-option,.live-tool-back,.live-tool-go{
  border:0;border-radius:14px;background:#262629;color:#fff;font-weight:800;
  min-height:46px;padding:0 15px;white-space:nowrap;cursor:pointer;
}
.live-tool-option{display:flex;align-items:center;gap:8px;font-size:14px}
.live-tool-option.danger{background:#3a2021;color:#ffb1b1}
.live-tools-input{display:grid;grid-template-columns:46px 1fr auto;gap:8px;align-items:center}
.live-tools-input input{
  width:100%;height:46px;border:0;border-radius:14px;padding:0 13px;
  background:#fff;color:#111;font-size:15px;outline:none;
}
.live-tool-back{padding:0;font-size:20px}
.live-tool-go{background:#fff;color:#111;padding:0 16px}
.live-youtube-layer{
  position:absolute;z-index:5;inset:0;background:#000;display:flex;align-items:center;justify-content:center;
}
.live-youtube-layer iframe{width:100%;height:100%;border:0;background:#000}
/* Los controles deben quedar por encima del vídeo de YouTube. */
.room-controls,.live-tools-panel,.room-timer,.audio-unlock{z-index:24}
.generating-overlay{z-index:40}

@media(max-width:520px){
  .room-controls{left:14px;right:14px;grid-template-columns:56px 1fr 56px;gap:10px}
  .room-icon-button{width:54px;height:54px}
  .room-controls .finish-button{min-width:174px;padding:16px 22px;font-size:16px}
  .live-tools-panel{left:14px;right:14px}
  .live-tool-option{padding:0 12px}
}

/* v0.6.5 · captura autorizada de YouTube para el MP4 del anfitrión */
.youtube-capture-button{
  position:absolute;z-index:27;left:50%;top:max(18px,calc(env(safe-area-inset-top) + 12px));
  transform:translateX(-50%);border:0;border-radius:999px;padding:12px 18px;
  background:rgba(14,14,16,.90);color:#fff;font-size:14px;font-weight:850;
  box-shadow:0 12px 34px rgba(0,0,0,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.youtube-capture-button.capture-active{background:rgba(26,26,29,.78)}
.youtube-capture-video{position:fixed;width:1px;height:1px;opacity:.001;pointer-events:none;left:-10px;top:-10px}

/* v0.6.5 · lenguaje de controles unificado con /crear/ */
.room-controls{grid-template-columns:62px 1fr 62px;gap:14px;left:24px;right:24px}
.room-icon-button{
  width:62px;height:62px;border-radius:50%;
  background:rgba(255,255,255,.34);color:#171719;
  border:1px solid rgba(255,255,255,.62);
  box-shadow:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.room-icon-button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#switchCameraBtn.rear-camera svg{transform:rotate(180deg)}
.room-controls .finish-button{box-shadow:0 12px 30px rgba(255,72,80,.22)}
.live-tools-panel{
  left:50%;right:auto;transform:translateX(-50%);width:min(330px,calc(100vw - 40px));
  bottom:max(105px,calc(env(safe-area-inset-bottom) + 98px));padding:9px 10px;
  border-radius:999px;background:rgba(18,18,20,.92);box-shadow:0 16px 40px rgba(0,0,0,.22);
}
.live-tools-main{justify-content:center;gap:10px;overflow:visible}
.live-tool-option,.live-tool-back,.live-tool-go{min-height:46px;height:46px;border-radius:999px;background:rgba(255,255,255,.09);padding:0 14px}
.live-tool-option{width:52px;min-width:52px;justify-content:center;padding:0;color:#fff}
.live-tool-option svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.live-tool-option.danger{font-size:25px;background:rgba(255,255,255,.09);color:#fff}
.live-tools-input{grid-template-columns:42px 1fr 42px;gap:7px}
.live-tools-input input{height:46px;border-radius:999px;padding:0 16px;background:rgba(255,255,255,.96)}
.live-tool-back,.live-tool-go{width:42px;padding:0;font-size:0;color:#fff}
.live-tool-back::before{content:'←';font-size:19px}.live-tool-go::before{content:'✓';font-size:19px;font-weight:900}
@media(max-width:520px){
  .room-controls{left:24px;right:24px;grid-template-columns:58px 1fr 58px;gap:12px}
  .room-icon-button{width:58px;height:58px}
  .room-controls .finish-button{min-width:176px}
  .live-tools-panel{left:50%;right:auto;width:min(320px,calc(100vw - 32px))}
}

/* v10.3.0 · realización vertical oscura tipo podcast */
.room-screen{background:#07080a!important}
.room-stage-wrap{background:#07080a!important}
body.live-room{background:#07080a!important}
.room-stage-wrap canvas{background:#07080a}
.room-timer{
  top:max(18px,calc(env(safe-area-inset-top) + 12px));right:18px;
  background:rgba(8,9,11,.72);color:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.08);box-shadow:none;
}
.room-controls{
  position:absolute!important;z-index:30!important;
  left:50%!important;right:auto!important;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))!important;
  width:min(94vw,560px)!important;transform:translateX(-50%)!important;
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;align-items:end!important;padding:10px 10px 8px!important;
  border-radius:26px!important;background:rgba(8,9,11,.74)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  pointer-events:auto!important;
}
.room-control-item{
  appearance:none;border:0;background:transparent;color:#fff;padding:0;margin:0;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;
  min-width:0;cursor:pointer;font:inherit;
}
.room-control-circle{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.075);
  transition:transform .16s ease,background .16s ease,opacity .16s ease;
}
.room-control-item:active .room-control-circle{transform:scale(.94)}
.room-control-circle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.room-control-label{font-size:10px;line-height:1;color:rgba(255,255,255,.68);font-weight:700;white-space:nowrap}
.room-control-stop .stop-circle{width:56px;height:56px;background:#ef5157;border-color:#ff7d80;box-shadow:0 0 0 4px rgba(239,81,87,.10)}
.room-control-stop .stop-icon{width:19px;height:19px;border-radius:5px;background:#fff}
.room-control-item.is-off .room-control-circle{background:rgba(255,255,255,.045);opacity:.64}
.room-control-item.is-off .room-control-label{opacity:.55}
#switchCameraBtn.rear-camera svg{transform:rotate(180deg)}
.live-tools-panel{
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  bottom:max(105px,calc(env(safe-area-inset-bottom) + 99px))!important;
  width:min(350px,calc(100vw - 28px))!important;background:rgba(8,9,11,.94)!important;
  border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 18px 50px rgba(0,0,0,.40)!important;
}
.live-youtube-layer{
  z-index:6!important;left:12px!important;right:12px!important;top:34.22%!important;bottom:12px!important;
  border-radius:24px!important;overflow:hidden!important;background:#000!important;
}
.live-youtube-layer iframe{width:100%!important;height:100%!important;object-fit:cover!important}
.youtube-capture-button{top:max(66px,calc(env(safe-area-inset-top) + 58px));background:rgba(8,9,11,.78)}
.generating-overlay{background:rgba(5,6,8,.70)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
.generating-text{background:rgba(18,19,22,.94)!important;color:#fff!important;box-shadow:none!important}
.dots i{background:#fff!important}
@media(max-width:520px){
  .room-controls{width:calc(100vw - 20px)!important;gap:4px!important;padding:9px 6px 7px!important;border-radius:23px!important}
  .room-control-circle{width:44px;height:44px}
  .room-control-stop .stop-circle{width:52px;height:52px}
  .room-control-label{font-size:9px}
}

/* v10.3.0 estados inequívocos y contenido local */
.room-control-item.is-off .room-control-circle{background:#ef5157!important;border-color:rgba(255,255,255,.16)!important;opacity:1!important}
.room-control-item.is-off .room-control-label{opacity:1!important;color:#fff!important}
.live-media-video{position:absolute;width:1px;height:1px;opacity:.001;pointer-events:none;left:-9999px;top:-9999px}

/* v10.4 */
.juntos-back{top:max(72px,calc(env(safe-area-inset-top) + 58px))!important;left:18px!important}

/* v10.5.0 */
.topbar .juntos-back{pointer-events:auto}.topbar .brand{pointer-events:none;margin-left:48px}.juntos-back{z-index:50!important}
.live-tools-input{display:grid;grid-template-columns:1fr auto auto;gap:7px;padding:8px}.live-tools-input input{min-width:0;border:0;border-radius:12px;padding:10px}.live-tools-input button{border:0;border-radius:12px;padding:8px 10px;font-weight:700}
#switchCameraBtn svg{fill:none!important;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.orientation-guard{display:none;position:fixed;inset:0;z-index:99999;background:#0b0b0d;color:#fff;align-items:center;justify-content:center;text-align:center;padding:28px}.orientation-guard div{max-width:360px}.orientation-guard strong{display:block;font-size:28px;margin-bottom:10px}.orientation-guard span{display:block;opacity:.72;line-height:1.4}.dilo-landscape .orientation-guard{display:flex}.dilo-landscape{overflow:hidden}

/* v10.6 Pro media */
.pro-video-picker{position:absolute;left:12px;right:12px;bottom:92px;z-index:40;background:rgba(13,14,18,.98);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:12px;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.45)}.pro-video-picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pro-video-picker-head button{border:0;background:transparent;color:#fff;font-size:24px}.pro-video-picker-list{display:grid;gap:7px;max-height:220px;overflow:auto}.pro-video-choice{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#202127;border:0;color:#fff;border-radius:12px;padding:10px;text-align:left}.pro-video-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-video-choice small{opacity:.6;white-space:nowrap}.pro-video-manage{display:block;color:#cbb8ff;margin-top:10px;font-size:12px}.live-youtube-layer iframe{width:100%;height:100%;border:0}.live-youtube-layer{pointer-events:auto}

/* v10.6.1: quitar contenido siempre accesible sobre la realización */
.live-content-clear{position:absolute;z-index:36;right:18px;top:calc(28% + 18px);width:42px;height:42px;border:0;border-radius:999px;background:rgba(8,9,11,.72);color:#fff;font:500 28px/1 system-ui;display:grid;place-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(0,0,0,.18)}
.live-content-clear.hidden{display:none!important}


/* v10.7.0 · release candidate: invitados centrados */
.room-controls.guest-controls{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-end!important;
  gap:clamp(14px,5vw,34px)!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
.room-controls.guest-controls .room-control-item{flex:0 0 58px!important;}
@media(max-width:520px){
  .room-controls.guest-controls{gap:clamp(10px,4vw,22px)!important;}
  .room-controls.guest-controls .room-control-item{flex-basis:52px!important;}
}

/* v10.7.1 Pro director controls - UI only, never painted into canvas */
.pro-video-controls{position:absolute;z-index:35;left:50%;transform:translateX(-50%);bottom:104px;width:min(92%,760px);display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(12,13,16,.9);backdrop-filter:blur(12px);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.32)}
.pro-video-controls.hidden{display:none}.pro-video-controls button{border:0;background:#282a30;color:#fff;border-radius:10px;min-width:38px;height:38px;font-size:17px}.pro-video-controls input[type=range]{min-width:0;width:100%}.pro-video-controls #proVideoTime{font-size:12px;white-space:nowrap;opacity:.8}.pro-volume{display:flex;align-items:center;gap:5px}.pro-volume input{width:78px!important}@media(max-width:600px){.pro-video-controls{grid-template-columns:auto 1fr auto auto;gap:7px;bottom:132px}.pro-volume{grid-column:2/4}.pro-video-controls #proVideoTime{font-size:10px}}