/* Karma Tune — Herramientas › Estudio (Beta) */
.seg.wide.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.seg.wide.four button{padding:7px 2px;font-size:13px;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.seg.wide.four .k-beta{font-size:7px;padding:2px 3px;margin-left:3px;vertical-align:1px}
@media (min-width:700px){.seg.wide.four button{font-size:15px;padding:7px 8px}}
.k-beta{font-style:normal;font:700 9px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#000;background:var(--gold);border-radius:6px;padding:3px 5px;margin-left:5px;vertical-align:2px}
.lab{display:flex;flex-direction:column;gap:12px;padding-bottom:24px}
.lab-head h2{margin:4px 0 4px;font:700 26px/1.1 var(--display,var(--ui));letter-spacing:-.01em}
.lab-head h2 .k-beta{font-size:10px;vertical-align:5px}
.lab-head p{margin:0;color:var(--muted);font:400 15px/1.45 var(--ui)}
.lab-card{background:var(--card);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 0 0 1px var(--line)}
.lab-card h3{margin:0;font:700 17px var(--ui)}
.lab-card h4{margin:6px 0 2px;font:600 13px var(--ui);color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.lab-card p{margin:0;font:400 14px/1.45 var(--ui);color:var(--ink)}
.lab-card .note2{margin:0}
.lab-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.lab-row .btn{padding:11px 14px;font-size:15px;flex:1 1 auto}
.lab-row .btn[aria-pressed="true"]{background:var(--gold);color:#000}
.lab-file{text-align:center;cursor:pointer}
.lab-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.lab-lib h4{grid-column:1/-1}
.lab-lib button{border:0;background:var(--card-2);color:var(--ink);border-radius:14px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer}
.lab-lib img,.lab-lib .ph,.lab-song img,.lab-song .ph{width:44px;height:44px;border-radius:8px;object-fit:cover;display:grid;place-items:center;background:var(--card);font-size:20px}
.lab-lib b{font:600 14px var(--ui)} .lab-lib small{color:var(--muted);font-size:12px}
.lab-song{display:flex;gap:12px;align-items:center}
.lab-song b{display:block;font:700 18px var(--ui)} .lab-song small{color:var(--muted);font:500 13px var(--ui)}
#labWave{width:100%;height:84px;border-radius:12px;background:var(--card-2);cursor:pointer;touch-action:none}
.lab-tr span{font:600 14px var(--ui);color:var(--muted);min-width:96px;font-variant-numeric:tabular-nums}
.lab-tr .btn{flex:0 1 auto}
.lab-tr #labPlay{flex:1}
.lab-speed{display:grid;grid-template-columns:repeat(6,1fr)}
.lab-speed button{padding:8px 0;font-size:14px}
.lab-semi b{flex:1;text-align:center;font:600 15px var(--ui)}
.lab-semi .btn{flex:0 1 auto}
.lab-mix{display:flex;flex-direction:column;gap:8px}
.lab-ch{display:grid;grid-template-columns:112px 1fr auto auto;gap:8px;align-items:center}
.lab-ch b{font:600 13px/1.2 var(--ui)}
.lab-ch input{width:100%;accent-color:var(--gold)}
.lab-ch button{border:0;border-radius:10px;background:var(--card-2);color:var(--muted);font:600 12px var(--ui);padding:8px 9px;cursor:pointer}
.lab-ch button[aria-pressed="true"]{background:var(--gold);color:#000}
.lab-chords{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity}
.lab-chords button{flex:0 0 auto;border:0;border-radius:12px;background:var(--card-2);color:var(--ink);padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;scroll-snap-align:center;transition:transform .15s}
.lab-chords button b{font:700 18px var(--display,var(--ui))} .lab-chords button small{font:500 11px var(--ui);color:var(--muted)}
.lab-chords button.on{background:var(--gold);color:#000;transform:scale(1.06)} .lab-chords button.on small{color:#000}
.lab-tabctl span{font:600 13px var(--ui);color:var(--muted)}
.lab-tabctl .btn{flex:0 0 auto;padding:8px 12px;font-size:14px}
.lab-tabs{overflow-x:auto;display:flex;flex-direction:column;gap:6px;background:var(--card-2);border-radius:14px;padding:8px 6px}
.lab-tab{display:block;max-width:none}
.lab-tab .ln{stroke:var(--muted);stroke-opacity:.45;stroke-width:1}
.lab-tab .bar{stroke:var(--muted);stroke-width:1.4}
.lab-tab .sn{fill:var(--muted);font:700 10px var(--ui)}
.lab-tab .bn{fill:var(--muted);font:600 9px var(--ui)}
.lab-tab .nt{cursor:pointer}
.lab-tab .nt rect{fill:var(--bg,#000)}
html[data-theme="light"] .lab-tab .nt rect{fill:#f4f4f6}
.lab-tab .nt text{fill:var(--ink);font:800 12px var(--ui);text-anchor:middle}
.lab-tab .nt.oc text{fill:var(--muted)}
.lab-tab .nt.sel rect{fill:var(--gold)} .lab-tab .nt.sel text{fill:#000}
.lab-tab .stem,.lab-tab .beam{stroke:var(--ink);stroke-width:1.4}
.lab-tab .beam{stroke-width:2.6}
.lab-tab .half{fill:none;stroke:var(--ink);stroke-width:1.3}
.lab-tab .dot{fill:var(--ink)}
.lab-tab .tri{fill:var(--muted);font:700 9px var(--ui)}
.lab-tab .cur{stroke:var(--gold);stroke-width:2;transition:opacity .2s}
.lab-edit{background:var(--card-2);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px}
.lab-edit b{font:600 14px var(--ui)}
.lab-edit .btn{flex:1 1 30%;padding:9px 6px;font-size:13px}
.lab-go{background:color-mix(in srgb,var(--gold) 10%,var(--card))}
.lab-res{font:600 15px var(--ui)} .lab-res b{color:var(--gold)}
.lab-msg{background:color-mix(in srgb,var(--red,#e5484d) 18%,var(--card));border-radius:14px;padding:12px 14px;font:500 14px/1.4 var(--ui)}
.lab-busy{position:sticky;top:8px;z-index:5;background:var(--card-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 0 1px var(--line)}
.lab-busy span{font:600 14px var(--ui)}
.lab-busy b{display:block;height:6px;border-radius:3px;background:var(--card);overflow:hidden}
.lab-busy i{display:block;height:100%;width:35%;background:var(--gold);border-radius:3px;transition:width .3s}
.lab-busy i.ind{animation:labind 1.2s ease-in-out infinite}
@keyframes labind{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
.lab-how ol{margin:0;padding-left:20px;font:400 14px/1.6 var(--ui)}
.lab-play{display:flex;flex-direction:column;gap:10px}
.lab-ptop{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lab-ptop small{display:block;color:var(--muted);font:500 12px var(--ui)} .lab-ptop b{font:700 18px var(--ui)}
.lab-ptop .btn{padding:10px 16px}
.lab-play .hud{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}
.lab-play .hud div{background:var(--card);border-radius:12px;padding:8px;text-align:center}
.lab-play .hud b{display:block;font:700 20px var(--ui)} .lab-play .hud small{font:500 11px var(--ui);color:var(--muted)}
#labHw{width:100%;height:min(62vh,560px);border-radius:18px;touch-action:none}
@media (min-width:1000px){
  .lab{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
  .lab>.lab-head,.lab>.lab-msg,.lab>.lab-busy,.lab>.lab-tabcard,.lab>.lab-play{grid-column:1/-1}
  #labWave{height:110px}
  #labHw{height:calc(100vh - 260px)}
}
.lab-mode{display:grid;grid-template-columns:1fr 1fr}
.lab-mode button{padding:9px 6px;font-size:14px}
.lab-chelp:empty{display:none}
.lab-dia{max-width:240px;margin:0 auto;padding:8px}
.lab-root{background:var(--card-2);border-radius:14px;padding:12px 14px;display:flex;gap:12px;align-items:center}
.lab-root>b{font:800 26px var(--display,var(--ui));color:var(--gold)} .lab-root span{font:500 14px/1.4 var(--ui)} .lab-root span b{color:var(--ink)}