/* KlipToc v196 · Reels: botones FUERA del móvil, en vertical, estilo YouTube Shorts; comentarios en el panel derecho. Quitar: borrar este CSS y su JS + etiquetas en index.html. */
@media (min-width:1024px){
  .k130-rail{width:4.4rem;gap:.2rem;padding-bottom:.4rem;justify-content:flex-start}
  .k130-rail>:first-child{margin-top:auto}   /* v246 · abajo si caben; si no caben, se puede bajar con la rueda (antes los de arriba quedaban inalcanzables) */
  .k130-b{position:relative;width:3rem;min-height:3rem;margin-bottom:1.15rem;border-radius:999px;background:#f2f2f2;color:#0f0f0f;box-shadow:none;padding:0}
  .k130-b:hover{background:#e3e3e3;transform:none;filter:none}.k130-b:active{background:#d6d6d6;transform:scale(.95)}
  .k130-b svg{width:1.35rem;height:1.35rem}
  .k130-b small{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);font:500 12px/1 Roboto,system-ui,sans-serif;color:var(--k196-lb,#0f0f0f);white-space:nowrap}
  html.dark .k130-b{background:#272727;color:#fff}html.dark .k130-b:hover{background:#3f3f3f}html.dark{--k196-lb:#fff}
  /* v246 · flechas ▲▼ otra vez visibles (se ocultaban porque el móvil 3D tenía sus propios botones; ese marco ya no existe) */
  /* v251 · flechas ▲▼ a nuestro estilo: cápsula lila de cristal + botones de color (igual que la «i» y el ojo de la izquierda) */
  body.kt-reels .k130-nav{padding:.4rem;gap:.45rem;border-radius:999px;background:rgba(124,58,237,.11);border:1px solid rgba(124,58,237,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(76,29,149,.18)}
  body.kt-reels .k130-nav button{width:2.5rem;height:2.5rem;color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed);box-shadow:0 4px 12px rgba(15,23,42,.28),inset 0 1px 0 rgba(255,255,255,.35)}
  body.kt-reels .k130-nav button:last-child{background:linear-gradient(135deg,#6366f1,#a855f7)}
  body.kt-reels .k130-nav button:hover{transform:scale(1.1);filter:brightness(1.1)}
  body.kt-reels .k130-nav button:active{transform:scale(.94)}
  body.kt-reels .k130-nav svg{width:1.3rem;height:1.3rem}
  /* con el panel derecho abierto, las flechas se apartan para no taparlo */
  html.kr-open body.kt-reels .k130-nav{right:calc(min(var(--krw,16rem),86vw) + 14px)!important}
}
/* comentarios dentro del panel derecho */
#kt-rside .kc-title{margin:0 0 .4rem;font:800 1rem system-ui,sans-serif;text-transform:none;letter-spacing:0;color:inherit}
#kt-rside .kc-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;padding:.2rem .1rem}
#kt-rside .kc-it{display:flex;gap:.6rem;font:400 .8rem/1.35 system-ui,sans-serif}
#kt-rside .kc-av{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#7c3aed,#0891b2)}
#kt-rside .kc-u{font-weight:700;cursor:pointer}#kt-rside .kc-t{margin-left:.4rem;color:#64748b;font-size:.7rem}
#kt-rside .kc-it p{margin:.15rem 0 0;word-break:break-word}
#kt-rside .kc-del{margin-left:auto;border:0;background:none;color:#94a3b8;cursor:pointer}#kt-rside .kc-del:hover{color:#ef4444}
#kt-rside .kc-form{flex:none;display:flex;gap:.4rem;padding-top:.6rem;border-top:1px solid rgba(148,163,184,.3)}
#kt-rside .kc-form input{flex:1;min-width:0;padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:rgba(148,163,184,.12);color:inherit;font:inherit;font-size:.8rem}
#kt-rside .kc-form button{border:0;border-radius:999px;padding:0 .9rem;background:#7c3aed;color:#fff;font:700 .75rem system-ui,sans-serif;cursor:pointer}