/* KlipTok v77 · herramientas de música y página del reproductor */
.k77m-stage{min-height:100%;display:grid;place-items:center;padding:1rem}
.k77m-box{width:min(100%,860px);display:grid;gap:1rem}.k77m-box.k77m-center{place-items:center;text-align:center}
.k77m-title{font-size:.9rem}.k77m-tool{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .7rem;margin-bottom:.4rem;border:1px solid var(--ks-line);border-radius:.7rem;background:var(--ks-bg);color:var(--ks-ink);cursor:pointer;font:600 .85rem/1 inherit;text-align:left}
.k77m-tool:hover{border-color:var(--ks-a)}.k77m-tool.on{border-color:var(--ks-a);background:var(--ks-hov)}.k77m-tool em{margin-left:auto;font-style:normal;font-size:.62rem;padding:.1rem .4rem;border-radius:999px;background:var(--ks-a);color:#fff}
.k77m-piano{position:relative;display:flex;height:min(46vh,300px);border-radius:12px;overflow:hidden;background:#111;padding:6px;user-select:none;touch-action:none}
.k77m-key{border:1px solid #444;background:linear-gradient(#fff,#e5e7eb);color:#475569;flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.4rem;font:600 10px system-ui;cursor:pointer;border-radius:0 0 7px 7px;min-width:0}
.k77m-key.blk{position:absolute;top:6px;width:5.2%;height:60%;background:linear-gradient(#374151,#000);color:#fff;z-index:2;border-radius:0 0 5px 5px;flex:none}
.k77m-key.on{background:linear-gradient(#c4b5fd,#7c3aed)!important;color:#fff}
.k77m-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}
.k77m-pad{aspect-ratio:1;border-radius:1rem;border:2px solid var(--ks-line);background:linear-gradient(145deg,var(--ks-card),var(--ks-bg));color:var(--ks-ink);display:grid;place-content:center;gap:.2rem;cursor:pointer;font:inherit;touch-action:manipulation}
.k77m-pad small{opacity:.55}.k77m-pad.on{background:var(--kt-grad,linear-gradient(135deg,#2563eb,#ec4899));color:#fff;transform:scale(.96)}
.k77m-guitar{display:grid;gap:0;background:linear-gradient(#78350f,#451a03);border-radius:12px;padding:1rem 0;box-shadow:inset 0 0 30px rgba(0,0,0,.5)}
.k77m-string{height:34px;border:0;background:linear-gradient(transparent calc(50% - var(--t)/2),#e5e7eb calc(50% - var(--t)/2),#9ca3af calc(50% + var(--t)/2),transparent calc(50% + var(--t)/2));cursor:pointer;touch-action:none}
.k77m-string.on{filter:brightness(1.6) drop-shadow(0 0 6px #fde68a);transform:translateY(1px)}
.k77m-chords{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}
.k77m-bpm{font-size:4.5rem;font-weight:800;line-height:1}.k77m-bpm-s{color:var(--ks-mute)}.k77m-dots{display:flex;gap:.7rem;margin:1rem 0}.k77m-dot{width:22px;height:22px;border-radius:50%;background:var(--ks-line);display:block}.k77m-dot.on{background:var(--ks-a);box-shadow:0 0 14px var(--ks-a)}
.k77p{max-width:900px;margin:0 auto;padding:1rem}.k77p-card{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap;padding:1.2rem;border:1px solid var(--kt-line);border-radius:1.2rem;background:var(--kt-card)}
.k77p-card img{width:min(100%,260px);aspect-ratio:1;object-fit:cover;border-radius:1rem;box-shadow:0 14px 40px rgba(0,0,0,.35)}.k77p-info{flex:1;min-width:240px}.k77p-info h2{margin:0 0 .2rem}.k77p-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.k77-embed{display:block;width:100%;border:0;background:var(--kt-bg,#0b0f1a)}
@media(max-width:600px){.k77m-pads{grid-template-columns:repeat(2,1fr)}.k77m-piano{height:220px}}

.k77-mod.k77-m-creador-juegos{padding:0;max-width:none}
