/* ══ tta-v16-live.css — el Live del máster en TRES secciones: 1 Guion · 2 Ficha · 3 Al aire ══
   Rediseño 24-sep-2026 (Mathias, CLAUDE.md §8F «visual antes que texto»): iconos y cifras primero,
   1-3 palabras de la calle, la ayuda detrás de un «?», y lo que se configura una vez en un cajón
   lateral. Solo aspecto; el HTML lo pintan teleprompter.js (Guion), studio.js (Ficha, Al aire, cajones)
   y mando-panel.js (cajón Celular). Tokens del tema v16: --s1/--s2/--s3 superficies, --t2/--t3 texto
   secundario, --tx texto, --ln/--ln2 líneas, --ac/--ac2 dorado, --sh sombra. */

#panel-teleprompter{position:relative;--tp-r:16px;--lv-ok:#34D399;--lv-red:#F43F5E;--lv-ln:var(--ln,rgba(255,255,255,.06));--lv-ln2:var(--ln2,rgba(255,255,255,.12));--lv-s1:var(--s1,#141417);--lv-s2:var(--s2,#1C1C20);--lv-s3:var(--s3,#242429);--lv-t2:var(--t2,#A9ABB3);--lv-t3:var(--t3,#85878F);--lv-tx:var(--tx,#EBEBEC);--lv-ac:var(--ac,#D9B44A);--lv-ac2:var(--ac2,#F0D26B);--lv-sh:var(--sh,0 1px 2px rgba(3,3,6,.4))}
#panel-teleprompter .tp-wrap,#panel-teleprompter .st-wrap{max-width:none!important;margin:0}
#panel-teleprompter .tta-ico{font-size:18px;line-height:1;vertical-align:-4px}
#panel-teleprompter .btn .tta-ico,#stcfg-root .btn .tta-ico,#panel-teleprompter .tp-mini-btn .tta-ico,#stcfg-root .tp-mini-btn .tta-ico{margin-right:6px}
#panel-teleprompter #tp-root:not([hidden]),#panel-teleprompter #stficha-root:not([hidden]),#panel-teleprompter #st-root:not([hidden]){animation:tpIn .26s var(--ease,cubic-bezier(.16,1,.3,1))}
@keyframes tpIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#panel-teleprompter *,#stcfg-root *{animation:none!important;transition:none!important}}

/* ── esqueleto mientras llegan los datos: nunca «Cargando…» ── */
.st-skel{display:flex;flex-direction:column;gap:12px;padding:6px 0}
.st-skel i{display:block;height:16px;border-radius:8px;background:linear-gradient(90deg,var(--lv-s2,#1C1C20) 25%,var(--lv-s3,#242429) 50%,var(--lv-s2,#1C1C20) 75%);background-size:200% 100%;animation:stShimmer 1.2s linear infinite}
.st-skel i:first-child{height:180px;border-radius:16px}.st-skel i:nth-child(3){width:60%}
.st-skel--line{display:inline-block;width:160px}.st-skel--line i{height:14px}
@keyframes stShimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.st-vacio{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 16px;color:var(--lv-t3,#85878F);text-align:center}
.st-vacio .tta-ico{font-size:34px;color:var(--lv-ac2,#F0D26B)}.st-vacio b{color:var(--lv-tx,#EBEBEC)}.st-vacio span{font-size:13px}

/* ── las tres secciones: pastillas numeradas, en orden de trabajo ── */
#panel-teleprompter .tp-subnav-wrap{margin:0 0 18px;max-width:none}
/* !important: tta-v16-piel.css (body.v16s #tta-main .tp-subnav) le pone gap:2px y borde inferior con más especificidad */
#panel-teleprompter .tp-subnav{display:flex;gap:8px!important;margin:0;padding:0!important;border:0!important;max-width:none;overflow-x:auto;scrollbar-width:none}
#panel-teleprompter .tp-subnav::-webkit-scrollbar{display:none}
#panel-teleprompter .tp-subtab{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 10px;border-radius:999px;border:1px solid var(--lv-ln);background:var(--lv-s1);color:var(--lv-t3);font-weight:600;font-size:14px;cursor:pointer;flex:0 0 auto;transition:color .15s,border-color .15s,background .15s}
#panel-teleprompter .tp-subtab b{width:24px;height:24px;border-radius:50%;background:var(--lv-s3);color:var(--lv-t2);font-size:12px;display:inline-grid;place-items:center;font-family:var(--font-mono,ui-monospace,Menlo,monospace)}
#panel-teleprompter .tp-subtab .material-symbols-outlined{font-size:20px}
#panel-teleprompter .tp-subtab:hover{color:var(--lv-tx);border-color:var(--lv-ln2);background:var(--lv-s2)}
#panel-teleprompter .tp-subtab.is-on{background:var(--lv-s2);color:var(--lv-tx);border-color:rgba(217,180,74,.55)}
#panel-teleprompter .tp-subtab.is-on b{background:var(--lv-ac);color:#151204}
/* el foquito de estado (studio.js) vive en el menú lateral, no aquí */

/* ── etiquetas de bloque: icono + 1-2 palabras en versalitas ── */
#panel-teleprompter .st-lbl,#stcfg-root .tp-sec{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lv-t3,#85878F)}
#panel-teleprompter .st-lbl .tta-ico,#stcfg-root .tp-sec .tta-ico{font-size:16px;color:var(--lv-ac2,#F0D26B)}
#stcfg-root .tp-sec{margin:22px 0 12px;padding:0;border:0}#stcfg-root .tp-sec:first-child{margin-top:0}#stcfg-root .tp-sec::before{display:none}

/* ══ 1 · GUION ═════════════════════════════════════════════════════════ */
#panel-teleprompter .tp-daybar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 20px;margin:0 0 12px;background:linear-gradient(180deg,var(--lv-s2),var(--lv-s1));border:1px solid var(--lv-ln);border-radius:var(--tp-r);box-shadow:var(--lv-sh)}
#panel-teleprompter .tp-daybar__main{flex:1 1 320px;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
#panel-teleprompter .tp-day{font-size:17px;font-weight:700;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px;margin:0}
#panel-teleprompter .tp-dot{width:8px;height:8px;border-radius:50%;background:var(--lv-ac2);box-shadow:0 0 0 4px rgba(217,180,74,.14)}
#panel-teleprompter .tp-emotion{height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--lv-ln2);color:var(--lv-t2);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;margin:0}
#panel-teleprompter .tp-date{color:var(--lv-t3);font-size:13px;font-variant-numeric:tabular-nums}
#panel-teleprompter .tp-stale{color:#F59E0B}#panel-teleprompter .tp-stale .tta-ico{font-size:15px;vertical-align:-3px}
#panel-teleprompter .tp-reason{flex-basis:100%;color:var(--lv-t2);font-size:14px;line-height:1.5;max-width:70ch;margin:0}
#panel-teleprompter .tp-daybar__act{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}
#panel-teleprompter .tp-ib{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--lv-ln2);background:none;color:var(--lv-t2);display:inline-grid;place-items:center;cursor:pointer;transition:border-color .15s,color .15s,background .15s;padding:0}
#panel-teleprompter .tp-ib .tta-ico{font-size:20px;vertical-align:0}
#panel-teleprompter .tp-ib:hover:not(:disabled){color:var(--lv-ac2);border-color:var(--lv-ac);background:rgba(217,180,74,.08)}
#panel-teleprompter .tp-ib:disabled{opacity:.4;cursor:not-allowed}
#panel-teleprompter .tp-ib em{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--lv-ac);color:#151204;font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center;font-family:var(--font-mono,ui-monospace,Menlo,monospace)}
#panel-teleprompter .tp-ib:disabled em{background:var(--lv-s3);color:var(--lv-t3)}
#panel-teleprompter .tp-seg{display:inline-flex;align-items:center;border:1px solid var(--lv-ln);border-radius:999px;overflow:hidden;background:var(--lv-s1);gap:0}
#panel-teleprompter .tp-seg button{height:40px;min-width:44px;padding:0 12px;font-size:13px;font-weight:600;color:var(--lv-t3);background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;font-family:var(--font-mono,ui-monospace,Menlo,monospace);transition:background .15s,color .15s}
#panel-teleprompter .tp-seg button:hover{color:var(--lv-tx)}
#panel-teleprompter .tp-seg button.is-on{background:var(--lv-s3);color:var(--lv-ac2)}
#panel-teleprompter .tp-start{height:40px!important;padding:0 20px!important;border-radius:999px!important;font-weight:700!important;margin:0!important}
#panel-teleprompter .tp-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;text-align:center;border:1px dashed var(--lv-ln2);border-radius:var(--tp-r)}
#panel-teleprompter .tp-empty>.material-symbols-outlined{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(217,180,74,.12);color:var(--lv-ac2);font-size:28px}
#panel-teleprompter .tp-empty b{font-size:16px}#panel-teleprompter .tp-empty__err{color:#ff5c6c;font-size:12px;max-width:52ch}
/* el guion: UNA superficie con filas plegadas; el chevron gira y el cuerpo se despliega suave */
#panel-teleprompter .tp-preview{background:linear-gradient(180deg,var(--lv-s2),var(--lv-s1));border:1px solid var(--lv-ln);border-radius:var(--tp-r);box-shadow:var(--lv-sh);overflow:hidden}
#panel-teleprompter .tp-block{background:none!important;border:0!important;border-top:1px solid var(--lv-ln)!important;border-radius:0!important;padding:0!important;margin:0!important;box-shadow:none!important;transition:background .15s}
#panel-teleprompter .tp-block:first-child{border-top:0!important}
#panel-teleprompter .tp-block:hover{background:rgba(255,255,255,.02)!important}
#panel-teleprompter .tp-block__head{padding:0 18px;min-height:58px;gap:14px;cursor:pointer}
#panel-teleprompter .tp-block__head>.tta-ico{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--lv-s3);color:var(--lv-t2);font-size:18px;flex:0 0 auto;vertical-align:0}
#panel-teleprompter .tp-block__title{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--lv-tx);margin:0}
#panel-teleprompter .tp-block__dur{font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:12px;color:var(--lv-t3);font-variant-numeric:tabular-nums}
#panel-teleprompter .tp-energy{display:inline-flex;align-items:center;gap:6px;height:auto;padding:0;border:0!important;background:none!important;font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--lv-t3)!important}
#panel-teleprompter .tp-energy::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lv-t3)}
#panel-teleprompter .tp-energy--alta::before{background:var(--lv-ac2);box-shadow:0 0 0 3px rgba(217,180,74,.16)}
#panel-teleprompter .tp-energy--alta{color:var(--lv-t2)!important}
#panel-teleprompter .tp-energy--media::before{background:var(--lv-t2)}
#panel-teleprompter .tp-block__fold{width:30px;height:30px;border-radius:50%;border:1px solid var(--lv-ln2);background:none;color:var(--lv-t2);display:grid;place-items:center;transition:transform .22s var(--ease,cubic-bezier(.16,1,.3,1)),border-color .15s}
#panel-teleprompter .tp-block:not(.is-folded) .tp-block__fold{transform:rotate(180deg);border-color:var(--lv-ac)}
#panel-teleprompter .tp-block__body{margin:0;padding:0 18px 18px 64px;color:var(--lv-t2);line-height:1.6;animation:tpIn .22s var(--ease,cubic-bezier(.16,1,.3,1))}
/* lectura rápida: el titular manda (grande, blanco); la explicación va debajo, chica y gris */
#panel-teleprompter .tp-block ul{padding-left:0;list-style:none;gap:10px}
#panel-teleprompter .tp-block li{position:relative;padding-left:16px;font-size:15px}
#panel-teleprompter .tp-block li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--lv-ac)}
#panel-teleprompter .tp-b__t{display:block;color:var(--lv-tx);font-weight:600;font-size:16px;line-height:1.4}
#panel-teleprompter .tp-b__t b{color:var(--lv-ac2)}
#panel-teleprompter .tp-improv{display:block;margin-top:3px;font-style:normal;font-size:13px;line-height:1.5;color:var(--lv-t3)}
#panel-teleprompter .tp-chat{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.22);color:var(--lv-tx);font-size:14px}
#panel-teleprompter .tp-chat__k{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#93c5fd;flex:0 0 auto}
#panel-teleprompter .tp-chat__k .tta-ico{font-size:15px;vertical-align:0}
#panel-teleprompter .tp-btcc{margin-top:8px;font-size:13px;color:var(--lv-ac2);font-weight:600}
#panel-teleprompter .tp-alert{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 6px;border-radius:999px;border:1px solid rgba(244,63,94,.45);background:rgba(244,63,94,.12);color:#fda4af;font-size:12px;font-weight:700;cursor:pointer}
#panel-teleprompter .tp-alert .tta-ico{font-size:16px;vertical-align:0;color:#f43f5e}
#panel-teleprompter .tp-alert:hover{background:rgba(244,63,94,.2)}
/* guiones anteriores (panel bajo demanda) */
#panel-teleprompter .tp-hist{margin:0 0 12px;background:linear-gradient(180deg,var(--lv-s2),var(--lv-s1));border:1px solid var(--lv-ln);border-radius:var(--tp-r);box-shadow:var(--lv-sh);overflow:hidden}
#panel-teleprompter .tp-hist__head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lv-t3);border-bottom:1px solid var(--lv-ln)}
#panel-teleprompter .tp-hist__x{background:none;border:0;color:var(--lv-t2);cursor:pointer;display:grid;place-items:center;width:28px;height:28px;border-radius:50%}
#panel-teleprompter .tp-hist__x:hover{background:rgba(255,255,255,.06)}
#panel-teleprompter .tp-hist__list{max-height:52vh;overflow:auto}
#panel-teleprompter .tp-hist__row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:10px 18px;background:none;border:0;border-top:1px solid var(--lv-ln);color:var(--lv-tx);text-align:left;cursor:pointer;font:inherit}
#panel-teleprompter .tp-hist__row:hover{background:rgba(255,255,255,.03)}
#panel-teleprompter .tp-hist__row.is-on{background:rgba(217,180,74,.06)}
#panel-teleprompter .tp-hist__fecha{font-size:13px;color:var(--lv-t2);text-transform:capitalize}#panel-teleprompter .tp-hist__fecha b{color:var(--lv-ac2)}
#panel-teleprompter .tp-hist__tit{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#panel-teleprompter .tp-hist__tipo{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--lv-t3);white-space:nowrap}
#panel-teleprompter .tp-hist__cargando{padding:18px;color:var(--lv-t3);font-size:13px}

#tp-overlay .tp-block--big .tp-b__t{display:block;font-weight:700}
#tp-overlay .tp-block--big .tp-improv{display:block;font-size:.5em;opacity:.7;margin-top:.15em;font-style:normal}
#tp-overlay.tpov-hide-notes .tp-improv{display:none}
#tp-overlay .tp-block--big .tp-chat{font-size:.6em;background:none;border:0;padding:0;color:#93c5fd;margin-top:.4em}
#tp-overlay .tp-block--big .tp-chat__k{font-size:.7em}

/* ══ 2 · FICHA ═════════════════════════════════════════════════════════ */
#panel-teleprompter .st-ficha{display:flex;flex-direction:column;gap:22px}
#panel-teleprompter .st-ficha__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:stretch}
#panel-teleprompter .st-ficha__text{display:flex;flex-direction:column;min-width:0}
#panel-teleprompter .st-ficha__thumb{min-width:0}
#panel-teleprompter .st-thumbs{display:grid;grid-template-columns:minmax(0,16fr) minmax(0,5.0625fr);gap:10px;align-items:start}
#panel-teleprompter .st-thumb-box{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--lv-ln);background:var(--lv-s1);display:grid;place-items:center}
#panel-teleprompter .st-thumb-box--v{aspect-ratio:9/16;border-radius:12px}
#panel-teleprompter .st-thumb-box--v .st-thumb--empty .material-symbols-outlined{font-size:26px;color:var(--lv-t3)}
#panel-teleprompter .st-thumb__tag{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;background:rgba(20,20,23,.82);color:var(--lv-t2);font-size:11px;font-weight:700;font-family:var(--font-mono,ui-monospace,Menlo,monospace)}
#panel-teleprompter .st-thumb__tag svg{width:14px;height:14px}
#panel-teleprompter .st-thumb__up{position:absolute;right:8px;bottom:8px;width:32px;height:32px;z-index:2;border-radius:50%;border:1px solid var(--lv-ln2);background:rgba(20,20,23,.82);color:var(--lv-t2);display:grid;place-items:center;cursor:pointer}
#panel-teleprompter .st-thumb__up:hover{color:var(--lv-ac2);border-color:var(--lv-ac)}
#panel-teleprompter .st-thumb__up .material-symbols-outlined{font-size:17px}
#panel-teleprompter .st-thumb__auto{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--lv-ok)}
#panel-teleprompter .st-thumb__auto .tta-ico{font-size:16px;vertical-align:0}
#panel-teleprompter .st-thumb-box.is-stale .st-thumb{opacity:.5}
/* poniéndose al día (tocar un título): las dos se atenúan y gira el icono */
#panel-teleprompter .st-thumb__busy{position:absolute;inset:0;display:none;place-items:center;z-index:3;pointer-events:none}
#panel-teleprompter .st-thumb__busy .tta-ico{font-size:34px;color:var(--lv-ac2);animation:stGira 1s linear infinite;vertical-align:0}
#panel-teleprompter .st-thumbs.is-busy .st-thumb{opacity:.35;transition:opacity .2s}
#panel-teleprompter .st-thumbs.is-busy .st-thumb__busy{display:grid}
#panel-teleprompter .st-thumbs.is-busy .st-thumb__stale{display:none}
/* la imagen de ESTE título se está haciendo (segundo plano) */
#panel-teleprompter .st-thumb__nueva{position:absolute;left:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;border-radius:999px;background:rgba(20,20,23,.88);border:1px solid rgba(217,180,74,.45);color:var(--lv-ac2);font-size:12px;font-weight:700}
#panel-teleprompter .st-thumb__nueva .tta-ico{font-size:16px;vertical-align:0;animation:stGira 1s linear infinite}
#panel-teleprompter .st-thumb__prompt{position:relative}
#panel-teleprompter .st-thumb__prompt.is-propio::after{content:"";position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--lv-ac)}
@keyframes stGira{to{transform:rotate(360deg)}}
#panel-teleprompter .st-thumb{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0;padding:0;margin:0}
#panel-teleprompter .st-thumb-box>img.st-thumb{position:absolute;inset:0;width:100%;height:100%}
#panel-teleprompter button.st-thumb--empty{cursor:pointer;font:inherit}
#panel-teleprompter .st-thumb--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;border:1px dashed var(--lv-ln2);border-radius:14px;color:var(--lv-t3);font-size:13px;background:none}
#panel-teleprompter .st-thumb--empty .material-symbols-outlined{font-size:34px;color:var(--lv-ac2)}
#panel-teleprompter .st-thumb__stale{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 12px;border-radius:999px;border:1px solid rgba(245,158,11,.45);background:rgba(20,20,23,.88);color:#F59E0B;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}
#panel-teleprompter .st-thumb__stale:hover{background:rgba(245,158,11,.16)}
#panel-teleprompter .st-thumb-box--v .st-thumb__stale{display:none}
#panel-teleprompter .st-thumb__stale .tta-ico{font-size:15px;vertical-align:0}
#panel-teleprompter .st-thumb-grid{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
#panel-teleprompter .st-thumb-grid .btn{height:40px;padding:0 16px;border-radius:999px;font-size:13px;display:inline-flex!important;width:auto!important;flex:0 0 auto;align-items:center;white-space:nowrap}
#panel-teleprompter .st-thumb-grid .btn em{margin-left:8px;font-style:normal;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(217,180,74,.16);color:var(--lv-ac2);font-family:var(--font-mono,ui-monospace,Menlo,monospace)}
#panel-teleprompter .st-thumb-msg{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(255,180,84,.08);border:1px solid rgba(255,180,84,.3);color:#ffd7a0;font-size:13px;line-height:1.5}
#panel-teleprompter .st-thumb-msg[hidden]{display:none}
#panel-teleprompter .st-thumb-msg .tta-ico{font-size:16px;vertical-align:-3px;margin-right:6px;color:#ffb454}
#panel-teleprompter .st-thumb-msg b{color:#fff}
#panel-teleprompter .st-warn-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:none;border:1px solid rgba(255,180,84,.35);border-radius:999px;padding:6px 12px;color:#ffb454;font-size:13px;cursor:pointer}
#panel-teleprompter .st-warn-link .tta-ico{font-size:16px;vertical-align:0}
/* el título: tarjetas del guion (la recomendada lleva estrella) + «Otro» */
#panel-teleprompter .st-title-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
#panel-teleprompter .st-tcard{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--lv-ln);border-radius:12px;background:var(--lv-s1);color:var(--lv-t2);font-size:14px;line-height:1.35;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
#panel-teleprompter .st-tcard:hover{background:var(--lv-s2);color:var(--lv-tx)}
#panel-teleprompter .st-tcard.is-on{border-color:rgba(217,180,74,.55);background:rgba(217,180,74,.06);color:var(--lv-tx)}
#panel-teleprompter .st-tcard input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--lv-ln2);margin:0;flex:0 0 auto;display:grid;place-items:center;cursor:pointer}
#panel-teleprompter .st-tcard input[type=radio]:checked{border-color:var(--lv-ac)}
#panel-teleprompter .st-tcard input[type=radio]:checked::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--lv-ac)}
#panel-teleprompter .st-tcard__star{font-size:18px;color:var(--lv-ac2);flex:0 0 auto;margin:-1px -2px 0}
#panel-teleprompter .st-tcard input[type=radio]{margin-top:1px}
#panel-teleprompter .st-tcard--own{align-items:center}
#panel-teleprompter .st-tcard--own input[type=text]{flex:1;min-width:0;background:none;border:0;border-bottom:1px solid var(--lv-ln2);border-radius:0;padding:4px 0;color:var(--lv-tx);font:inherit}
#panel-teleprompter .st-tcard--own input[type=text]:focus{outline:none;border-bottom-color:var(--lv-ac)}
#panel-teleprompter #st-desc{width:100%;flex:1;min-height:240px;padding:12px 14px;border:1px solid var(--lv-ln);border-radius:12px;background:var(--lv-s1);color:var(--lv-tx);font:inherit;font-size:14px;line-height:1.6;resize:vertical}
#panel-teleprompter #st-desc:focus{outline:none;border-color:var(--lv-ac)}
/* a dónde sale: una ficha por plataforma */
#panel-teleprompter .st-plats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
#panel-teleprompter .st-plat{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px 14px;border:1px solid var(--lv-ln);border-radius:14px;background:var(--lv-s1);color:var(--lv-t3);cursor:pointer;text-align:center;font:inherit;transition:border-color .15s,background .15s,color .15s,opacity .15s}
#panel-teleprompter .st-plat:hover{background:var(--lv-s2);color:var(--lv-tx);border-color:var(--lv-ln2)}
#panel-teleprompter .st-plat.is-set{color:var(--lv-tx)}
#panel-teleprompter .st-plat.is-on{border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.05)}
#panel-teleprompter .st-plat.is-set:not(.is-on) .st-plat__logo{opacity:.35;filter:grayscale(1)}
#panel-teleprompter .st-plat:not(.is-set) .st-plat__logo{opacity:.45;filter:grayscale(1)}
#panel-teleprompter .st-plat__logo{width:34px;height:34px;display:grid;place-items:center;transition:opacity .15s,filter .15s}
#panel-teleprompter .st-plat__logo svg{width:30px;height:30px}
#panel-teleprompter .st-plat__logo .material-symbols-outlined{font-size:30px}
#panel-teleprompter .st-plat b{font-size:13px;font-weight:600}
#panel-teleprompter .st-plat__add{position:absolute;right:8px;top:8px;font-size:18px;color:var(--lv-t3)}
#panel-teleprompter .st-plat--new{border-style:dashed}
#panel-teleprompter .st-sw{position:relative;display:inline-flex;margin-top:2px;cursor:pointer}
#panel-teleprompter .st-sw input{appearance:none;-webkit-appearance:none;width:40px;height:22px;border-radius:999px;background:var(--lv-s3);border:1px solid var(--lv-ln2);margin:0;cursor:pointer;transition:background .2s,border-color .2s;background-image:radial-gradient(circle 8px at 11px 50%,var(--lv-t2) 97%,transparent 100%)}
#panel-teleprompter .st-sw input:checked{background-color:var(--lv-ok);border-color:var(--lv-ok);background-image:radial-gradient(circle 8px at 29px 50%,#0b2e22 97%,transparent 100%)}
#panel-teleprompter .st-sw input:focus-visible{outline:2px solid var(--lv-ac);outline-offset:2px}

/* ══ 3 · AL AIRE ═══════════════════════════════════════════════════════ */
#panel-teleprompter .st-air{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
#panel-teleprompter .st-air.is-live{grid-template-columns:minmax(0,1fr) 360px}
#panel-teleprompter .st-air__main{display:flex;flex-direction:column;gap:14px;min-width:0}
#panel-teleprompter .st-live__stage{position:relative}
#panel-teleprompter .st-stage{border-radius:var(--tp-r);border:1px solid var(--lv-ln);background:#000;box-shadow:var(--lv-sh)}
#panel-teleprompter .st-stage.is-idle{background:radial-gradient(600px 220px at 50% 0%,rgba(217,180,74,.08),transparent 70%),linear-gradient(180deg,var(--lv-s2),var(--lv-s1));border-style:dashed;border-color:var(--lv-ln2);min-height:220px}
#panel-teleprompter .st-stage__idle{padding:38px 18px;gap:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
#panel-teleprompter .st-stage__idle[hidden]{display:none}
#panel-teleprompter .st-stage__idle>.material-symbols-outlined{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:rgba(217,180,74,.12);color:var(--lv-ac2);font-size:28px;margin-bottom:4px}
#panel-teleprompter .st-stage__idle b{font-size:15px;font-weight:600;color:var(--lv-t2)}
#panel-teleprompter .st-stage__cfg{position:absolute;right:10px;top:10px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--lv-ln2);background:rgba(20,20,23,.82);color:var(--lv-t2);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:color .15s,border-color .15s}
#panel-teleprompter .st-stage__cfg:hover{color:var(--lv-ac2);border-color:var(--lv-ac)}
#panel-teleprompter .st-stage__cfg .material-symbols-outlined{font-size:20px}
#panel-teleprompter .st-ed-chips{color:var(--lv-t3);font-size:13px;margin:8px 2px 0}
#panel-teleprompter .st-ed-chips__sp{flex:1}
#panel-teleprompter .st-ed--noclose .st-ed__b--x{display:none}
#panel-teleprompter .st-fmt{position:absolute;right:56px;top:10px;z-index:3;display:inline-flex;border:1px solid var(--lv-ln2);border-radius:999px;background:rgba(20,20,23,.82);backdrop-filter:blur(6px);overflow:hidden}
#panel-teleprompter .st-fmt[hidden]{display:none}
/* zoom de la pantalla compartida (29-sep): − 100% + abajo a la izquierda del lienzo */
#panel-teleprompter .st-zoom{position:absolute;left:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;border:1px solid var(--lv-ln2);border-radius:999px;background:rgba(20,20,23,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden}
#panel-teleprompter .st-zoom[hidden]{display:none}
#panel-teleprompter .st-zoom button{height:36px;min-width:38px;padding:0 8px;border:0;background:none;color:var(--lv-t2);display:grid;place-items:center;cursor:pointer;font:inherit;font-size:12px;font-weight:700;font-family:var(--font-mono,ui-monospace,Menlo,monospace);transition:color .15s,background .15s}
#panel-teleprompter .st-zoom button:hover{color:var(--lv-ac2);background:rgba(255,255,255,.06)}
#panel-teleprompter .st-zoom button .material-symbols-outlined{font-size:20px}
/* el lienzo no desplaza la página al arrastrar piezas con el dedo (celular) */
#panel-teleprompter #st-canvas{touch-action:none}
#panel-teleprompter .st-phone.is-on{cursor:pointer}
#panel-teleprompter .st-phone.is-on:hover{border-color:var(--lv-ln2);color:var(--lv-tx)}
#panel-teleprompter .st-fmt button{width:38px;height:36px;border:0;background:none;color:var(--lv-t3);display:grid;place-items:center;cursor:pointer;transition:color .15s,background .15s}
#panel-teleprompter .st-fmt button .material-symbols-outlined{font-size:19px}
#panel-teleprompter .st-fmt button:hover{color:var(--lv-tx)}
#panel-teleprompter .st-fmt button.is-on{background:var(--lv-s3);color:var(--lv-ac2)}
/* las tres fichas: Pantalla · Cámara y mic · Celular */
#panel-teleprompter .st-srcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#panel-teleprompter .st-srcbtn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:112px;padding:16px 12px;border:1px solid var(--lv-ln);border-radius:16px;background:linear-gradient(180deg,var(--lv-s2),var(--lv-s1));color:var(--lv-t2);font:inherit;cursor:pointer;box-shadow:var(--lv-sh);transition:border-color .15s,color .15s,transform .15s}
#panel-teleprompter .st-srcbtn:hover{color:var(--lv-tx);border-color:var(--lv-ln2)}
#panel-teleprompter .st-srcbtn b{font-size:14px;font-weight:600}
#panel-teleprompter .st-srcbtn__i{font-size:34px;color:var(--lv-t3);transition:color .15s}
#panel-teleprompter .st-srcbtn__ok{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;background:var(--lv-ok);color:#0b2e22;font-size:18px;display:none;place-items:center;font-style:normal}
#panel-teleprompter .st-srcbtn.is-on{border-color:rgba(52,211,153,.5);color:var(--lv-tx)}
#panel-teleprompter .st-srcbtn.is-on .st-srcbtn__i{color:var(--lv-ok)}
#panel-teleprompter .st-srcbtn.is-on .st-srcbtn__ok{display:grid}
#panel-teleprompter .st-phone{cursor:default}
#panel-teleprompter .st-phone .st-qr{display:flex;align-items:center;gap:8px;min-height:24px}
#panel-teleprompter .st-phone .st-qr img{width:84px;height:84px;border-radius:10px;background:#fff;padding:4px;image-rendering:pixelated;display:block}
#panel-teleprompter .st-phone .st-qr__t{font-style:normal;font-size:11px;color:var(--lv-t3);font-family:var(--font-mono,ui-monospace,Menlo,monospace)}
#panel-teleprompter .st-phone .st-qr__ph{display:block;width:84px;height:84px;border-radius:10px;background:var(--lv-s3);animation:stShimmer 1.2s linear infinite}
#panel-teleprompter .st-phone.is-on .st-qr{display:none}
#panel-teleprompter .st-phone.is-on .st-srcbtn__i{color:var(--lv-ok)}
#panel-teleprompter .st-phone__cfg{position:absolute;left:10px;top:10px;width:30px;height:30px;border-radius:50%;border:1px solid var(--lv-ln2);background:none;color:var(--lv-t3);display:grid;place-items:center;cursor:pointer;transition:color .15s,border-color .15s}
#panel-teleprompter .st-phone__cfg:hover{color:var(--lv-ac2);border-color:var(--lv-ac)}
#panel-teleprompter .st-phone__cfg .material-symbols-outlined{font-size:17px}
#panel-teleprompter .st-phone .st-qwrap{position:absolute;right:10px;bottom:10px}
/* barra de acción: pegada abajo, la única acción dorada de la pantalla */
#panel-teleprompter .st-actionbar{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:rgba(20,20,24,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--lv-ln2);border-radius:var(--tp-r);box-shadow:0 12px 40px -12px rgba(0,0,0,.7)}
#panel-teleprompter .st-bar__salen{display:inline-flex;align-items:center;gap:6px}
#panel-teleprompter .st-bar__logo{width:30px;height:30px;border-radius:9px;background:var(--lv-s2);border:1px solid var(--lv-ln);display:grid;place-items:center}
#panel-teleprompter .st-bar__logo svg{width:18px;height:18px}#panel-teleprompter .st-bar__logo .material-symbols-outlined{font-size:18px}
#panel-teleprompter .st-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--lv-t2)}
#panel-teleprompter .st-chip i{width:9px;height:9px;border-radius:50%;background:currentColor}
#panel-teleprompter .st-chip--live{color:var(--lv-red)}#panel-teleprompter .st-chip--live i{animation:stPulse 1.4s ease-in-out infinite}
#panel-teleprompter .st-chip--live b{font-family:var(--font-mono,ui-monospace,Menlo,monospace);color:var(--lv-tx);font-variant-numeric:tabular-nums}
#panel-teleprompter .st-chip--reh{color:var(--lv-ac2)}#panel-teleprompter .st-chip--reh .tta-ico{font-size:16px;vertical-align:0}
@keyframes stPulse{0%,100%{box-shadow:0 0 0 0 rgba(244,63,94,.55)}50%{box-shadow:0 0 0 6px rgba(244,63,94,0)}}
#panel-teleprompter .st-warn{color:var(--lv-t3);font-size:13px}
#panel-teleprompter .st-actionbar .st-warn-link{margin:0}
#panel-teleprompter .st-src{color:var(--lv-t3);font-size:13px}
#panel-teleprompter .st-go{margin-left:auto;height:56px!important;padding:0 32px!important;font-size:17px!important;font-weight:700!important;border-radius:999px!important;display:inline-flex;align-items:center;box-shadow:0 10px 26px rgba(217,180,74,.28)!important;transition:transform .15s,box-shadow .2s}
#panel-teleprompter .st-go:hover:not(:disabled){transform:translateY(-1px)}
#panel-teleprompter .st-go:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important}
#panel-teleprompter .st-go .tta-ico{font-size:22px;vertical-align:-5px}
#panel-teleprompter .st-go--stop{background:var(--lv-red)!important;color:#fff!important;border:0!important;box-shadow:none!important}
#panel-teleprompter .tp-mini-btn{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--lv-ln2);background:none;color:var(--lv-t2);font-size:13px;font-weight:500;display:inline-flex;align-items:center;cursor:pointer;transition:border-color .15s,color .15s}
#panel-teleprompter .tp-mini-btn:hover{border-color:var(--lv-ac);color:var(--lv-ac2)}
#panel-teleprompter .st-src-hint{margin:0;padding:11px 14px;line-height:1.55;background:rgba(255,180,84,.08);border:1px solid rgba(255,180,84,.35);border-radius:12px;color:#ffb454;font-size:13px}
#panel-teleprompter .st-src-hint b{color:#ffd7a0}#panel-teleprompter .st-src-hint a{color:var(--lv-ac2)}
/* en vivo: lienzo + barra a la izquierda; chat de la comunidad y guion a la derecha */
#panel-teleprompter .st-side{display:flex;flex-direction:column;gap:12px;min-width:0}
#panel-teleprompter .st-chat{display:flex;flex-direction:column;height:440px;padding:12px 14px;border:1px solid var(--lv-ln);border-radius:16px;background:linear-gradient(180deg,var(--lv-s2),var(--lv-s1))}
#panel-teleprompter .st-chat__h{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--lv-t3);font-weight:700;margin-bottom:8px}
#panel-teleprompter .st-chat__h .tta-ico{font-size:16px;color:var(--lv-ac2);vertical-align:0}
#panel-teleprompter .st-chat__m{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;font-size:13px}
#panel-teleprompter .st-msg b{color:var(--lv-ac2);margin-right:6px}
#panel-teleprompter .st-chat__in{display:flex;gap:8px;margin-top:8px}
#panel-teleprompter .st-chat__in input{flex:1;min-width:0;height:36px;border-radius:999px;border:1px solid var(--lv-ln2);background:var(--lv-s1);color:inherit;padding:0 12px}
#panel-teleprompter .st-chat__in .btn{width:36px;height:36px;padding:0;border-radius:50%;display:grid;place-items:center}
#panel-teleprompter .st-chat__in .btn .tta-ico{margin:0}
#panel-teleprompter .st-side__guion{max-height:50vh;overflow:auto;border:1px solid var(--lv-ln);border-radius:16px;padding:10px 12px}
#panel-teleprompter .st-side__guion .tp-daybar{padding:12px 14px}#panel-teleprompter .st-side__guion .tp-daybar__act{margin-left:0;flex-wrap:wrap}

/* ══ «?»: la ayuda detrás de un botón ══════════════════════════════════ */
.st-qwrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle}
.st-q{width:22px;height:22px;border-radius:50%;border:1px solid var(--ln2,rgba(255,255,255,.12));background:none;color:var(--t3,#85878F);font-size:12px;font-weight:700;display:inline-grid;place-items:center;cursor:pointer;padding:0;line-height:1;transition:color .15s,border-color .15s}
.st-q:hover{color:var(--ac2,#F0D26B);border-color:var(--ac,#D9B44A)}
.st-qpop{position:absolute;left:0;top:calc(100% + 8px);z-index:40;width:260px;padding:12px 14px;border-radius:12px;background:var(--s3,#242429);border:1px solid var(--ln2,rgba(255,255,255,.12));box-shadow:0 12px 32px -8px rgba(0,0,0,.6);color:var(--t2,#A9ABB3);font-size:13px;line-height:1.5;font-weight:400;text-transform:none;letter-spacing:0;text-align:left}
.st-qpop[hidden]{display:none}
.st-qpop b{color:var(--tx,#EBEBEC)}.st-qpop>div{margin-top:8px}
.st-phone .st-qpop{left:auto;right:0;top:auto;bottom:calc(100% + 8px)}

/* ══ VENTANA centrada (Diseño · Destino · Motor · Celular) ══════════════ */
/* 25-sep-2026 (Mathias): «un pop-up que sale en medio, elegante». El fondo
   oscurece la página; clic fuera o Esc cierran. Para marcar zonas de zoom la
   ventana se cierra sola y vuelve al terminar (mando-panel.js). */
#stcfg-root{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(6,7,10,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:stFondoIn .18s ease}
#stcfg-root[hidden]{display:none}
@keyframes stFondoIn{from{opacity:0}to{opacity:1}}
#stcfg-root .st-drawer__box{width:min(560px,100%);transition:width .2s;background-color:#1d1d22!important;max-height:min(88vh,860px);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--s3,#242429),var(--s2,#1C1C20));border:1px solid var(--ln2,rgba(255,255,255,.12));border-radius:22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06);animation:stCajon .22s var(--ease,cubic-bezier(.16,1,.3,1));overflow:hidden}
@keyframes stCajon{from{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}
#stcfg-root .st-drawer__h{display:flex;align-items:center;gap:12px;padding:18px 22px 14px;border-bottom:1px solid var(--ln,rgba(255,255,255,.06))}
#stcfg-root .st-drawer__h h3{margin:0;flex:1;font-size:17px;font-weight:700;letter-spacing:-.01em}
#stcfg-root .st-drawer__x{width:36px;height:36px;border-radius:50%;border:1px solid var(--ln2,rgba(255,255,255,.12));background:none;color:var(--t2,#A9ABB3);display:grid;place-items:center;cursor:pointer}
#stcfg-root .st-drawer__x:hover{color:var(--tx,#EBEBEC);background:rgba(255,255,255,.06)}
#stcfg-root .st-drawer__body{flex:1;min-height:0;overflow:auto;padding:20px 22px}
#stcfg-root .st-drawer__f{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 22px;border-top:1px solid var(--ln,rgba(255,255,255,.06));background:rgba(0,0,0,.12)}
#stcfg-root .st-drawer__f .btn{height:44px;padding:0 26px;border-radius:999px;font-weight:700}
#stcfg-root .st-drawer__f .btn[hidden]{display:none}
#stcfg-root .st-save-msg{font-size:13px;color:var(--t3,#85878F)}
#stcfg-root .st-save-msg.st-ok{color:var(--lv-ok,#34D399)}#stcfg-root .st-save-msg.st-warn{color:#ffb454}
#stcfg-root .st-btn-ok{background:var(--lv-ok,#34D399)!important;color:#0b2e22!important}
/* el «?» dentro de la ventana abre hacia la izquierda: nunca se sale del recuadro */
#stcfg-root .st-qpop{left:auto;right:0}
#stcfg-root .st-drawer__box--wide{width:min(980px,100%)}
/* formularios del cajón: etiquetas en versalitas; Diseño va en filas de varias columnas */
#stcfg-root .st-form,#stcfg-root .st-ad-grid,#stcfg-root .st-toggles{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
#stcfg-root .st-form--cajon{display:flex;flex-direction:column;gap:12px}
#stcfg-root .st-form--cajon>.tp-sec{margin-bottom:0}
#stcfg-root label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3,#85878F)}
#stcfg-root label input:not([type=checkbox]):not([type=color]),#stcfg-root label select,#stcfg-root label textarea{height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--ln2,rgba(255,255,255,.12));background:var(--s1,#141417);color:var(--tx,#EBEBEC);font:inherit;font-size:14px;text-transform:none;letter-spacing:0;font-weight:400}
#stcfg-root label textarea{height:auto;padding:10px 12px;resize:vertical}
#stcfg-root label input:focus,#stcfg-root label select:focus,#stcfg-root label textarea:focus{outline:none;border-color:var(--ac,#D9B44A)}
#stcfg-root .st-colors{display:flex;gap:16px}
#stcfg-root input[type=color]{width:52px;height:36px;padding:2px;border-radius:10px;border:1px solid var(--ln2,rgba(255,255,255,.12));background:var(--s1,#141417);cursor:pointer}
#stcfg-root .st-engine{font-size:13px}#stcfg-root .st-ok{color:var(--lv-ok,#34D399)}#stcfg-root .st-warn{color:#ffb454}#stcfg-root .st-src{color:var(--t3,#85878F);font-size:13px}
#stcfg-root .tp-note{color:var(--t3,#85878F);font-size:13px;line-height:1.5;margin:0}
#stcfg-root .tp-mini-btn{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--ln2,rgba(255,255,255,.12));background:none;color:var(--t2,#A9ABB3);font-size:13px;font-weight:500;display:inline-flex;align-items:center;align-self:flex-start;cursor:pointer;transition:border-color .15s,color .15s}
#stcfg-root .tp-mini-btn:hover{border-color:var(--ac,#D9B44A);color:var(--ac2,#F0D26B)}
/* interruptores con icono (Diseño y Celular) */
#stcfg-root .st-toggles,#stcfg-root .mx-sw{display:flex;flex-direction:column;gap:2px}
#stcfg-root .st-toggle,#stcfg-root .mx-row{flex-direction:row;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--ln,rgba(255,255,255,.06));text-transform:none;letter-spacing:0;font-size:14px!important;font-weight:500;color:var(--t2,#A9ABB3);cursor:pointer}
#stcfg-root .st-toggle:last-child,#stcfg-root .mx-row:last-child{border-bottom:0}
#stcfg-root .st-toggle .tta-ico,#stcfg-root .mx-row .tta-ico{font-size:20px;color:var(--t3,#85878F);vertical-align:0}
#stcfg-root .st-toggle span,#stcfg-root .mx-row b{flex:1;font-weight:500}
#stcfg-root .st-toggle input[type=checkbox],#stcfg-root .mx-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:40px;height:22px;border-radius:999px;background:var(--s3,#242429);border:1px solid var(--ln2,rgba(255,255,255,.12));position:relative;margin:0;cursor:pointer;flex:0 0 auto;transition:background .2s,border-color .2s;background-image:radial-gradient(circle 8px at 11px 50%,var(--t2,#A9ABB3) 97%,transparent 100%)}
#stcfg-root .st-toggle input[type=checkbox]:checked,#stcfg-root .mx-row input[type=checkbox]:checked{background-color:var(--ac,#D9B44A);border-color:var(--ac,#D9B44A);background-image:radial-gradient(circle 8px at 29px 50%,#1a1405 97%,transparent 100%)}
#stcfg-root .st-toggle input:focus-visible,#stcfg-root .mx-row input:focus-visible{outline:2px solid var(--ac,#D9B44A);outline-offset:2px}
#stcfg-root .st-secs{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px;margin-left:auto;font-size:11px}
#stcfg-root .st-secs input{width:56px;height:30px!important;text-align:center;font-family:var(--font-mono,ui-monospace,Menlo,monospace)}
#stcfg-root .st-ad-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--ln,rgba(255,255,255,.06));border-radius:14px;background:var(--s1,#141417)}
#stcfg-root .st-des .tp-sec{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#stcfg-root .st-des__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
#stcfg-root .st-des__row label[hidden]{display:none}
#stcfg-root .st-des__row--marca{grid-template-columns:1.1fr 1fr 1.5fr auto auto}
#stcfg-root .st-des__engine{align-self:center;font-size:13px;white-space:nowrap}
#stcfg-root .st-des__reset,#stcfg-root .st-des__add{margin-left:auto;height:30px;font-size:12px}
#stcfg-root .st-des .st-secs+.st-des__add{margin-left:0}
#stcfg-root .st-toggles--fila{flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
#stcfg-root .st-toggles--fila .st-toggle{border:1px solid var(--ln,rgba(255,255,255,.06));border-radius:999px;padding:6px 12px 6px 10px;gap:8px;background:var(--s1,#141417)}
#stcfg-root .st-toggles--fila .st-toggle span{flex:0 1 auto}
#stcfg-root .st-ads{display:flex;flex-direction:column;gap:6px}
#stcfg-root .st-ad-card.st-ad-row{display:grid;grid-template-columns:40px 1.1fr 1.2fr 1.3fr 1.7fr 1.6fr 34px;gap:8px;align-items:center;padding:6px 8px}
#stcfg-root .st-ad-row input{height:36px;padding:0 10px;border-radius:9px;border:1px solid var(--ln2,rgba(255,255,255,.12));background:var(--s2,#1C1C20);color:var(--tx,#EBEBEC);font:inherit;font-size:13px;min-width:0;width:100%}
#stcfg-root .st-ad-row input:focus{outline:none;border-color:var(--ac,#D9B44A)}
#stcfg-root .st-ad-row input[type=color]{width:36px;height:32px;padding:2px;border-radius:9px}
#stcfg-root .st-ad-row--h{display:grid;grid-template-columns:40px 1.1fr 1.2fr 1.3fr 1.7fr 1.6fr 34px;gap:8px;padding:0 8px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3,#85878F)}
#stcfg-root .st-ad-del{width:34px;height:34px;border-radius:50%;border:1px solid var(--ln2,rgba(255,255,255,.12));background:none;color:var(--t3,#85878F);display:grid;place-items:center;cursor:pointer;padding:0}
#stcfg-root .st-ad-del:hover{color:#ff8a8a;border-color:rgba(255,120,120,.4)}
#stcfg-root .st-ad-del .material-symbols-outlined{font-size:18px}
/* prompt de la imagen (29-sep) */
#stcfg-root .st-prompt textarea{min-height:220px;font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:13px!important;line-height:1.55}
#stcfg-root .st-huecos{display:flex;flex-direction:column;gap:6px}
#stcfg-root .st-hueco{display:flex;gap:8px;align-items:baseline;font-size:12px;color:var(--t2,#A9ABB3);line-height:1.4}
#stcfg-root .st-hueco code{flex:0 0 auto;font-size:11px;padding:1px 7px;border-radius:999px;background:rgba(217,180,74,.14);color:var(--ac2,#F0D26B)}
#stcfg-root .st-prompt__act{display:flex;gap:8px;flex-wrap:wrap}
/* destino (una plataforma) */
/* una red = tres pasos con número (2-oct): 1 Abrir (página exacta + ruta en fichas) · 2 Copia · 3 Pegar */
#stcfg-root .st-pf{display:flex;flex-direction:column;gap:16px}
#stcfg-root .st-pf__uno{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#stcfg-root .st-pf__chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--t2,#A9ABB3);font-size:12px;font-weight:600;white-space:nowrap}
#stcfg-root .st-pf__chip .tta-ico{font-size:15px;vertical-align:0}
#stcfg-root .st-pf__chip--ok{background:rgba(52,211,153,.12);color:var(--lv-ok,#34D399)}
#stcfg-root .st-pf__how{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px}
#stcfg-root .st-pf__pasos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
#stcfg-root .st-pf__pasos>li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}
#stcfg-root .st-pf__n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--s1,#141417);border:1px solid var(--ln2,rgba(255,255,255,.12));color:var(--t2,#A9ABB3);font-size:14px;font-weight:800;transition:background .2s,color .2s,border-color .2s}
#stcfg-root .st-pf__pasos>li.is-turno .st-pf__n{background:var(--ac,#D9B44A);border-color:var(--ac,#D9B44A);color:#1a1405}
#stcfg-root .st-pf__pasos>li.is-ok .st-pf__n{background:var(--lv-ok,#34D399);border-color:var(--lv-ok,#34D399);color:#0b2e22}
#stcfg-root .st-pf__abrir{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 18px 0 8px;border-radius:999px;background:var(--s1,#141417);border:1px solid var(--ln2,rgba(255,255,255,.12));color:var(--tx,#EBEBEC);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;max-width:100%;transition:border-color .15s,background .15s}
#stcfg-root .st-pf__abrir:hover{border-color:var(--ac,#D9B44A);background:rgba(217,180,74,.06)}
#stcfg-root .st-pf__abrir-logo{width:34px;height:34px;border-radius:50%;background:#0d0d10;display:grid;place-items:center;flex:0 0 auto}
#stcfg-root .st-pf__abrir-logo svg{width:20px;height:20px}
#stcfg-root .st-pf__abrir>.tta-ico{font-size:18px;color:var(--t3,#85878F);vertical-align:0}
#stcfg-root .st-pf__ruta{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:10px}
#stcfg-root .st-pf__ruta>.st-qwrap{margin-left:4px}
#stcfg-root .st-pf__ruta>span:not(.st-qwrap){display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:8px;background:var(--s1,#141417);border:1px solid var(--ln,rgba(255,255,255,.06));color:var(--t2,#A9ABB3);font-size:12px;font-weight:600;white-space:nowrap}
#stcfg-root .st-pf__ruta>span:not(.st-qwrap)>.tta-ico{font-size:15px;color:var(--ac2,#F0D26B);vertical-align:0}
#stcfg-root .st-pf__ruta i{font-style:normal;color:var(--t3,#85878F);padding:0 1px}
#stcfg-root .st-pf__paso{min-height:32px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--tx,#EBEBEC)}
#stcfg-root .st-pf__paso .tta-ico{font-size:20px;color:var(--ac2,#F0D26B);vertical-align:0}
#stcfg-root .st-pf__campos{display:flex;flex-direction:column;gap:12px;min-width:0}
#stcfg-root .st-pf__campo{display:flex;flex-direction:column;gap:6px;min-width:0}
#stcfg-root .st-pf__campo>span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--t3,#85878F)}
#stcfg-root .st-pf__in{display:flex;gap:8px;min-width:0}
#stcfg-root .st-pf__in input,#stcfg-root .st-pf__mas input{flex:1;min-width:0;height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--ln2,rgba(255,255,255,.12));background:var(--s1,#141417);color:var(--tx,#EBEBEC);font:inherit;font-size:15px}
#stcfg-root .st-pf__in input:focus,#stcfg-root .st-pf__mas input:focus{outline:none;border-color:var(--ac,#D9B44A)}
#stcfg-root .st-pf__pegar{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--ln2,rgba(255,255,255,.12));background:var(--s3,#242429);color:var(--tx,#EBEBEC);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
#stcfg-root .st-pf__pegar:hover{border-color:var(--ac,#D9B44A);color:var(--ac2,#F0D26B)}
#stcfg-root .st-pf__pegar .tta-ico{font-size:18px;vertical-align:0}
#stcfg-root .st-pf__pie{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--ln,rgba(255,255,255,.06))}
#stcfg-root .st-pf__mas{flex:1 1 220px;min-width:0}
#stcfg-root .st-pf__mas summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;height:34px;font-size:13px;font-weight:600;color:var(--t3,#85878F)}
#stcfg-root .st-pf__mas summary::-webkit-details-marker{display:none}
#stcfg-root .st-pf__mas[open] input{margin-top:6px;width:100%}
#stcfg-root .st-pf__del{color:#ffb454;margin-left:auto}
#stcfg-root .st-btn-pulso{box-shadow:0 0 0 0 rgba(217,180,74,.6);animation:stPulsoG 1.6s ease-out 2}
@keyframes stPulsoG{0%{box-shadow:0 0 0 0 rgba(217,180,74,.55)}100%{box-shadow:0 0 0 12px rgba(217,180,74,0)}}
#stcfg-root .st-yt-status{padding:12px 14px;border:1px solid var(--ln,rgba(255,255,255,.06));border-radius:12px;background:var(--s1,#141417)}
#stcfg-root .st-yt-ok{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:14px}
#stcfg-root .st-yt-ok .st-ok{display:inline-flex;align-items:center;gap:6px;font-weight:600}
#stcfg-root .st-prod-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#stcfg-root .st-prod-row .btn{height:40px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center}
/* cajón Celular (mando-panel.js) */
#stcfg-root .mx-wrap{display:flex;flex-direction:column;gap:12px}
#stcfg-root .mx-estado{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--ln2,rgba(255,255,255,.12));border-radius:12px;color:var(--t3,#85878F);font-size:14px}
#stcfg-root .mx-estado .tta-ico{font-size:22px;vertical-align:0}
#stcfg-root .mx-estado.is-on{border-style:solid;border-color:rgba(52,211,153,.45);color:var(--tx,#EBEBEC)}
#stcfg-root .mx-estado.is-on .tta-ico{color:var(--lv-ok,#34D399)}
#stcfg-root .mx-estado>span:not(.tta-ico){font-size:12px;color:var(--t3,#85878F);margin-left:auto}
#stcfg-root .mx-row{flex-wrap:wrap}
#stcfg-root .mx-row .mx-q{margin-right:4px}
#stcfg-root .mx-row .mx-q.is-on{color:var(--ac2,#F0D26B);border-color:var(--ac,#D9B44A)}
#stcfg-root .mx-row__x{flex-basis:100%;padding:0 0 4px 32px;font-size:13px;line-height:1.5;color:var(--t3,#85878F);font-weight:400}
#stcfg-root .mx-row__x[hidden]{display:none}
#stcfg-root .tp-sec .mx-q{margin-left:6px}#stcfg-root .tp-sec .mx-row__x{display:block;flex-basis:100%;font-size:13px;letter-spacing:0;text-transform:none;font-weight:400;color:var(--t3,#85878F);margin-top:6px}
#stcfg-root .tp-sec .mx-row__x[hidden]{display:none}
.mx-guia{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:190;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(20,20,24,.94);border:1px solid rgba(217,180,74,.5);color:#EBEBEC;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.mx-guia .tta-ico{color:#F0D26B;font-size:18px}
#stcfg-root .mx-zonas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#stcfg-root .mx-zb{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--ln2,rgba(255,255,255,.12));border-radius:12px;background:none;color:var(--t2,#A9ABB3);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s,color .15s}
#stcfg-root .mx-zb .tta-ico{font-size:20px;color:var(--t3,#85878F);vertical-align:0}
#stcfg-root .mx-zb b{flex:1;font-weight:600}
#stcfg-root .mx-zb i{font-style:normal;font-size:18px;color:var(--t3,#85878F)}
#stcfg-root .mx-zb.is-set{border-color:rgba(217,180,74,.45);color:var(--ac2,#F0D26B)}#stcfg-root .mx-zb.is-set i{color:var(--lv-ok,#34D399)}
#stcfg-root .mx-zb:hover{color:var(--ac2,#F0D26B)}
/* motor del guion (solo admins editan) */
#stcfg-root .st-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
#stcfg-root .st-chip{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--t2,#A9ABB3)}
#stcfg-root .st-chip--ok{color:var(--lv-ok,#34D399)}#stcfg-root .st-chip--reh{color:var(--ac2,#F0D26B)}
#stcfg-root .st-eng-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
#stcfg-root .st-eng-grid>div{padding:10px 12px;border:1px solid var(--ln,rgba(255,255,255,.06));border-radius:12px;background:var(--s1,#141417);display:flex;flex-direction:column;gap:2px}
#stcfg-root .st-eng-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--t3,#85878F)}
#stcfg-root .st-eng-grid b{font-size:15px}
#stcfg-root .st-eng-src{border:1px solid var(--ln,rgba(255,255,255,.06));border-radius:12px;background:var(--s1,#141417);padding:0 12px;margin-bottom:8px}
#stcfg-root .st-eng-src summary{cursor:pointer;padding:10px 0;font-size:13px;font-weight:600;color:var(--t2,#A9ABB3)}
#stcfg-root .st-eng-src ul{margin:0;padding:0 0 12px 18px;font-size:13px;color:var(--t2,#A9ABB3);line-height:1.5}
#stcfg-root .st-eng-count{margin-left:6px;font-size:11px;padding:1px 7px;border-radius:999px;background:var(--s3,#242429);color:var(--t3,#85878F)}
#stcfg-root .st-eng-pre{white-space:pre-wrap;font-size:12px;line-height:1.5;color:var(--t2,#A9ABB3);margin:0 0 12px;font-family:var(--font-mono,ui-monospace,Menlo,monospace)}
#stcfg-root .st-eng-key{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid var(--ln,rgba(255,255,255,.06));font-size:13px}
#stcfg-root .st-eng-key>span:first-child{font-weight:600;color:var(--tx,#EBEBEC)}
#stcfg-root .st-eng-key input{height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--ln2,rgba(255,255,255,.12));background:var(--s1,#141417);color:var(--tx,#EBEBEC);font:inherit}
#stcfg-root .st-eng-hist>div{display:grid;grid-template-columns:90px 60px 1fr 1fr;gap:8px;font-size:12px;padding:6px 0;border-bottom:1px solid var(--ln,rgba(255,255,255,.06))}
#stcfg-root .st-eng-hh{color:var(--t3,#85878F);text-transform:uppercase;letter-spacing:.06em;font-size:11px}

body.st-cajon-abierto{overflow:hidden}
/* toque largo en controles: ni selecciona ni copia texto (§8G.3) */
#panel-teleprompter .tp-subnav,#panel-teleprompter .st-air,#panel-teleprompter .st-thumbs,#panel-teleprompter .st-thumb-grid,#panel-teleprompter .st-plats,#panel-teleprompter .tp-daybar__act,#stcfg-root .st-drawer__h,#stcfg-root .st-drawer__f,#stcfg-root .mx-row,#stcfg-root .mx-zonas,#stcfg-root .st-toggle{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
#panel-teleprompter .st-air input,#panel-teleprompter .st-air textarea{-webkit-user-select:text;user-select:text}

/* ══ Gráfico en el aire (2-oct): la página de Gráficos en un marco de celular 9:16 ══
   En la compu: el marco (se usa de verdad) junto al lienzo (lo que sale). */
#panel-teleprompter .st-live__stage.is-graf{display:grid;grid-template-columns:auto minmax(0,max-content);justify-content:center;align-items:center;gap:16px}
#panel-teleprompter .st-live__stage.is-graf>.st-ed-chips{grid-column:1/-1}
#panel-teleprompter .st-graf{position:relative;flex:0 0 auto;height:min(70vh,780px);aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#131722;border:1px solid var(--lv-ln2);box-shadow:var(--lv-sh);isolation:isolate}
#panel-teleprompter .st-graf[hidden]{display:none}
#panel-teleprompter .st-graf iframe{position:absolute;left:0;top:0;width:405px;height:720px;border:0;transform-origin:0 0;background:#131722;display:block}
#panel-teleprompter .st-graf__carga{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:var(--lv-t3);pointer-events:none}
#panel-teleprompter .st-graf__carga .tta-ico{font-size:40px;animation:stLatir 1.2s ease-in-out infinite}
@keyframes stLatir{50%{opacity:.3}}
#panel-teleprompter .st-live__stage.is-graf .st-stage{min-width:0}
#panel-teleprompter .st-graf-ver{display:none}

/* ══ celular ═══════════════════════════════════════════════════════════ */
@media(max-width:900px){
  #panel-teleprompter .st-ficha__grid{grid-template-columns:1fr}
  #panel-teleprompter .st-air.is-live{grid-template-columns:1fr}
  #panel-teleprompter .st-chat{height:320px}
}
@media(max-width:760px){
  /* las tres pastillas caben en 360px: un tercio cada una, sin scroll lateral */
  #panel-teleprompter .tp-subnav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important;overflow:visible}
  #panel-teleprompter .tp-subtab{height:40px;padding:0 6px;font-size:13px;gap:5px;justify-content:center;min-width:0}
  #panel-teleprompter .tp-subtab .material-symbols-outlined{font-size:18px}
  #panel-teleprompter .tp-daybar{padding:14px 16px}
  #panel-teleprompter .tp-daybar__act{margin-left:0;flex-wrap:wrap;width:100%}
  #panel-teleprompter .tp-start{margin-left:auto!important}
  #panel-teleprompter .tp-block__title{white-space:normal;line-height:1.3;padding:10px 0}
  #panel-teleprompter .tp-block__body{padding-left:18px}
  #panel-teleprompter .tp-hist__row{grid-template-columns:1fr;gap:2px}
  #panel-teleprompter .st-actionbar{bottom:calc(72px + env(safe-area-inset-bottom))}
  #panel-teleprompter .st-go{width:100%;margin-left:0}
  #panel-teleprompter .st-plats{grid-template-columns:repeat(3,minmax(0,1fr))}
  #stcfg-root{padding:0;align-items:end}
  #stcfg-root .st-drawer__box{width:100%;max-height:calc(100dvh - 24px);border-radius:20px 20px 0 0;border-left:0;border-right:0;border-bottom:0}
  #stcfg-root .st-drawer__h{padding:14px 16px 12px}
  #stcfg-root .st-drawer__body{padding:14px 16px;overscroll-behavior:contain}
  #stcfg-root .st-drawer__f{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  #stcfg-root .st-drawer__x{width:40px;height:40px}
  #stcfg-root .mx-row{min-height:44px;flex-wrap:wrap}
  #stcfg-root .mx-row b,#stcfg-root .st-toggle span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  #stcfg-root .mx-zb{min-height:40px}
  /* Al aire llena la pantalla: vista previa arriba, fuentes en una fila, botón abajo, sin scroll */
  html.st-aire-lleno,html.st-aire-lleno body{overflow:hidden!important;overscroll-behavior:none}
  html.st-aire-lleno #panel-teleprompter .st-air{display:flex!important;flex-direction:column;gap:8px;overflow:hidden}
  html.st-aire-lleno #panel-teleprompter .st-air__main{flex:1 1 auto;min-height:0;gap:8px}
  html.st-aire-lleno #panel-teleprompter .st-live__stage{flex:1 1 auto;min-height:0;display:flex}
  html.st-aire-lleno #panel-teleprompter .st-stage{flex:1 1 auto;min-height:0!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
  html.st-aire-lleno #panel-teleprompter #st-canvas{max-height:100%!important;max-width:100%!important;width:auto;height:auto}
  html.st-aire-lleno #panel-teleprompter .st-ed-chips{margin:0;min-height:0;flex-wrap:nowrap}
  html.st-aire-lleno #panel-teleprompter .st-ed-chips__t{display:none}
  html.st-aire-lleno #panel-teleprompter .st-ed-chips:empty{display:none}
  html.st-aire-lleno #panel-teleprompter .st-actionbar{position:static;flex-wrap:nowrap;padding:8px 10px;gap:8px}
  html.st-aire-lleno #panel-teleprompter .st-go{height:48px!important;padding:0 16px!important;font-size:15px!important;flex:1 1 auto;width:auto;white-space:nowrap}
  html.st-aire-lleno #panel-teleprompter .st-bar__salen{flex:0 1 auto;min-width:0;overflow:hidden}
  html.st-aire-lleno #panel-teleprompter .st-air.is-live .st-side{flex:0 0 32%;min-height:0}
  html.st-aire-lleno #panel-teleprompter .st-air.is-live .st-chat{height:100%}
  html.st-aire-lleno #panel-teleprompter .st-side__guion{display:none}
  /* las tres fuentes en UNA fila de botones bajos; el QR es para escanear desde otro aparato */
  #panel-teleprompter .st-srcs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px}
  #panel-teleprompter .st-srcbtn{min-height:56px;padding:6px 4px;gap:2px;border-radius:12px}
  #panel-teleprompter .st-srcbtn__i{font-size:22px}
  #panel-teleprompter .st-srcbtn b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  #panel-teleprompter .st-srcbtn__ok{right:6px;top:6px;width:18px;height:18px;font-size:13px}
  #panel-teleprompter .st-phone{grid-column:auto!important;flex-direction:column!important;padding:6px 4px!important;cursor:pointer}
  #panel-teleprompter .st-phone .st-qr,#panel-teleprompter .st-phone .st-qwrap,#panel-teleprompter .st-phone .st-phone__cfg{display:none!important}
  #panel-teleprompter .st-thumbs{grid-template-columns:minmax(0,16fr) minmax(0,5.0625fr)}
  #stcfg-root .st-des__row,#stcfg-root .st-des__row--marca{grid-template-columns:1fr 1fr}
  #stcfg-root .st-ad-card.st-ad-row{grid-template-columns:40px 1fr 1fr 34px}
  #stcfg-root .st-ad-row--h{display:none}
  #panel-teleprompter .st-title-pick{grid-template-columns:1fr}
}
/* Gráfico en el aire, celular: el gráfico ocupa el escenario y lo que sale va
   en miniatura abajo a la derecha; tocarla lo agranda (y ahí se mueve la burbuja). */
@media(max-width:760px){
  #panel-teleprompter .st-srcbtn__mas{display:none}   /* cuatro fichas en 375 px: «Cámara» basta */
  #panel-teleprompter .st-live__stage.is-graf{display:flex;flex-wrap:nowrap;justify-content:center;position:relative;gap:0}
  #panel-teleprompter .st-live__stage.is-graf .st-graf{height:auto;width:100%;max-width:420px;border-radius:14px}
  html.st-aire-lleno #panel-teleprompter .st-live__stage.is-graf .st-graf{height:100%;width:auto;max-width:100%}
  #panel-teleprompter .st-live__stage.is-graf>.st-ed-chips{display:none}
  #panel-teleprompter .st-live__stage.is-graf:not(.is-salida) .st-stage{position:absolute;right:6px;bottom:6px;width:60px;min-height:0!important;flex:none;z-index:4;border-radius:10px;overflow:hidden;pointer-events:none;border:1px solid rgba(255,255,255,.3);box-shadow:0 6px 18px rgba(0,0,0,.55)}
  #panel-teleprompter .st-live__stage.is-graf:not(.is-salida) #st-canvas{display:block;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;border-radius:0}
  #panel-teleprompter .st-live__stage.is-graf:not(.is-salida) .st-stage>:not(canvas){display:none!important}
  #panel-teleprompter .st-live__stage.is-graf.is-salida .st-stage{position:absolute;inset:0;z-index:4}
  #panel-teleprompter .st-live__stage.is-graf .st-graf-ver{display:grid;position:absolute;z-index:5;place-items:center;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
  #panel-teleprompter .st-live__stage.is-graf .st-graf-ver[hidden]{display:none}
  #panel-teleprompter .st-live__stage.is-graf:not(.is-salida) .st-graf-ver{right:6px;bottom:6px;width:60px;height:107px;background:none;border-radius:10px}
  #panel-teleprompter .st-live__stage.is-graf:not(.is-salida) .st-graf-ver .material-symbols-outlined{display:none}
  #panel-teleprompter .st-live__stage.is-graf.is-salida .st-graf-ver{left:8px;top:8px;width:40px;height:40px;border-radius:50%;background:rgba(20,20,23,.88);color:var(--lv-ac2);border:1px solid var(--lv-ln2)}
}