.stem-import{display:flex;align-items:center;gap:30px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.stem-import-art{width:130px;flex-shrink:0}.stem-import-art svg{display:block;width:100%;height:180px}.stem-import h2{font-size:1.5rem;margin:10px 0}.stem-import p{font-size:.9rem;color:var(--muted);line-height:1.8;max-width:660px}.stem-import .stem-local-note{font-size:.74rem;margin:13px 0 0}.stem-import.has-tracks{padding:20px 25px}.stem-import.has-tracks .stem-import-art{width:60px}.stem-import.has-tracks .stem-import-art svg{height:100px}.stem-import.has-tracks h2{font-size:1.2rem}.stem-explanation{margin:30px 0;padding:28px;border:1px solid var(--line);border-radius:18px}.stem-explanation h2{font-size:1.25rem;margin:0 0 15px}.stem-explanation>p,.stem-about p{color:var(--muted);font-size:.88rem;line-height:1.8}.stem-explanation ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;gap:20px;margin:25px 0}.stem-explanation li{border-left:2px solid var(--green);padding-left:16px}.stem-explanation li b,.stem-explanation li span{display:block;font-size:.88rem}.stem-explanation li span{color:var(--muted);line-height:1.7;font-size:.8rem;margin-top:9px}.stem-source-status{background:var(--panel);padding:15px;border-radius:9px}.stem-error{border:1px solid var(--gold);padding:15px;border-radius:10px;color:var(--text);background:var(--panel);font-size:.9rem;line-height:1.7}.stem-transport{margin-top:24px;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.stem-clock{display:flex;gap:9px;align-items:baseline}.stem-clock>span:first-child{font-size:1.8rem;font-variant-numeric:tabular-nums}.stem-clock>span:last-child{color:var(--muted);font-size:.85rem}.stem-transport>input{width:100%;margin:18px 0;accent-color:var(--gold)}.stem-main-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.stem-main-controls label{font-size:.84rem;display:flex;align-items:center;gap:8px}.stem-main-controls input[type=checkbox]{accent-color:var(--green);width:18px;height:18px}.stem-main-controls .stem-master{display:grid;gap:7px;min-width:160px;margin-left:auto}.stem-main-controls input[type=range],.stem-track input[type=range]{accent-color:var(--green);width:100%}.stem-play-status{color:var(--muted);font-size:.8rem;line-height:1.7;margin:17px 0 0}.stem-practice-preset{padding:24px 0;display:flex;align-items:center;gap:20px}.stem-practice-preset>div:first-child{flex:1}.stem-practice-preset h2{font-size:1.15rem;margin:8px 0}.stem-practice-preset p{color:var(--muted);font-size:.78rem;line-height:1.7}.stem-practice-preset>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.stem-tracks{display:grid;gap:12px}.stem-track{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.stem-track.is-muted{border-style:dashed;background:var(--bg)}.stem-track.is-muted .stem-track-art{opacity:.4}.stem-track-art{width:65px;flex-shrink:0}.stem-track-art svg{width:65px;height:86px;display:block}.stem-track-copy{flex:1;min-width:120px}.stem-track-copy label{display:grid;gap:6px;font-size:.65rem;color:var(--muted)}.stem-track-copy select{font-size:.9rem;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px;max-width:100%}.stem-track-copy .nv-select{max-width:260px}.stem-track-copy p{font-size:.72rem;color:var(--muted);overflow-wrap:anywhere;line-height:1.5;margin:8px 0 0}.stem-mute{min-width:110px;border:1px solid var(--green);background:color-mix(in srgb,var(--green) 12%,var(--panel));color:var(--text);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:43px;font:inherit;font-size:.85rem;cursor:pointer}.stem-mute>span:first-child{color:var(--green)}.stem-mute[aria-pressed=false]{background:var(--bg);border-color:var(--line);color:var(--muted)}.stem-mute[aria-pressed=false]>span:first-child{color:var(--muted)}.stem-track-volume{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:160px;font-size:.72rem;color:var(--muted)}.stem-track-volume output{text-align:right}.stem-track-volume input{grid-column:1/-1}.stem-loop,.stem-about{padding:20px 0;border-top:1px solid var(--line);margin-top:25px}.stem-loop summary,.stem-about summary{cursor:pointer;font-weight:600}.stem-loop p{font-size:.85rem;color:var(--muted);line-height:1.8}.stem-loop>div{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.stem-loop label{font-size:.8rem;display:grid;gap:8px}.stem-loop input{width:100px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit}.stem-loop>.textlink{margin-left:20px}.studio-stems-link{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:12px;padding:20px;margin:24px 0}.studio-stems-link>div{flex:1}.studio-stems-link strong{display:block;font-size:.95rem}.studio-stems-link p{font-size:.82rem;line-height:1.7;color:var(--muted);margin:8px 0 0}
@media(max-width:1000px){.stem-track{flex-wrap:wrap}.stem-track-volume{margin-left:85px;flex:1;min-width:140px}.stem-practice-preset{flex-wrap:wrap}.stem-practice-preset>div:first-child{flex-basis:100%}}@media(max-width:600px){.stem-import{padding:22px;gap:16px;align-items:start}.stem-import-art{display:none}.stem-import h2{font-size:1.25rem}.stem-explanation{padding:22px}.stem-explanation ol{grid-template-columns:1fr}.stem-transport{padding:20px}.stem-main-controls{gap:12px}.stem-main-controls .stem-master{flex-basis:100%;margin:5px 0}.stem-track{padding:16px;gap:12px}.stem-track-art{width:42px}.stem-track-art svg{width:42px;height:65px}.stem-track-copy{max-width:calc(100% - 60px)}.stem-mute{margin-left:54px}.stem-track-volume{margin-left:0;min-width:110px}.studio-stems-link{flex-wrap:wrap}.studio-stems-link>div{flex-basis:100%}}

.bateria-sound-nav{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1150px){.bateria-sound-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bateria-sound-nav{grid-template-columns:1fr}}

.stem-generic-icon{font-size:2.5rem;color:var(--green);display:grid;place-items:center;height:86px}