/* Generated from the approved mockup "Estudio Konexa Mezcla.html" (scoped copy, same styles). Do not edit by hand. */
#v9wrap{--acc:#6235dd;--bg:#eef0f4;--app:#ffffff;--card:#ffffff;--surf:#f4f4f7;--line:#e6e6ec;--line2:#d5d5de;--ink:#17161c;--mut:#6b6a75;--tint:#f0ebff;--live:#e5262d;--ok:#1aa35b;--stage:#17161d;--tile-r:10px;color-scheme:light}
@media (prefers-color-scheme:dark){#v9wrap:not([data-theme="light"]){--bg:#0d0d11;--app:#16161b;--card:#1d1d23;--surf:#23232a;--line:#2c2c34;--line2:#3a3a44;--ink:#f1f0f5;--mut:#a3a2ad;--tint:#262041;--stage:#101014;color-scheme:dark}
}
#v9wrap[data-theme="dark"]{--bg:#0d0d11;--app:#16161b;--card:#1d1d23;--surf:#23232a;--line:#2c2c34;--line2:#3a3a44;--ink:#f1f0f5;--mut:#a3a2ad;--tint:#262041;--stage:#101014;color-scheme:dark}
#v9wrap *{box-sizing:border-box}
#v9wrap,
#v9wrap{background:var(--bg);color:var(--ink);font:14px/1.4 Geist,"Segoe UI",system-ui,sans-serif;padding-inline:16px;padding-block:16px}
#v9wrap button,#v9wrap input,#v9wrap select,#v9wrap textarea{font:inherit;color:inherit}
#v9wrap button{cursor:pointer;background:none;border:0;padding:0}
#v9wrap button:focus-visible,#v9wrap input:focus-visible,#v9wrap select:focus-visible,#v9wrap textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--acc) 55%,transparent);outline-offset:2px}
#v9wrap svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
#v9wrap .mono{font-family:"Geist Mono",monospace;font-variant-numeric:tabular-nums}
#v9wrap .app{height:100%;max-width:1680px;margin:0 auto;background:var(--app);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:84px 196px minmax(0,1fr) 330px;grid-template-rows:76px minmax(0,1fr);grid-template-areas:"top top top top" "rail scenes main panel";box-shadow:0 20px 50px rgba(20,18,40,.08)}
#v9wrap .top{grid-area:top;display:flex;align-items:center;gap:14px;padding:0 22px;border-bottom:1px solid var(--line);min-width:0}
#v9wrap .brand{display:flex;align-items:center;gap:10px;padding-right:20px;border-right:1px solid var(--line);height:44px;flex:none}
#v9wrap .mark{width:38px;height:38px;border-radius:11px;background:var(--acc);display:grid;place-items:center;color:#fff;font:700 22px/1 Geist,sans-serif;position:relative}
#v9wrap .mark::after{content:"";position:absolute;right:6px;top:6px;width:6px;height:6px;border-radius:50%;background:#fff;opacity:.85}
#v9wrap .word b{display:block;font-size:21px;letter-spacing:-.02em;line-height:1}
#v9wrap .word span{display:block;font-size:9px;letter-spacing:.32em;color:var(--mut);margin-top:4px}
#v9wrap .ev{min-width:0;display:flex;flex-direction:column;gap:3px}
#v9wrap .ev b{font-size:14.5px;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v9wrap .ev b svg{width:15px;height:15px;color:var(--mut)}
#v9wrap .ev span{font-size:12px;color:var(--mut);white-space:nowrap}
#v9wrap .ev span i{font-style:normal;margin:0 8px;opacity:.5}
#v9wrap .sp{flex:1}
#v9wrap .livepill{display:none;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:var(--live);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;box-shadow:0 6px 16px rgba(229,38,45,.3)}
#v9wrap .livepill .dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:v9blink 1.2s infinite}
#v9wrap .app.live .livepill{display:inline-flex}
@keyframes v9blink{50%{opacity:.35}}
#v9wrap .dests{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mut);white-space:nowrap}
#v9wrap .dests i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:5px}
#v9wrap .btn{height:40px;padding:0 16px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
#v9wrap .btn svg{width:18px;height:18px}
#v9wrap .btn.o{border:1px solid var(--line2);background:var(--card)}
#v9wrap .btn.o:hover{background:var(--surf)}
#v9wrap .btn.p{background:var(--acc);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--acc) 32%,transparent)}
#v9wrap .btn.p:hover{filter:brightness(1.08)}
#v9wrap .btn:disabled{opacity:.5;cursor:default;box-shadow:none;filter:none}
#v9wrap .rail{grid-area:rail;border-right:1px solid var(--line);padding:14px 8px;display:flex;flex-direction:column;gap:4px;overflow:auto;scrollbar-width:none}
#v9wrap .rail::-webkit-scrollbar{display:none}
#v9wrap .rb{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px;border-radius:12px;color:var(--mut);font-size:10.5px;text-align:center;line-height:1.15}
#v9wrap .rb:hover{background:var(--surf);color:var(--ink)}
#v9wrap .rb[aria-pressed="true"]{background:var(--tint);color:var(--acc);font-weight:600}
#v9wrap .rb[aria-pressed="true"]::before{content:"";position:absolute;left:-8px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--acc)}
#v9wrap .rb .badge{position:absolute;top:6px;right:14px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--acc);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}
#v9wrap .scenes{grid-area:scenes;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;padding:18px 14px 14px}
#v9wrap .lbl{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);display:flex;align-items:center;justify-content:space-between;gap:8px}
#v9wrap .lbl button{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--mut)}
#v9wrap .lbl button:hover{background:var(--surf);color:var(--ink)}
#v9wrap .lbl button svg{width:16px;height:16px}
#v9wrap .slist{flex:1;min-height:0;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:10px;padding:12px 2px 12px}
#v9wrap .slist::-webkit-scrollbar{display:none}
#v9wrap .scene{display:flex;flex-direction:column;gap:7px;padding:6px 6px 9px;border-radius:12px;border:1px solid var(--line);background:var(--card);text-align:left;position:relative}
#v9wrap .scene:hover{border-color:var(--line2)}
#v9wrap .scene.staged{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 16%,transparent)}
#v9wrap .sthumb{aspect-ratio:16/9;border-radius:7px;background:var(--stage);position:relative;overflow:hidden}
#v9wrap .sthumb i{position:absolute;border-radius:2px;background:color-mix(in srgb,var(--acc) 55%,#bdb4e6)}
#v9wrap .sthumb i.w{background:#f3f1fb}
#v9wrap .sthumb em{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:600 10px/1 Geist,sans-serif;font-style:normal;letter-spacing:.04em}
#v9wrap .sname{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:0 3px}
#v9wrap .sname kbd{margin-left:auto;font:500 10px/1 "Geist Mono",monospace;color:var(--mut);border:1px solid var(--line);border-radius:5px;padding:3px 5px}
#v9wrap .tag{position:absolute;top:11px;left:11px;font-size:9.5px;font-weight:700;letter-spacing:.06em;padding:3px 6px;border-radius:5px}
#v9wrap .tag.ready{background:#fff;color:var(--acc)}
#v9wrap .tag.onair{background:var(--live);color:#fff}
#v9wrap .golive{margin-top:4px;width:100%;justify-content:center;height:44px;white-space:normal;line-height:1.15;text-align:center}
#v9wrap .pendnote{font-size:11.5px;color:var(--mut);text-align:center;margin-top:8px;min-height:16px}
#v9wrap .main{grid-area:main;min-width:0;min-height:0;display:flex;flex-direction:column;background:color-mix(in srgb,var(--surf) 55%,var(--app))}
#v9wrap .work{flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:16px 28px 0;display:flex;flex-direction:column;align-items:center}
#v9wrap .work::-webkit-scrollbar{display:none}
#v9wrap .phead{width:100%;display:flex;align-items:center;gap:10px;margin-bottom:12px}
#v9wrap .phead .lbl{justify-content:flex-start;color:var(--ink)}
#v9wrap .phead .lbl::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mut)}
#v9wrap .phead small{color:var(--mut);font-size:12px}
#v9wrap .chip{font-size:11.5px;padding:4px 9px;border-radius:7px;border:1px solid var(--line);background:var(--card);color:var(--mut);font-weight:500}
#v9wrap .chip.pend{border-color:color-mix(in srgb,var(--acc) 40%,transparent);background:var(--tint);color:var(--acc);font-weight:600}
#v9wrap .ico{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;color:var(--mut)}
#v9wrap .ico:hover{background:var(--card);color:var(--ink)}
#v9wrap .ico svg{width:18px;height:18px}
#v9wrap .work>*{flex:none}
#v9wrap .stagewrap{width:100%;display:flex;justify-content:center;align-items:flex-start;flex:1 1 0;min-height:220px;container-type:size}
#v9wrap .canvas{position:relative;width:min(100cqw,calc(100cqh * 16 / 9));aspect-ratio:16/9;border-radius:14px;background:var(--stagebg,#17161d);overflow:hidden;container-type:inline-size;box-shadow:0 14px 40px rgba(15,12,35,.18)}
#v9wrap .canvas .logo{position:absolute;top:4.2%;right:3%;display:flex;align-items:center;gap:.6cqw;color:#fff;font-weight:700;font-size:2.3cqw;letter-spacing:-.02em;z-index:6;transition:opacity .3s}
#v9wrap .canvas .logo span{font-size:1cqw;border:1px solid #fff;border-radius:.3cqw;padding:.2cqw .5cqw;letter-spacing:.08em}
#v9wrap .canvas .logo.off{opacity:0}
#v9wrap .tile{position:absolute;border-radius:var(--tile-r);overflow:hidden;transition:left .55s cubic-bezier(.2,.8,.2,1),top .55s cubic-bezier(.2,.8,.2,1),width .55s cubic-bezier(.2,.8,.2,1),height .55s cubic-bezier(.2,.8,.2,1),opacity .35s;z-index:2}
#v9wrap .tile.gone{opacity:0;pointer-events:none}
#v9wrap .face{position:absolute;inset:0;display:grid;place-items:center}
#v9wrap .face b{width:28%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);color:#fff;font-size:min(5cqw,90px);font-weight:600;backdrop-filter:blur(4px)}
#v9wrap .nm{position:absolute;left:4%;bottom:7%;background:var(--acc);color:#fff;font-weight:600;font-size:1.45cqw;padding:.35cqw .8cqw;border-radius:.35cqw;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}
#v9wrap .canvas.lab-bar .nm{left:0;bottom:0;border-radius:0;padding:.5cqw 1.1cqw}
#v9wrap .canvas.lab-min .nm{background:rgba(10,10,14,.55);border-left:.35cqw solid var(--acc);border-radius:0;backdrop-filter:blur(6px)}
#v9wrap .canvas.nonames .nm{display:none}
#v9wrap .slide,#v9wrap .pause,#v9wrap .clip{position:absolute;z-index:1;transition:opacity .4s,left .55s cubic-bezier(.2,.8,.2,1),top .55s cubic-bezier(.2,.8,.2,1),width .55s cubic-bezier(.2,.8,.2,1),height .55s cubic-bezier(.2,.8,.2,1)}
#v9wrap .slide{background:#f5f2fd;border-radius:calc(var(--tile-r) * .6);overflow:hidden;padding:5% 6%;display:flex;flex-direction:column;justify-content:center;gap:2.2cqw}
#v9wrap .slide small{color:var(--acc);letter-spacing:.2em;font-size:1.25cqw}
#v9wrap .slide h3{margin:0;font-size:4.4cqw;line-height:1.05;letter-spacing:-.03em;color:#221a4e;max-width:60%}
#v9wrap .slide p{margin:0;color:#5b567a;font-size:1.4cqw}
#v9wrap .slide::after{content:"";position:absolute;right:-12%;top:12%;width:48%;aspect-ratio:1;border-radius:50%;border:2.4cqw solid color-mix(in srgb,var(--acc) 70%,#fff);box-shadow:0 0 0 3.5cqw #e7e0fb}
#v9wrap .pause{inset:0;display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--acc) 55%,#000),#0c0b12 70%);z-index:4}
#v9wrap .pause b{display:block;font-size:4.6cqw;letter-spacing:-.03em}
#v9wrap .pause span{font-size:1.5cqw;opacity:.75}
#v9wrap .clip{inset:0;z-index:5;background:linear-gradient(135deg,#1f1447,#3a1f7a 45%,#0f7f86);display:grid;place-items:center;color:#fff}
#v9wrap .clip b{font-size:4cqw;letter-spacing:-.02em}
#v9wrap .clip .bar{position:absolute;left:3%;right:3%;bottom:5%;height:.5cqw;border-radius:1cqw;background:rgba(255,255,255,.25);overflow:hidden}
#v9wrap .clip .bar i{display:block;height:100%;width:0;background:#fff}
#v9wrap .hid{opacity:0;pointer-events:none}
#v9wrap .fc{position:absolute;left:5.2%;right:5.2%;bottom:3.3%;height:16.5%;background:#fff;border-radius:calc(var(--tile-r) * .6);display:flex;align-items:center;gap:1.8cqw;padding:0 2.4cqw;z-index:7;box-shadow:0 1cqw 3cqw rgba(0,0,0,.35);overflow:hidden;animation:v9fcIn .45s cubic-bezier(.2,.8,.2,1)}
#v9wrap .fc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:.7cqw;background:var(--acc)}
#v9wrap .fc .av{width:6cqw;aspect-ratio:1;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.9cqw;flex:none}
#v9wrap .fc .tx{min-width:0}
#v9wrap .fc .tx b{display:block;color:var(--acc);font-size:1.75cqw;margin-bottom:.3cqw}
#v9wrap .fc .tx span{display:block;color:#1a1823;font-size:2.05cqw;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#v9wrap .fc .timer{position:absolute;left:0;bottom:0;height:.3cqw;background:color-mix(in srgb,var(--acc) 45%,transparent);width:100%;transform-origin:left;transition:transform 1s linear}
#v9wrap .fc.banner{background:var(--acc)}
#v9wrap .fc.banner::before{background:#fff}
#v9wrap .fc.banner .tx b{color:#fff;opacity:.8}
#v9wrap .fc.banner .tx span{color:#fff;font-weight:600}
@keyframes v9fcIn{from{transform:translateY(40%);opacity:0}}
#v9wrap .widget{position:absolute;left:3%;top:4.2%;z-index:6;background:rgba(255,255,255,.95);color:#1a1823;border-radius:.8cqw;padding:1cqw 1.4cqw;font-size:1.25cqw;min-width:18cqw;box-shadow:0 .6cqw 2cqw rgba(0,0,0,.3)}
#v9wrap .widget b{display:block;font-size:1.35cqw;margin-bottom:.6cqw}
#v9wrap .widget .opt{display:flex;justify-content:space-between;gap:1cqw;margin-top:.4cqw}
#v9wrap .widget .opt i{display:block;height:.45cqw;border-radius:1cqw;background:var(--acc);margin-top:.25cqw}
#v9wrap .empty{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.55);font-size:1.6cqw;z-index:0}
#v9wrap .dist{display:flex;align-items:center;gap:8px;margin:14px 0 4px;color:var(--mut);font-size:12.5px;flex-wrap:wrap;justify-content:center}
#v9wrap .dist .opts{display:flex;gap:6px}
#v9wrap .lay{width:44px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;color:#a9a8b8}
#v9wrap .lay:hover{border-color:var(--line2);color:var(--mut)}
#v9wrap .lay[aria-pressed="true"]{border:2px solid var(--acc);color:var(--acc);background:var(--tint)}
#v9wrap .lay svg{width:26px;height:18px;stroke:none;fill:currentColor}
#v9wrap .dist .cur{min-width:92px;color:var(--ink);font-weight:500}
#v9wrap .studio{width:100%;border-top:1px solid var(--line);margin-top:14px;padding:14px 0 16px}
#v9wrap .shead{display:flex;align-items:center;gap:8px;margin-bottom:10px}
#v9wrap .shead h2{margin:0;font-size:15px}
#v9wrap .count{font-size:11px;font-weight:600;background:var(--surf);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--mut)}
#v9wrap .shead small{margin-left:auto;color:var(--mut);font-size:12px}
#v9wrap .stripwrap{position:relative}
#v9wrap .strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding:2px}
#v9wrap .strip::-webkit-scrollbar{display:none}
#v9wrap .arrow{position:absolute;top:50%;translate:0 -50%;width:34px;height:34px;border-radius:50%;background:var(--card);border:1px solid var(--line2);display:grid;place-items:center;z-index:3;box-shadow:0 4px 14px rgba(0,0,0,.12)}
#v9wrap .arrow.l{left:-10px}
#v9wrap .arrow.r{right:-10px}
#v9wrap .arrow svg{width:16px;height:16px}
#v9wrap .fade{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:2}
#v9wrap .fade.l{left:0;background:linear-gradient(90deg,color-mix(in srgb,var(--surf) 55%,var(--app)),transparent)}
#v9wrap .fade.r{right:0;background:linear-gradient(270deg,color-mix(in srgb,var(--surf) 55%,var(--app)),transparent)}
#v9wrap .pcard{flex:0 0 172px;border:1px solid var(--line);background:var(--card);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
#v9wrap .pcard.on{border-color:color-mix(in srgb,var(--acc) 35%,var(--line))}
#v9wrap .pthumb{height:98px;position:relative;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:600}
#v9wrap .pthumb .st{position:absolute;top:7px;left:7px;font-size:10px;font-weight:600;padding:3px 7px;border-radius:5px;background:rgba(12,12,16,.72);color:#fff;display:flex;align-items:center;gap:5px}
#v9wrap .pthumb .st::before{content:"";width:6px;height:6px;border-radius:50%;background:#9d9ca8}
#v9wrap .pcard.on .st::before{background:#33d17a}
#v9wrap .pcard.wait .st::before{background:#f5b82e}
#v9wrap .pthumb .mic{position:absolute;right:7px;bottom:7px;width:22px;height:22px;border-radius:50%;background:rgba(12,12,16,.65);display:grid;place-items:center}
#v9wrap .pthumb .mic svg{width:12px;height:12px}
#v9wrap .pbody{padding:9px 10px 10px;display:flex;flex-direction:column;gap:3px}
#v9wrap .pbody b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v9wrap .pbody button{align-self:flex-start;color:var(--acc);font-size:12px;font-weight:500;display:flex;align-items:center;gap:5px}
#v9wrap .pbody button:hover{text-decoration:underline}
#v9wrap .pbody button::before{content:"";width:9px;height:1.5px;background:currentColor}
#v9wrap .pbody button.add::before{content:"+";width:auto;height:auto;background:none;font-size:14px;line-height:1}
#v9wrap .sep{flex:0 0 1px;background:var(--line);margin:8px 4px;position:relative}
#v9wrap .sep span{position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-90deg;white-space:nowrap;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);background:color-mix(in srgb,var(--surf) 55%,var(--app));padding:0 6px}
#v9wrap .mcard .pthumb{background:linear-gradient(135deg,#221655,#3b2a8c 55%,#177c85)}
#v9wrap .mcard .pthumb svg{width:26px;height:26px;opacity:.85}
#v9wrap .mcard.playing{border-color:var(--acc)}
#v9wrap .mcard .meta{font-size:11.5px;color:var(--mut)}
#v9wrap .addcard{flex:0 0 120px;border:1.5px dashed var(--line2);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--mut);font-size:12px}
#v9wrap .addcard:hover{border-color:var(--acc);color:var(--acc)}
#v9wrap .controls{border-top:1px solid var(--line);background:var(--app);display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;position:relative}
#v9wrap .cb{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:66px;padding:7px 6px;border-radius:10px;font-size:11.5px;color:var(--ink)}
#v9wrap .cb:hover{background:var(--surf)}
#v9wrap .cb[aria-pressed="true"]{color:var(--live)}
#v9wrap .cb .off{display:none}
#v9wrap .cb[aria-pressed="true"] .on{display:none}
#v9wrap .cb[aria-pressed="true"] .off{display:block}
#v9wrap .vsep{width:1px;height:36px;background:var(--line);margin:0 8px}
#v9wrap .cb.exit{position:absolute;right:20px;color:var(--live)}
#v9wrap .foot{display:flex;justify-content:space-between;gap:10px;padding:8px 22px 10px;border-top:1px solid var(--line);background:var(--app);font-size:11.5px;color:var(--mut)}
#v9wrap .foot span:first-child::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:7px}
#v9wrap .panel{grid-area:panel;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--app)}
#v9wrap .phd{display:flex;align-items:center;gap:8px;padding:0 20px;height:66px;border-bottom:1px solid var(--line);flex:none}
#v9wrap .phd h2{margin:0;font-size:16px}
#v9wrap .phd small{margin-left:auto;font-size:10.5px;letter-spacing:.08em;color:var(--mut)}
#v9wrap .phd .close{display:none}
#v9wrap .pbd{flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:18px 20px;display:flex;flex-direction:column;gap:14px}
#v9wrap .pbd::-webkit-scrollbar{display:none}
#v9wrap .pft{border-top:1px solid var(--line);padding:14px 20px 16px;display:flex;flex-direction:column;gap:8px;flex:none}
#v9wrap .pft small{color:var(--mut);font-size:11.5px}
#v9wrap .seg{display:flex;background:var(--surf);border-radius:10px;padding:3px}
#v9wrap .seg button{flex:1;height:32px;border-radius:8px;font-size:12.5px;color:var(--mut)}
#v9wrap .seg button[aria-pressed="true"]{background:var(--card);color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}
#v9wrap .hint{margin:0;color:var(--mut);font-size:12px}
#v9wrap .cm{border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:9px;background:var(--card)}
#v9wrap .cm.sel{border-color:var(--acc);background:var(--tint)}
#v9wrap .cmh{display:flex;align-items:center;gap:10px}
#v9wrap .cav{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:600;flex:none}
#v9wrap .cmh b{display:block;font-size:13px}
#v9wrap .cmh span{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--mut)}
#v9wrap .cmh span i{width:10px;height:7px;border-radius:2px;display:inline-block}
#v9wrap .cmh time{margin-left:auto;font-size:11px;color:var(--mut);align-self:flex-start}
#v9wrap .cm p{margin:0;font-size:13px;line-height:1.5}
#v9wrap .cmf{display:flex;align-items:center;gap:10px}
#v9wrap .sbtn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:7px;background:var(--surf);font-size:11.5px;font-weight:500}
#v9wrap .sbtn:hover{background:var(--line)}
#v9wrap .sbtn svg{width:14px;height:14px}
#v9wrap .cm.sel .sbtn{background:var(--acc);color:#fff}
#v9wrap .cmf small{font-size:11px;color:var(--acc);font-weight:500}
#v9wrap .compose{display:flex;align-items:center;border:1px solid var(--line2);border-radius:10px;background:var(--card);padding-right:6px}
#v9wrap .compose input{flex:1;min-width:0;border:0;background:none;height:40px;padding:0 12px;outline:none}
#v9wrap .compose button{width:32px;height:32px;display:grid;place-items:center;color:var(--acc);border-radius:8px}
#v9wrap .compose button:hover{background:var(--tint)}
#v9wrap .compose button svg{width:18px;height:18px}
#v9wrap .row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
#v9wrap .fl{display:flex;flex-direction:column;gap:7px;font-size:13px}
#v9wrap .inp,#v9wrap select.inp,#v9wrap textarea.inp{height:40px;border:1px solid var(--line2);border-radius:9px;background:var(--card);padding:0 12px;width:100%}
#v9wrap textarea.inp{height:160px;padding:10px 12px;resize:vertical}
#v9wrap .sw{position:relative;width:36px;height:21px;flex:none}
#v9wrap .sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
#v9wrap .sw i{position:absolute;inset:0;border-radius:11px;background:var(--line2);transition:.2s;pointer-events:none}
#v9wrap .sw i::after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}
#v9wrap .sw input:checked+i{background:var(--acc)}
#v9wrap .sw input:checked+i::after{translate:15px 0}
#v9wrap .divider{height:1px;background:var(--line)}
#v9wrap .stylepv{border-radius:12px;background:var(--stage);padding:22px;display:grid;place-items:center}
#v9wrap .stylepv span{background:var(--acc);color:#fff;font-weight:600;padding:7px 14px;border-radius:4px}
#v9wrap .colorrow{display:flex;align-items:center;gap:10px}
#v9wrap .colorrow input[type=color]{width:42px;height:36px;border:1px solid var(--line2);border-radius:8px;background:var(--card);padding:3px}
#v9wrap .swatches{display:flex;gap:6px;flex-wrap:wrap}
#v9wrap .swatches button{width:24px;height:24px;border-radius:7px;border:2px solid var(--app);box-shadow:0 0 0 1px var(--line2)}
#v9wrap input[type=range]{width:100%;accent-color:var(--acc)}
#v9wrap .li{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--card)}
#v9wrap .li .grow{flex:1;min-width:0}
#v9wrap .li .grow b{display:block;font-size:13px}
#v9wrap .li .grow span{display:block;font-size:11.5px;color:var(--mut)}
#v9wrap .li.sel{border-color:var(--acc);background:var(--tint)}
#v9wrap .msg{font-size:13px;padding:9px 12px;border-radius:11px;background:var(--surf);max-width:88%}
#v9wrap .msg.me{align-self:flex-end;background:var(--tint)}
#v9wrap .msg b{display:block;font-size:11.5px;color:var(--acc);margin-bottom:2px}
#v9wrap .recbtn{height:44px;border-radius:11px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:600}
#v9wrap .recbtn i{width:12px;height:12px;border-radius:50%;background:var(--live)}
#v9wrap .recbtn.on{background:var(--live);color:#fff;border-color:var(--live)}
#v9wrap .recbtn.on i{background:#fff;border-radius:2px}
#v9wrap .toast{position:fixed;left:50%;bottom:28px;translate:-50% 20px;opacity:0;background:#17161c;color:#fff;padding:11px 16px;border-radius:11px;font-size:13px;transition:.25s;pointer-events:none;z-index:50;max-width:calc(100% - 32px)}
#v9wrap .toast.show{opacity:1;translate:-50% 0}
#v9wrap .scrim{display:none}
#v9wrap [hidden]{display:none!important}
#v9wrap .mscenes .sc svg{width:14px;height:14px}
#v9wrap .themebtn{width:40px;padding:0;justify-content:center;flex:none}
#v9wrap .themebtn .moon{display:none}
#v9wrap[data-theme="light"] .themebtn .sun{display:none}
#v9wrap[data-theme="light"] .themebtn .moon{display:block}
@media (prefers-color-scheme:light){#v9wrap:not([data-theme="dark"]) .themebtn .sun{display:none}
#v9wrap:not([data-theme="dark"]) .themebtn .moon{display:block}
}
#v9wrap .pmin{margin-left:4px}
#v9wrap #v9-psub+.pmin{margin-left:8px}
#v9wrap .app{grid-template-columns:84px var(--scw,196px) minmax(0,1fr) var(--pw,330px)}
#v9wrap .app.panel-min{--pw:0px}
#v9wrap .app.panel-min .panel{display:none}
#v9wrap .lblbtns{display:flex;gap:2px}
#v9wrap #v9-smin svg{rotate:180deg}
#v9wrap .app.scenes-min{--scw:68px}
#v9wrap .app.scenes-min #v9-smin svg{rotate:0deg}
#v9wrap .app.scenes-min .scenes{padding-inline:10px}
#v9wrap .app.scenes-min .lbl{flex-direction:column;gap:6px}
#v9wrap .app.scenes-min .lbltxt,#v9wrap .app.scenes-min #v9-newscene,#v9wrap .app.scenes-min .sthumb,#v9wrap .app.scenes-min .more,#v9wrap .app.scenes-min .pendnote,#v9wrap .app.scenes-min .sname .spot{display:none}
#v9wrap .app.scenes-min .scene{padding:0;border-radius:10px;aspect-ratio:1;display:grid;place-items:center}
#v9wrap .app.scenes-min .sname{font-size:0;padding:0}
#v9wrap .app.scenes-min .sname kbd{margin:0;border:0;font-size:14px;font-weight:600;color:var(--ink)}
#v9wrap .app.scenes-min .scene.staged kbd{color:var(--acc)}
#v9wrap .app.scenes-min .tag{top:auto;bottom:-6px;left:50%;translate:-50% 0;font-size:0;width:10px;height:10px;padding:0;border-radius:50%;box-shadow:0 0 0 2px var(--app)}
#v9wrap .app.scenes-min .tag.ready{background:var(--acc)}
#v9wrap .app.scenes-min .golive{font-size:0;gap:0;padding:0;height:44px}
#v9wrap .app.scenes-min .golive svg{width:20px;height:20px}
#v9wrap .nochg{display:none}
#v9wrap .app.scenes-min .nochg{display:contents}
#v9wrap .scene{cursor:pointer}
#v9wrap .more{position:absolute;top:10px;right:10px;width:26px;height:22px;border-radius:6px;background:rgba(12,12,16,.6);color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:1px;line-height:1;opacity:0;transition:opacity .15s}
#v9wrap .scene:hover .more,#v9wrap .scene:focus-within .more,#v9wrap .more[aria-expanded="true"]{opacity:1}
#v9wrap .smenu{position:fixed;z-index:40;min-width:180px;background:var(--card);border:1px solid var(--line2);border-radius:11px;padding:5px;box-shadow:0 14px 40px rgba(0,0,0,.18)}
#v9wrap .smenu button{display:flex;width:100%;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;font-size:13px;text-align:left}
#v9wrap .smenu button:hover{background:var(--surf)}
#v9wrap .smenu button.danger{color:var(--live)}
#v9wrap .smenu button svg{width:16px;height:16px}
#v9wrap .spot{font-size:10px;color:var(--acc);margin-left:2px}
#v9wrap .custom{position:absolute;inset:0;z-index:2}
#v9wrap .ly{position:absolute;overflow:hidden;border-radius:calc(var(--tile-r) * .6)}
#v9wrap .ly .face{position:absolute;inset:0}
#v9wrap .ly.k-image{display:grid;place-items:center;color:#fff;font-weight:700;font-size:2.4cqw;letter-spacing:-.02em}
#v9wrap .ly.k-image span{font-size:1cqw;border:1px solid #fff;border-radius:.3cqw;padding:.2cqw .5cqw;margin-left:.5cqw;letter-spacing:.08em}
#v9wrap .ly.k-video{background:linear-gradient(135deg,#1f1447,#3a1f7a 45%,#0f7f86);display:grid;place-items:center;color:#fff}
#v9wrap .ly.k-video svg{width:4cqw;height:4cqw}
#v9wrap .ly.k-embed{background:#0e0e12;display:grid;place-items:center;color:#fff;font-size:1.4cqw;gap:.6cqw;align-content:center;justify-items:center}
#v9wrap .ly.k-embed svg{width:3cqw;height:3cqw}
#v9wrap .ly.k-banner{display:flex;align-items:center;padding:0 2cqw;font-weight:600;border-radius:0;white-space:nowrap}
#v9wrap .ly.k-banner.fs-small{font-size:1.5cqw}
#v9wrap .ly.k-banner.fs-normal{font-size:2cqw}
#v9wrap .ly.k-banner.fs-large{font-size:2.8cqw}
#v9wrap .ly.k-banner.ticker span{display:inline-block;animation:v9tick var(--spd,14s) linear infinite;padding-left:100%}
@keyframes v9tick{to{transform:translateX(-100%)}}
#v9wrap .ly.k-document{background:#f5f2fd;color:#221a4e;padding:4%;display:flex;flex-direction:column;justify-content:center;gap:.8cqw}
#v9wrap .ly.k-document small{color:var(--acc);letter-spacing:.2em;font-size:.9cqw}
#v9wrap .ly.k-document b{font-size:2.6cqw;line-height:1.05;letter-spacing:-.03em}
#v9wrap .ly .missing{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:.4cqw;background:#2a2933;color:#c9c8d3;font-size:1.2cqw;text-align:center;padding:4%}
#v9wrap .ly .missing strong{color:#fff;font-size:1.5cqw}
#v9wrap .ly.contain .face b{width:22%}
#v9wrap .ed{position:fixed;inset:0;z-index:60;background:rgba(14,12,26,.45);display:grid;place-items:center;padding:16px}
#v9wrap .ed[hidden]{display:none}
#v9wrap .edbox{width:min(1320px,100%);height:min(860px,100%);background:var(--app);border:1px solid var(--line);border-radius:18px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
#v9wrap .edhd{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}
#v9wrap .edhd h2{margin:0;font-size:17px;white-space:nowrap}
#v9wrap .edhd .inp{max-width:280px;height:38px}
#v9wrap .chk{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--mut);cursor:pointer}
#v9wrap .chk input{width:16px;height:16px;accent-color:var(--acc);margin:0;flex:none}
#v9wrap .edhd .ico{margin-left:auto}
#v9wrap .edtb{display:flex;align-items:center;gap:6px;padding:10px 22px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;background:color-mix(in srgb,var(--surf) 55%,var(--app))}
#v9wrap .edtb::-webkit-scrollbar{display:none}
#v9wrap .tb{height:34px;padding:0 11px;border-radius:9px;border:1px solid var(--line);background:var(--card);display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;white-space:nowrap;flex:none}
#v9wrap .tb:hover{border-color:var(--acc);color:var(--acc)}
#v9wrap .tb svg{width:16px;height:16px}
#v9wrap .tb:disabled{opacity:.4;pointer-events:none}
#v9wrap .tbsep{width:1px;height:24px;background:var(--line);margin:0 6px;flex:none}
#v9wrap .edmain{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:0}
#v9wrap .edleft{padding:20px 24px;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:12px;min-width:0}
#v9wrap .edleft::-webkit-scrollbar{display:none}
#v9wrap .edcanvas{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--edbg,#17161d);container-type:inline-size;touch-action:none;user-select:none;box-shadow:0 10px 30px rgba(15,12,35,.15)}
#v9wrap .edcanvas::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:10% 10%}
#v9wrap .edcanvas .ly{cursor:move;outline:1px dashed rgba(255,255,255,.28)}
#v9wrap .edcanvas .ly.off{opacity:.3}
#v9wrap .edcanvas .ly.sel{outline:2px solid var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 30%,transparent);z-index:900!important}
#v9wrap .hdl{position:absolute;right:0;bottom:0;width:16px;height:16px;background:var(--acc);border-radius:4px 0 0 0;cursor:nwse-resize;display:none}
#v9wrap .ly.sel .hdl{display:block}
#v9wrap .edstatus{margin:0;font-size:12px;color:var(--mut);min-height:17px}
#v9wrap .edbg{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
#v9wrap .edbg .fl{flex:1;min-width:180px}
#v9wrap .edbg input[type=color]{width:52px;height:40px;border:1px solid var(--line2);border-radius:9px;background:var(--card);padding:3px}
#v9wrap .edinsp{border-left:1px solid var(--line);padding:18px 18px 22px;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:12px}
#v9wrap .edinsp::-webkit-scrollbar{display:none}
#v9wrap .edinsp h3{margin:0;font-size:13px}
#v9wrap .edinsp .hint{margin-top:-8px}
#v9wrap .layers{display:flex;flex-direction:column;gap:4px}
#v9wrap .lyrow{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;border:1px solid transparent;font-size:12.5px;text-align:left;width:100%}
#v9wrap .lyrow:hover{background:var(--surf)}
#v9wrap .lyrow.sel{border-color:var(--acc);background:var(--tint)}
#v9wrap .lyrow i{width:26px;height:18px;border-radius:4px;flex:none}
#v9wrap .lyrow span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v9wrap .lyrow em{font-style:normal;font-size:11px;color:var(--mut)}
#v9wrap .lyrow.off span{opacity:.45;text-decoration:line-through}
#v9wrap .order{display:flex;gap:6px}
#v9wrap .order button{flex:1;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--card);font-size:14px}
#v9wrap .order button:hover{border-color:var(--acc);color:var(--acc)}
#v9wrap .props{display:flex;flex-direction:column;gap:11px;padding-top:12px;border-top:1px solid var(--line)}
#v9wrap .props .btn{justify-content:center;height:36px}
#v9wrap .btn.danger{color:var(--live);border:1px solid color-mix(in srgb,var(--live) 35%,var(--line))}
#v9wrap .btn.danger:hover{background:color-mix(in srgb,var(--live) 8%,transparent)}
#v9wrap .edft{display:flex;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--line);flex-wrap:wrap}
#v9wrap .edft .sp{flex:1}
#v9wrap .ovl{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:7px 9px;border-radius:9px;background:var(--surf)}
@media (max-width:1199px){#v9wrap .app{grid-template-columns:78px minmax(0,1fr);grid-template-areas:"top top" "rail main"}
#v9wrap .scenes{grid-area:auto;display:none}
#v9wrap .main .mscenes{display:flex}
#v9wrap .panel{position:fixed;top:16px;right:16px;bottom:16px;width:min(360px,calc(100% - 32px));border:1px solid var(--line);border-radius:16px;z-index:30;translate:calc(100% + 40px) 0;transition:translate .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 20px 60px rgba(0,0,0,.2)}
#v9wrap .app.panel-open .panel{translate:0 0}
#v9wrap .phd .close{display:grid;margin-left:8px}
#v9wrap .pmin{display:none}
#v9wrap .app.panel-min{grid-template-columns:78px minmax(0,1fr)}
#v9wrap .app.panel-min .panel{display:flex}
#v9wrap .app.panel-open .scrim{display:block;position:fixed;inset:0;background:rgba(10,10,20,.25);z-index:20}
#v9wrap .dests{display:none}
#v9wrap{padding-inline:0;padding-block:0}
#v9wrap .app{border:0;border-radius:0;box-shadow:none}
#v9wrap .top{padding:0 16px;gap:10px}
#v9wrap .brand{padding-right:14px}
#v9wrap .work{padding:14px 20px 0}
#v9wrap .pcard{flex-basis:150px}
#v9wrap .pthumb{height:84px}
#v9wrap .controls{padding:8px 12px}
#v9wrap .cb{min-width:58px}

}
#v9wrap .mscenes{display:none;width:100%;gap:8px;align-items:center;margin-top:12px;overflow-x:auto;scrollbar-width:none}
#v9wrap .mscenes::-webkit-scrollbar{display:none}
#v9wrap .mscenes .sc{flex:none;height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:var(--card);font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:6px}
#v9wrap .mscenes .sc.staged{border-color:var(--acc);color:var(--acc);background:var(--tint)}
#v9wrap .mscenes .sc em{font-style:normal;font-size:9.5px;font-weight:700;background:var(--live);color:#fff;border-radius:4px;padding:2px 5px}
#v9wrap .mscenes .btn{height:34px;margin-left:auto;flex:none}
#v9wrap .sec{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-top:4px}
#v9wrap .opts2,#v9wrap .opts3{display:grid;gap:6px}
#v9wrap .opts2{grid-template-columns:1fr 1fr}
#v9wrap .opts3{grid-template-columns:repeat(3,1fr)}
/* nombres largos (p. ej. imágenes de la biblioteca) nunca se salen del botón ni se montan sobre la fila de abajo */
#v9wrap .opts2>.op,#v9wrap .opts3>.op,#v9wrap .thumbs>.th{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#v9wrap .op{height:36px;border-radius:9px;border:1px solid var(--line);background:var(--card);font-size:12.5px;padding:0 8px}
#v9wrap .op:hover{border-color:var(--line2)}
#v9wrap .op[aria-pressed="true"]{border-color:var(--acc);background:var(--tint);color:var(--acc);font-weight:600}
#v9wrap .mini{height:28px;padding:0 10px;border-radius:7px;border:1px solid var(--line);background:var(--card);font-size:11.5px;font-weight:500;white-space:nowrap}
#v9wrap .mini:hover{border-color:var(--line2)}
#v9wrap .mini.p{background:var(--acc);border-color:var(--acc);color:#fff}
#v9wrap .btns{display:flex;gap:6px;flex-wrap:wrap}
#v9wrap .dest{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--card)}
#v9wrap .dest .dl{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;flex:none}
#v9wrap .dest b{flex:1;font-size:13px}
#v9wrap .dest select{height:30px;border-radius:7px;border:1px solid var(--line2);background:var(--card);font-size:12px}
#v9wrap .bigtime{font:600 34px/1 "Geist Mono",monospace;text-align:center;padding:10px 0;font-variant-numeric:tabular-nums}
#v9wrap .recpill{display:none;align-items:center;gap:7px;height:32px;padding:0 11px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:600}
#v9wrap .recpill i{width:8px;height:8px;border-radius:50%;background:var(--live);animation:v9blink 1.2s infinite}
#v9wrap .app.rec .recpill{display:inline-flex}
#v9wrap .handup{font-size:10px;font-weight:600;background:#f5b82e;color:#2b2100;border-radius:5px;padding:2px 6px;margin-left:auto}
#v9wrap .pmore{position:absolute;top:7px;right:7px;width:24px;height:20px;border-radius:6px;background:rgba(12,12,16,.65);color:#fff;font-weight:700;display:grid;place-items:center;letter-spacing:1px;line-height:1}
#v9wrap .pcard .muted{position:absolute;right:34px;bottom:7px;height:22px;padding:0 7px;border-radius:11px;background:var(--live);color:#fff;font-size:10px;display:flex;align-items:center}
#v9wrap .canvas .logo.iso{width:4.4cqw;height:4.4cqw;border-radius:1cqw;background:var(--acc);justify-content:center;font-size:2.6cqw}
#v9wrap .canvas .logo.iso span{display:none}
#v9wrap .canvas .logo.tl{left:3%;right:auto}
#v9wrap .canvas .logo.bl{left:3%;right:auto;top:auto;bottom:5%}
#v9wrap .canvas .logo.br{top:auto;bottom:5%}
#v9wrap .canvas.shape-round .tile{border-radius:22%/39%}
#v9wrap .canvas.shape-circle .tile .face{border-radius:50%;inset:0 21.9%}
#v9wrap .canvas.shape-circle .tile{border-radius:0;overflow:visible}
#v9wrap .ov{position:absolute;z-index:8;transition:opacity .3s}
#v9wrap .ov-qr{right:3%;bottom:5%;width:13cqw;background:#fff;border-radius:1cqw;padding:1cqw;display:flex;flex-direction:column;gap:.6cqw;align-items:center;color:#1a1823;font-size:1cqw;text-align:center;box-shadow:0 .6cqw 2cqw rgba(0,0,0,.3)}
#v9wrap .ov-qr i{width:100%;aspect-ratio:1;background:repeating-conic-gradient(#1a1823 0 25%,#fff 0 50%) 0 0/22% 22%;border-radius:.4cqw;outline:.6cqw solid #1a1823;outline-offset:-.6cqw}
#v9wrap .ov-cd{left:50%;top:6%;translate:-50% 0;background:rgba(10,10,14,.75);color:#fff;border-radius:1cqw;padding:.8cqw 2cqw;text-align:center;backdrop-filter:blur(6px)}
#v9wrap .ov-cd span{display:block;font-size:1.2cqw;opacity:.75}
#v9wrap .ov-cd b{font:600 3.6cqw/1.1 "Geist Mono",monospace}
#v9wrap .ov-poll{left:3%;top:5%;width:30cqw;background:rgba(255,255,255,.96);color:#1a1823;border-radius:1cqw;padding:1.4cqw;font-size:1.25cqw;box-shadow:0 .6cqw 2cqw rgba(0,0,0,.3)}
#v9wrap .ov-poll b{display:block;font-size:1.45cqw;margin-bottom:.8cqw}
#v9wrap .ov-poll .pr{display:flex;justify-content:space-between;margin-top:.6cqw}
#v9wrap .ov-poll .pb{height:.6cqw;border-radius:1cqw;background:#ece9f6;overflow:hidden;margin-top:.25cqw}
#v9wrap .ov-poll .pb i{display:block;height:100%;background:var(--acc);transition:width .6s}
#v9wrap .ov-embed{left:12%;top:10%;width:76%;height:76%;background:#0e0e12;border-radius:1cqw;display:grid;place-items:center;align-content:center;gap:1cqw;color:#fff;font-size:1.3cqw;z-index:6;box-shadow:0 1cqw 3cqw rgba(0,0,0,.4)}
#v9wrap .ov-embed svg{width:5cqw;height:5cqw;color:#ff4040}
#v9wrap .ov-thanks{inset:0;z-index:9;display:grid;place-items:center;align-content:center;gap:1cqw;text-align:center;color:#fff;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--acc) 60%,#000),#0c0b12 70%)}
#v9wrap .ov-thanks b{font-size:4.6cqw;letter-spacing:-.03em}
#v9wrap .ov-thanks span{font-size:1.5cqw;opacity:.75}
#v9wrap .fc.banner.ticker .tx span{white-space:nowrap;display:inline-block;animation:v9tick 14s linear infinite;padding-left:100%}
#v9wrap .fc.banner.ticker .tx{overflow:hidden;width:100%}
#v9wrap .dlg{position:fixed;inset:0;z-index:62;background:rgba(14,12,26,.45);display:grid;place-items:center;padding:16px}
#v9wrap .dlgbox{width:min(460px,100%);max-height:100%;overflow:auto;background:var(--app);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
#v9wrap .dlgbox h3{margin:0;font-size:17px}
#v9wrap .dlgbox p{margin:0;color:var(--mut);font-size:13px}
#v9wrap .dlgact{display:flex;gap:8px;justify-content:flex-end}
#v9wrap .kbdrow{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}
#v9wrap .kbd{font:500 11.5px/1 "Geist Mono",monospace;border:1px solid var(--line2);border-radius:6px;padding:4px 7px;color:var(--mut)}
#v9wrap .pop{position:fixed;z-index:61;min-width:250px;background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:6px;box-shadow:0 14px 40px rgba(0,0,0,.2)}
#v9wrap .pop button{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:9px 11px;border-radius:8px;text-align:left}
#v9wrap .pop button:hover{background:var(--surf)}
#v9wrap .pop button b{font-size:13px;font-weight:600}
#v9wrap .pop button small{font-size:11.5px;color:var(--mut)}
#v9wrap .app.focus{grid-template-columns:0 0 minmax(0,1fr) 0!important}
#v9wrap .app.focus .rail,#v9wrap .app.focus .scenes,#v9wrap .app.focus .panel,#v9wrap .app.focus .studio,#v9wrap .app.focus .dist,#v9wrap .app.focus .mscenes{display:none!important}
#v9wrap .focusbar{display:none;position:fixed;top:24px;left:50%;translate:-50% 0;z-index:30;background:#17161c;color:#fff;border-radius:999px;padding:6px 8px 6px 14px;font-size:12px;align-items:center;gap:10px}
#v9wrap .app.focus~.focusbar{display:flex}
#v9wrap .focusbar button{background:#fff;color:#17161c;border-radius:999px;height:26px;padding:0 10px;font-weight:600;font-size:12px}
#v9wrap .canvas.lab-bubble .nm{border-radius:3cqw;padding:.4cqw 1.2cqw}
#v9wrap .canvas.lab-minimal .nm{background:rgba(10,10,14,.55);border-left:.35cqw solid var(--acc);border-radius:0;backdrop-filter:blur(6px)}
#v9wrap .canvas.lab-block .nm{left:0;bottom:0;border-radius:0;padding:.55cqw 1.2cqw;max-width:100%}
#v9wrap .canvas.ts-small .nm{font-size:1.15cqw}
#v9wrap .canvas.ts-large .nm{font-size:1.85cqw}
#v9wrap .canvas.cam-square .tile .face,#v9wrap .canvas.cam-circle .tile .face{inset:0 21.875%}
#v9wrap .canvas.cam-circle .tile .face{border-radius:50%}
#v9wrap .canvas.cam-square .tile,#v9wrap .canvas.cam-circle .tile{overflow:visible;border-radius:0}
#v9wrap .canvas.cam-square .tile .face{border-radius:var(--tile-r)}
#v9wrap .canvas.cam-square .nm,#v9wrap .canvas.cam-circle .nm{left:50%;translate:-50% 0}
#v9wrap .canvas.nosmooth .tile{transition:none}
#v9wrap .tile .face.scr{background:#101116!important}
#v9wrap .tile .face.scr svg{width:22%;height:auto;color:#cfd0ff}
#v9wrap .pthumb.scr{background:#101116!important}
#v9wrap .ov-banner{left:0;right:0;height:8.5%;display:flex;align-items:center;padding:0 3cqw;background:var(--acc);color:#fff;font-weight:600;font-size:1.9cqw;overflow:hidden;white-space:nowrap;z-index:7}
#v9wrap .ov-banner.bottom{bottom:0}
#v9wrap .ov-banner.top{top:0}
#v9wrap .ov-banner.scroll span{display:inline-block;padding-left:100%;animation:v9tick var(--spd,14s) linear infinite}
#v9wrap .ov-img{position:absolute;z-index:6;border-radius:.8cqw;background:rgba(255,255,255,.92);color:#1a1823;display:grid;place-items:center;font-weight:700;font-size:1.3cqw;box-shadow:0 .5cqw 1.5cqw rgba(0,0,0,.3);transition:opacity .35s}
#v9wrap .ov-screen{inset:0;z-index:9;display:grid;place-items:center;align-content:center;gap:1cqw;text-align:center;color:#fff;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--acc) 55%,#000),#0c0b12 70%)}
#v9wrap .ov-screen b{font-size:4.6cqw;letter-spacing:-.03em}
#v9wrap .ov-screen span{font-size:1.5cqw;opacity:.75}
#v9wrap .ov-screen .num{font:600 9cqw/1 "Geist Mono",monospace}
#v9wrap .ov-poll .ok{color:#1aa35b;font-weight:700}
#v9wrap .mon{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff;opacity:0;transition:opacity .2s}
#v9wrap .canvas:hover .mon,#v9wrap .canvas:focus-within .mon{opacity:1}
#v9wrap .mon button{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff}
#v9wrap .mon button:hover{background:rgba(255,255,255,.15)}
#v9wrap .mon svg{width:17px;height:17px}
#v9wrap .mon input{width:90px;accent-color:#fff}
#v9wrap .mon .lv{font-size:10.5px;font-weight:700;background:var(--live);border-radius:5px;padding:3px 7px}
#v9wrap .mon .sp{flex:1}
@media (max-width:1199px){#v9wrap .destpill,#v9wrap .statepill{display:none!important}
#v9wrap .stagewrap{align-items:center}
#v9wrap .top .ev>span{display:none}
}
#v9wrap .fmin{margin-left:4px;flex:none}
#v9wrap .fmin svg{rotate:90deg;transition:rotate .2s}
#v9wrap .app.src-min .fmin svg{rotate:-90deg}
#v9wrap .app.src-min .stripwrap{display:none}
#v9wrap .app.src-min .studio{padding:10px 0}
#v9wrap .app.src-min .shead{margin-bottom:0}
#v9wrap .onair{display:none;align-items:center;margin-left:6px}
#v9wrap .app.src-min .onair{display:flex}
#v9wrap .onair i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font:600 9.5px/1 Geist,sans-serif;font-style:normal;margin-left:-6px;box-shadow:0 0 0 2px var(--app)}
#v9wrap .onair i:first-child{margin-left:0}
#v9wrap .shead small{flex:1;text-align:right}
#v9wrap .phead .lbl,#v9wrap .phead small,#v9wrap .phead .chip{white-space:nowrap;flex:none}
#v9wrap .phead{min-width:0}
@media (max-width:1400px){#v9wrap .phead small{display:none}
}
#v9wrap .onscreen{flex:0 1 auto;font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#v9wrap .onscreen b{color:var(--ink);font-weight:600}
#v9wrap .statepill{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--mut);white-space:nowrap}
#v9wrap .statepill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--line2)}
#v9wrap .app.live .statepill{display:none}
#v9wrap .destpill{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--mut);display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
#v9wrap .destpill:hover{border-color:var(--line2);color:var(--ink)}
#v9wrap .destpill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:5px}
#v9wrap .laymore{display:flex;gap:6px}
#v9wrap .lay.txt{width:auto;padding:0 10px;font-size:12px;color:var(--mut);font-weight:500}
#v9wrap .lay.txt svg{width:16px;height:16px;fill:none;stroke:currentColor}
#v9wrap .pcard .hand{position:absolute;top:7px;right:36px;height:20px;padding:0 6px;border-radius:6px;background:#f5b82e;color:#2b2100;font-size:10.5px;font-weight:700;display:flex;align-items:center}
#v9wrap .pcard .pthumb{position:relative}
#v9wrap .pcard.media-on{border-color:var(--acc)}
#v9wrap .pcard .tm{font:500 11px "Geist Mono",monospace;color:var(--mut)}
#v9wrap .tagp{display:inline-block;font-size:10px;font-weight:600;padding:2px 7px;border-radius:5px;background:var(--surf);color:var(--mut)}
#v9wrap .tagp.q{background:#e8f0ff;color:#1d58c9}
#v9wrap .tagp.i{background:#fff4d6;color:#8a5a00}
#v9wrap .tagp.c{background:var(--tint);color:var(--acc)}
#v9wrap .tagp.air{background:var(--live);color:#fff}
#v9wrap .cm.pend{border-style:dashed}
#v9wrap .acc{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
#v9wrap .acc>summary{list-style:none;cursor:pointer;padding:11px 14px;font-weight:600;font-size:13px;display:flex;justify-content:space-between;align-items:center}
#v9wrap .acc>summary::-webkit-details-marker{display:none}
#v9wrap .acc>summary::after{content:"+";color:var(--mut);font-size:16px}
#v9wrap .acc[open]>summary::after{content:"–"}
#v9wrap .acc>div{padding:2px 14px 14px;display:flex;flex-direction:column;gap:10px}
#v9wrap .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
#v9wrap .th{aspect-ratio:16/10;border-radius:8px;border:1px solid var(--line);background:var(--surf);font-size:10.5px;display:grid;place-items:center;text-align:center;padding:4px;line-height:1.2;color:var(--ink)}
#v9wrap .th:hover{border-color:var(--line2)}
#v9wrap .th[aria-pressed="true"]{border:2px solid var(--acc);color:var(--acc);font-weight:600}
#v9wrap .th.bgp{color:#fff;border:0}
#v9wrap .dlgbox.wide{width:min(760px,100%)}
#v9wrap .dlgbox .fl{font-size:13px}
#v9wrap .libgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
#v9wrap .libi{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px;font-size:12px;position:relative}
#v9wrap .libi small{color:var(--mut)}
#v9wrap .libi button{position:absolute;top:6px;right:6px}
#v9wrap .drop{border:1.5px dashed var(--line2);border-radius:12px;padding:22px;text-align:center;color:var(--mut);font-size:13px}
#v9wrap .pollrow{border:1px solid var(--line);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:8px}
#v9wrap .pollrow .pb{height:6px;border-radius:4px;background:var(--surf);overflow:hidden}
#v9wrap .pollrow .pb i{display:block;height:100%;background:var(--acc)}
#v9wrap .pollrow .pr{display:flex;justify-content:space-between;font-size:12px}
#v9wrap .slidebox{aspect-ratio:16/9;border-radius:10px;background:#f5f2fd;color:#221a4e;padding:6%;display:flex;flex-direction:column;justify-content:center;gap:8px}
#v9wrap .slidebox small{color:var(--acc);letter-spacing:.2em;font-size:11px}
#v9wrap .slidebox b{font-size:24px;line-height:1.05;letter-spacing:-.03em}
#v9wrap .minimon{position:fixed;right:24px;bottom:90px;width:300px;z-index:40;background:#0e0e12;color:#fff;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.4);overflow:hidden}
#v9wrap .minimon header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;font-size:12px;cursor:move;background:#1b1b22}
#v9wrap .minimon header button{color:#fff}
#v9wrap .minimon div{aspect-ratio:16/9;display:grid;place-items:center;font-size:12px;color:#bbb}
#v9wrap .devsw{position:fixed;left:50%;translate:-50% 0;bottom:14px;z-index:70;display:flex;gap:2px;padding:4px;border-radius:12px;background:#17161c;box-shadow:0 10px 30px rgba(0,0,0,.3)}
#v9wrap .devsw button{height:32px;padding:0 12px;border-radius:9px;color:#b9b8c4;font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:6px;white-space:nowrap}
#v9wrap .devsw button:hover{color:#fff}
#v9wrap .devsw button[aria-pressed="true"]{background:#fff;color:#17161c;font-weight:600}
#v9wrap .devsw button svg{width:16px;height:16px}
#v9wrap .devsw .t{color:#8e8d99;font-size:11px;padding:0 8px 0 10px;display:flex;align-items:center;letter-spacing:.04em}
#v9wrap .devview{position:fixed;inset:0;z-index:65;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:20px 20px 70px}
#v9wrap .device{position:relative;flex:none;background:#0d0d10;border-radius:44px;padding:14px;box-shadow:0 30px 70px rgba(0,0,0,.28),inset 0 0 0 2px #2c2c33;transform-origin:center}
#v9wrap .device.tab{border-radius:30px;padding:18px}
#v9wrap .device iframe{display:block;border:0;border-radius:32px;background:var(--app)}
#v9wrap .device.tab iframe{border-radius:14px}
#v9wrap .device .cam{position:absolute;top:22px;left:50%;translate:-50% 0;width:90px;height:24px;border-radius:14px;background:#0d0d10;z-index:2}
#v9wrap .device.tab .cam{top:7px;width:8px;height:8px}
#v9wrap .device.land .cam{top:50%;left:7px;translate:0 -50%}
#v9wrap .devcap{position:absolute;left:0;right:0;bottom:-34px;text-align:center;color:var(--mut);font-size:12px}
#v9wrap .devsw .n{display:inline}
@media (max-width:759px){#v9wrap .devsw{display:none}
}
@media (max-width:759px){#v9wrap{padding-inline:0;padding-block:0}
#v9wrap,#v9wrap{height:auto}
#v9wrap .app{display:flex;flex-direction:column;height:auto;border-radius:0;border:0}
#v9wrap .top{flex-wrap:wrap;padding:14px 16px;gap:12px;height:auto}
#v9wrap .brand{border-right:1px solid var(--line);padding-right:12px;height:40px}
#v9wrap .word b{font-size:18px}
#v9wrap .ev{flex:1}
#v9wrap .top .sp{display:none}
#v9wrap .top .acts{width:100%;display:flex;gap:8px;justify-content:flex-end}
#v9wrap .rail{display:grid;grid-template-columns:repeat(6,1fr);border-right:0;border-bottom:1px solid var(--line);padding:10px 12px;gap:2px;order:1}
#v9wrap .rb[aria-pressed="true"]::before{display:none}
#v9wrap .main{display:contents}
#v9wrap .work{order:2;padding:14px 16px 0;overflow:visible}
#v9wrap .phead small{display:none}
#v9wrap .stagewrap{container-type:normal;flex:none;min-height:0}
#v9wrap .canvas{width:100%}
#v9wrap .dist .lbllab,#v9wrap .dist .cur{display:none}
#v9wrap .lay{width:40px}
#v9wrap .strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
#v9wrap .pcard{flex:auto}
#v9wrap .pthumb{height:74px}
#v9wrap .sep,#v9wrap .arrow,#v9wrap .fade{display:none}
#v9wrap .statepill,#v9wrap #v9-focusbtn{display:none}
#v9wrap .ev{flex:1 1 0;min-width:0}
#v9wrap .ev b{min-width:0}
#v9wrap .ev>span{overflow:hidden;text-overflow:ellipsis}
#v9wrap .dests{order:3}
#v9wrap .pthumb .st{font-size:9px;padding:2px 5px}
#v9wrap .pmore{top:5px;right:5px}
#v9wrap .rb{font-size:10px;padding:8px 0}
#v9wrap .rb svg{width:18px;height:18px}
#v9wrap .rb .badge{right:6px}
#v9wrap .addcard{min-height:128px}
#v9wrap .top .btn{height:38px}
#v9wrap .top .acts .btn{flex:1;justify-content:center}
#v9wrap .controls{order:3;justify-content:flex-start;gap:0;padding:8px 6px}
#v9wrap .cb{min-width:0;flex:1;font-size:10.5px}
#v9wrap .vsep{display:none}
#v9wrap .cb.exit{position:static}
#v9wrap .foot{order:4}
#v9wrap .foot span:last-child{display:none}
#v9wrap .panel{order:5;position:static;translate:none;width:auto;border:0;border-top:8px solid var(--surf);border-radius:0;box-shadow:none}
#v9wrap .phd .close{display:none}
#v9wrap .pmin{display:grid;rotate:90deg}
#v9wrap .app.panel-min .pmin{rotate:-90deg}
#v9wrap .app.panel-min .pbd,#v9wrap .app.panel-min .pft{display:none}
#v9wrap .pbd{overflow:visible}
#v9wrap .app.panel-open .scrim{display:none}
#v9wrap .ed{padding:0}
#v9wrap .edbox{height:100%;border-radius:0;border:0}
#v9wrap .edmain{grid-template-columns:1fr;overflow:auto}
#v9wrap .edleft{overflow:visible;padding:14px 16px}
#v9wrap .edinsp{border-left:0;border-top:1px solid var(--line);overflow:visible}
#v9wrap .edhd{padding:14px 16px}
#v9wrap .edtb,#v9wrap .edft{padding-inline:16px}
#v9wrap .more{opacity:1}

}
@media (max-width:1199px) and (min-width:760px){#v9wrap .edmain{grid-template-columns:minmax(0,1fr) 280px}
}
@media (prefers-reduced-motion:reduce){#v9wrap *{transition:none!important;animation:none!important}
}


/* Añadir destino: conectar con YouTube / Facebook (antes el texto quedaba blanco sobre blanco) */
#v9wrap .v9-oauth-note{margin:0 0 10px;color:var(--mut);font-size:13px}
#v9wrap .v9-oauth{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}
#v9wrap .v9-oauth-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 10px;white-space:nowrap;border:1px solid var(--line2);border-radius:10px;background:var(--card);color:var(--ink);font-weight:600;font-size:14px;text-decoration:none;transition:background .15s,border-color .15s}
#v9wrap .v9-oauth-btn:hover{background:var(--surf);border-color:var(--acc)}
#v9wrap .v9-oauth-btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
#v9wrap .v9-oauth-btn svg{width:22px;height:22px;flex:none}
#v9wrap .v9-oauth-or{display:flex;align-items:center;gap:10px;margin:14px 0 4px;color:var(--mut);font-size:12px}
#v9wrap .v9-oauth-or::before,#v9wrap .v9-oauth-or::after{content:"";flex:1;height:1px;background:var(--line)}
/* Elegir micrófono / cámara junto al botón (como Konexa Call) */
#v9wrap .v9-dev-arrow{position:relative;z-index:2;flex:none;align-self:flex-start;margin:4px -20px 0 0;transform:translateX(40px);width:20px;height:20px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line2);background:var(--app);color:var(--ink);font-size:11px;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(10,12,20,.2)}#v9wrap .v9-dev-arrow:hover{border-color:var(--acc);color:var(--acc)}#v9wrap .v9-dev-arrow:focus-visible{outline:2px solid var(--acc);outline-offset:1px}