body{font-family:var(--font-body);color:var(--text-primary)}#view{width:100%;max-width:1160px;margin:0 auto;padding:var(--space-xs) var(--space-sm) var(--space-md);box-sizing:border-box}#view *,#view *:before,#view *:after{box-sizing:border-box}.studio-gate{max-width:var(--measure);margin:var(--space-lg) auto;text-align:center;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.studio-gate h2{font-family:var(--font-heading);font-weight:var(--weight-regular);color:var(--text-gold);font-size:var(--text-3xl);margin:0 0 var(--space-xs)}.studio-gate a{color:var(--text-gold)}.home-hero{padding:var(--space-sm) var(--space-2xs) var(--space-2xs)}.home-hero h2{margin:0 0 var(--space-2xs);font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--gold)}.home-hero .note{max-width:60ch}.home-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;padding:var(--space-2xs) var(--space-sm);margin:0 calc(-1 * var(--space-sm)) var(--space-2xs);background:var(--bg-glass);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-gold-glow)}#home-search{flex:1 1 15rem;min-width:10rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:.4rem 1rem;font:inherit;font-size:var(--text-sm)}#home-search:focus{outline:none;border-color:var(--border-gold-hi)}.seg{display:inline-flex;gap:2px;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:2px}.seg-btn{border:none;background:none;color:var(--text-muted);padding:.3rem .75rem;border-radius:var(--radius-full);font:inherit;font-size:var(--text-sm);cursor:pointer}.seg-btn b{font-weight:var(--weight-semibold);opacity:.65;margin-left:.2rem}.seg-btn.active{background:var(--bg-card-hover);color:var(--gold-bright)}.seg-btn.active b{opacity:1}.seg-btn:hover:not(.active){color:var(--text-primary)}.grp{margin-bottom:var(--space-2xs)}.grp-h{position:sticky;top:2.9rem;z-index:10;width:100%;display:flex;align-items:center;gap:.45rem;background:var(--bg-deep);border:none;border-bottom:1px solid var(--border-gold-glow);color:var(--text-gold);font:inherit;font-weight:var(--weight-semibold);font-size:var(--text-sm);text-align:left;padding:.35rem .25rem;cursor:pointer}.grp-h:hover{color:var(--gold-bright)}.grp-caret{font-size:var(--text-2xs);transition:transform .15s}.grp.collapsed .grp-caret{transform:rotate(-90deg)}.grp.collapsed .grp-body{display:none}.grp-name{flex:1}.grp-n{color:var(--text-muted);font-weight:var(--weight-regular);font-size:var(--text-xs)}.row{display:flex;align-items:center;gap:var(--space-xs);padding:.4rem .3rem;border-radius:var(--radius-sm);cursor:pointer;border-bottom:1px solid var(--border-subtle)}.row:hover{background:var(--bg-card-hover)}.row-static,.row-static:hover{cursor:default;background:none}.row-body{flex:1;min-width:0;display:flex;flex-direction:column}.row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-meta{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-cap{color:var(--gold-dim);margin-left:.35em}.row-actions{display:flex;align-items:center;gap:var(--space-2xs);flex-shrink:0}.row .status-pill{flex-shrink:0}.mel-play{cursor:pointer}.empty-note{padding:var(--space-sm) var(--space-2xs)}.draft-del{background:none;border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;font-size:var(--text-2xs);line-height:1;cursor:pointer;flex-shrink:0}.draft-del:hover{color:var(--danger);border-color:currentColor}.del-note{margin-top:var(--space-2xs)}.del-note a{color:var(--text-gold)}.cmd-row{display:flex;gap:var(--space-2xs);align-items:center;background:var(--bg-card-hover);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-xs)}.cmd-row code{flex:1;font-size:var(--text-xs);color:var(--text-gold);overflow-x:auto;white-space:nowrap}.mel-raag-h{color:var(--text-gold);font-weight:var(--weight-semibold);font-size:var(--text-sm);margin:var(--space-xs) 0 var(--space-2xs);border-bottom:1px solid var(--border-gold-glow);padding-bottom:2px}.badge-saved{color:var(--success);font-size:var(--text-xs)}.status-pill.published{color:var(--gold);border-color:var(--border-gold);text-decoration:none;flex-shrink:0}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-sm)}.card-h{margin:0 0 .4rem;color:var(--text-gold);font-size:var(--text-md)}.status-pill{font-size:var(--text-2xs);padding:.1rem .55rem;border-radius:var(--radius-full);border:1px solid var(--border-light);color:var(--text-muted)}.status-pill.final{color:var(--success);border-color:var(--success)}.status-pill.rights-blocked{color:var(--danger);border-color:var(--danger)}.status-pill.rights-research{color:var(--gold-dim);border-color:var(--border-gold)}.rights-bar{display:flex;gap:var(--space-sm);align-items:baseline;flex-wrap:wrap;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--bg-card);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-md)}.rights-bar b{letter-spacing:.06em;white-space:nowrap}.rights-bar.rights-blocked{border-color:var(--danger)}.rights-bar.rights-blocked b{color:var(--danger-bright)}.rights-bar.rights-research{border-color:var(--border-gold)}.rights-bar.rights-research b{color:var(--gold)}.sd-bar .sd-title{font-weight:var(--weight-bold);color:var(--gold-bright)}.sd-chip{color:var(--text-muted)}.sd-edit{margin-left:auto}.sd-stages{display:flex;gap:var(--space-xs);margin:var(--space-md) 0}.sd-stage{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-muted);cursor:pointer}.sd-stage b{color:var(--text-primary);font-size:var(--text-sm)}.sd-stage span{font-size:var(--text-2xs)}.sd-stage:hover{background:var(--bg-card-hover)}.sd-stage.active{border-color:var(--border-gold);background:var(--bg-card-hover)}.sd-stage.active b{color:var(--gold-bright)}.sd-body{display:flex;flex-direction:column;gap:var(--space-md)}.sd-card{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card)}.sd-card>b{color:var(--gold)}.sd-note p{color:var(--text-muted);font-size:var(--text-sm);margin:.4em 0 0}.sd-sub{color:var(--text-muted);font-size:var(--text-xs)}.sd-scale{color:var(--gold-bright);font-size:var(--text-lg);margin-top:.5em}.sd-raag-h{display:flex;gap:var(--space-sm);align-items:baseline;flex-wrap:wrap}.sd-raag-h b{color:var(--gold-bright);font-size:var(--text-lg)}.sd-tag{font-size:var(--text-2xs);color:var(--text-muted);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:.1rem .55rem}.sd-rasa{color:var(--text-primary);margin:.5em 0 0}.sd-dl{display:grid;grid-template-columns:auto 1fr;gap:.2em var(--space-md);margin:var(--space-sm) 0 0;font-size:var(--text-sm)}.sd-dl dt{color:var(--text-muted)}.sd-dl dd{margin:0;color:var(--text-primary)}.sd-dl-wide dt{white-space:nowrap}.sd-phrase{display:flex;gap:var(--space-md);align-items:flex-start}.sd-play{flex:none;width:2rem;height:2rem;border-radius:var(--radius-full);border:1px solid var(--border-gold);background:transparent;color:var(--gold);cursor:pointer;line-height:1}.sd-play:hover{background:var(--bg-card-hover);color:var(--gold-bright)}.sd-svaras{display:flex;flex-wrap:wrap;gap:.3em;margin-top:.4em}.sd-sv{min-width:2.2em;text-align:center;padding:.1em .35em;border-radius:var(--radius-sm);background:var(--bg-card-hover);color:var(--text-gold);font-size:var(--text-sm)}.sd-breath{color:var(--text-muted);padding:0 .2em}.sd-oct{font-style:normal;color:var(--gold-dim);opacity:.85;font-size:1.15em;line-height:0}.sd-oct-lo{margin-right:.06em}.sd-oct-hi{margin-left:.06em}.sd-hold{color:var(--text-muted)}.sd-keys{display:flex;gap:2px;margin-top:var(--space-sm);overflow-x:auto}.sd-key{flex:1 0 3rem;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-sm) .2rem;cursor:pointer;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-dark);color:var(--text-muted)}.sd-key.on{border-color:var(--border-gold);color:var(--gold-bright);background:var(--bg-card)}.sd-key:hover{background:var(--bg-card-hover)}.sd-key-sv{font-size:var(--text-sm)}.sd-key-n{font-size:var(--text-3xs);opacity:.7}.sd-mel-h{display:flex;gap:var(--space-sm);align-items:center}.sd-mel-h b{color:var(--gold)}.sd-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;margin-top:var(--space-sm)}.sd-beat{position:relative;box-sizing:border-box;min-width:0;height:3rem;padding:.3rem .15rem .85rem;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);border-radius:var(--radius-sm)}.sd-beat.grp{border-left:1px solid var(--border-gold)}.sd-beat.sam{background:var(--bg-card-hover);box-shadow:inset 0 0 0 1px var(--border-gold-hi)}.sd-beat-sv{color:var(--text-gold);font-size:var(--text-sm);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-beat-v{position:absolute;left:0;right:0;bottom:.2rem;text-align:center;color:var(--gold-dim);font-size:var(--text-3xs)}.sd-sam-k{color:var(--gold-bright)}.sd-beat.sd-on,.sd-sv.sd-on{background:var(--gold);color:var(--bg-dark);box-shadow:0 0 0 1px var(--gold-bright)}.sd-beat.sd-on .sd-beat-sv,.sd-beat.sd-on .sd-beat-v,.sd-beat.sd-on .sd-oct,.sd-sv.sd-on .sd-oct{color:var(--bg-dark);opacity:1}.sd-lines li.sd-on{background:hsl(var(--gold-base) / .12);box-shadow:inset 3px 0 0 0 var(--gold);padding:.15em .4em .15em .6em;margin-left:-.6em}.sd-syl.sd-syl-on{background:var(--gold)}.sd-syl.sd-syl-on .sd-syl-t,.sd-syl.sd-syl-on .sd-syl-r{color:var(--on-gold)}.sd-play.sd-playing{background:var(--gold);color:var(--bg-dark);border-color:var(--gold)}.sd-lines{margin:var(--space-sm) 0 0;padding-left:1.6em}.sd-lines li{margin-bottom:.45em;border-radius:var(--radius-sm)}.sd-l-t{display:block;color:var(--text-gurmukhi)}.sd-l-r{display:block;color:var(--text-roman);font-size:var(--text-xs)}.sd-l-syls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 .5em}.sd-word{display:inline-flex}.sd-syl{display:inline-flex;flex-direction:column;align-items:center;padding:0 .05em;border-radius:var(--radius-sm)}.sd-syl-t{color:var(--text-gurmukhi);line-height:1.25}.sd-syl-r{color:var(--text-roman);font-size:var(--text-2xs);line-height:1.1}.sd-l-mean{display:block;margin-top:.15em;color:var(--text-muted);font-size:var(--text-xs);font-style:italic;max-width:var(--measure, 62ch)}@media(max-width:900px){.sd-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:640px){.sd-stage span{display:none}.sd-beat{font-size:var(--text-xs)}}@media(max-width:420px){.sd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.transport{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;padding:var(--space-2xs) var(--space-xs);margin:0 calc(-1 * var(--space-xs));background:var(--bg-glass);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-gold-glow)}.transport .t-title{flex:1 1 10rem;min-width:8rem;background:none;border:none;color:var(--text-gold);font:inherit;font-size:var(--text-md);padding:.2rem .3rem}.transport .t-title:focus{outline:1px solid var(--border-gold);border-radius:var(--radius-sm)}.chip{display:inline-flex;align-items:center;gap:.25rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:.1rem .55rem}.chip label{font-size:var(--text-3xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.chip input,.chip select{background:none;border:none;color:var(--text-primary);font:inherit;font-size:var(--text-sm);padding:.1rem 0}.chip input:focus,.chip select:focus{outline:none;color:var(--gold-bright)}.chip input[type=number]{width:3.2rem;-moz-appearance:textfield}.chip #m-taal{width:5.5rem}.chip #m-raag{width:7rem}.chip select{appearance:none}.icon-btn{padding:.2rem .5rem;border-radius:var(--radius-full)}.t-pop{position:absolute;top:100%;right:var(--space-xs);z-index:40;background:var(--bg-dark);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);box-shadow:0 14px 50px #03030799;max-width:min(480px,92vw)}.t-pop[hidden]{display:none}.menu-pop{display:flex;flex-direction:column;gap:var(--space-2xs)}.menu-pop button{text-align:left}.shabad-bar{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap;padding:var(--space-2xs) var(--space-xs);margin:var(--space-xs) 0;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);font-size:var(--text-sm);color:var(--text-secondary)}.shabad-bar .sb-g{color:var(--text-gurmukhi)}.shabad-bar .sb-src{color:var(--text-muted);font-size:var(--text-xs)}.shabad-bar button{margin-left:auto}.gurbani{color:var(--text-gurmukhi);font-size:var(--text-md);line-height:var(--leading-verse)}.note{font-size:var(--text-xs);color:var(--text-muted)}.passage{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-2xs) var(--space-xs) var(--space-xs);margin-bottom:var(--space-xs)}.passage-h{display:flex;gap:var(--space-xs);align-items:baseline;flex-wrap:wrap;margin-bottom:var(--space-2xs);padding:0 2px}.passage-h b{color:var(--text-gold);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ph-line{color:var(--text-gurmukhi);font-size:var(--text-xs)}.ph-mel{color:var(--text-muted);font-size:var(--text-2xs)}.ph-actions{margin-left:auto;display:flex;gap:4px;align-items:center}.struct-row{display:grid;grid-template-columns:auto minmax(6rem,.7fr) minmax(9rem,1.6fr) minmax(8rem,1fr) auto auto;gap:var(--space-2xs);align-items:center;margin-bottom:var(--space-2xs);padding:2px 0;border-radius:var(--radius-sm)}.st-drag{cursor:grab;color:var(--text-muted);user-select:none;touch-action:none;padding:0 4px;letter-spacing:-2px}.st-drag:hover{color:var(--gold)}.struct-row.st-dragging{opacity:.85;background:var(--bg-card-hover);box-shadow:0 6px 18px #03030799,inset 0 0 0 1px var(--border-gold);cursor:grabbing}.st-label{width:auto;background:none;color:var(--text-gold);border:1px solid transparent;border-radius:var(--radius-sm);padding:.2rem .35rem;font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.st-label:hover,.st-label:focus{border-color:var(--border-light);outline:none}.st-line,.st-melody{background:var(--bg-card-hover);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:.2rem .55rem;font:inherit;font-size:var(--text-xs);max-width:17rem}.st-del,.play-row{padding:.15rem .45rem;font-size:var(--text-xs)}.badge-edited{color:var(--gold);font-size:var(--text-xs)}.sheet{overflow-x:auto}.rowgrid{display:grid;min-width:720px;background:var(--bg-card-hover);border-radius:var(--radius-sm);overflow:hidden}.cell{text-align:center;padding:1px 1px 4px;cursor:pointer;position:relative;min-height:3.8rem;display:flex;flex-direction:column;align-items:center;border-left:1px solid var(--border-subtle)}.cell:first-child{border-left:none}.cell:nth-child(4n+1){border-left:1px solid var(--border-gold-glow)}.cell:hover{background:var(--bg-veil-hover)}.cell.playing{box-shadow:inset 0 0 0 2px var(--gold)}.cell .bt{font-size:var(--text-3xs);color:var(--text-muted);line-height:1.4;align-self:flex-end;padding-right:3px;opacity:.5}.cell .bt.sam{color:var(--gold);font-weight:var(--weight-bold);opacity:1}.cell .sv{font-weight:var(--weight-bold);font-size:var(--text-sm);line-height:1.2}.cell .sv sub,.cell .sv sup{font-size:.6em}.cell.conf-low .sv{color:var(--danger)}.cell.conf-mid .sv{color:var(--gold)}.cell.conf-high .sv{color:var(--text-primary)}.conf-legend{display:block;margin-top:2px}.conf-legend .lg{font-weight:var(--weight-semibold)}.conf-legend .lg-high{color:var(--text-primary)}.conf-legend .lg-mid{color:var(--gold)}.conf-legend .lg-low{color:var(--danger)}.cell .syls{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 5px;align-items:flex-start;justify-content:center;margin-top:2px}.syl{display:flex;flex-direction:column;align-items:center;cursor:grab;user-select:none;line-height:1.25;touch-action:pan-y;border-radius:var(--radius-sm);padding:0 2px}.syl.syl-head .syl-g{color:var(--gold-bright)}.syl:hover{background:var(--bg-veil-hover)}.syl.drag-word{outline:2px solid var(--indigo)}.syl-g{font-size:var(--text-xs);color:var(--text-gurmukhi)}.syl-r{font-size:var(--text-3xs);color:var(--text-roman)}.syl-hold{color:var(--text-muted);opacity:.5;font-size:var(--text-xs)}.cell.drag-target{box-shadow:inset 0 0 0 2px var(--gold-dim)}button{background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.3rem .7rem;font:inherit;font-size:var(--text-sm);cursor:pointer}button:hover{border-color:var(--border-gold-hi);color:var(--text-gold)}button.primary{background:var(--gold);color:var(--bg-deep);border:none;font-weight:var(--weight-semibold)}button.danger:hover{border-color:var(--danger);color:var(--danger)}.toolbar{display:flex;gap:var(--space-2xs);flex-wrap:wrap;margin:var(--space-xs) 0}.picker{background:var(--bg-dark);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:var(--space-xs);box-shadow:0 8px 30px #03030780;width:min(380px,94vw);max-height:84vh;overflow-y:auto}.picker-ov{z-index:70}.picker .svgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.picker button{padding:.25rem 0;font-size:var(--text-xs)}.picker .octrow{display:flex;gap:3px;margin-top:4px}.picker .octrow button{flex:1}.picker button.active{border-color:var(--gold);color:var(--gold)}.picker input{width:100%;margin-top:4px;background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.25rem .4rem;font:inherit;font-size:var(--text-sm)}.pk-notes{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.pk-chip{background:var(--bg-card-hover);border:1px solid var(--border-gold);color:var(--text-gold);border-radius:var(--radius-full);padding:0 .2rem 0 .5rem;font-size:var(--text-2xs);display:inline-flex;align-items:center;gap:2px}.pk-chip button{border:none;background:none;padding:0 .25rem;font-size:var(--text-2xs)}.picker [data-x=add].active{border-color:var(--gold);color:var(--gold)}.pk-all{width:100%;margin-top:4px;font-size:var(--text-2xs);color:var(--text-muted)}.picker [data-off]{opacity:.55}.line-row{display:flex;gap:var(--space-2xs);align-items:flex-start;margin:.45rem 0}.line-n{color:var(--text-muted);font-size:var(--text-xs);padding-top:.45rem;width:1.2rem}.line-main{flex:1}.line-g{width:100%;background:var(--bg-card-hover);color:var(--text-gurmukhi);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.4rem .6rem;font:inherit;font-size:var(--text-md)}.line-r{color:var(--text-roman);font-size:var(--text-xs);padding:.15rem .2rem 0}.line-del{padding:.3rem .55rem}.sttm-row{display:flex;gap:var(--space-2xs);margin-bottom:var(--space-2xs)}.sttm-row input{flex:1;background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.4rem .6rem;font:inherit;font-size:var(--text-sm)}.raag-info{margin-top:var(--space-2xs)}.raag-facts{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:.2rem}.raag-facts b{color:var(--text-gold);font-weight:var(--weight-semibold);margin-right:.25rem}.mel-item{display:flex;align-items:center;gap:.7rem;padding:var(--space-2xs) .3rem;border-bottom:1px solid var(--border-light)}.mel-item:last-child{border-bottom:none}.mel-play{width:2.2rem;height:2.2rem;border-radius:50%;flex-shrink:0;font-size:var(--text-xs);padding:0}.mel-play.playing-btn,.play-row.playing-btn{border-color:var(--gold);color:var(--gold)}.mel-main{flex:1;min-width:0}.mel-name{color:var(--text-primary)}.mel-use{flex-shrink:0}.overlay{position:fixed;inset:0;background:#05050bb8;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-sm)}.overlay[hidden]{display:none}.modal{background:var(--bg-dark);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:var(--space-sm);width:min(620px,94vw);max-height:84vh;max-height:86dvh;overflow-y:auto;box-shadow:0 14px 50px #03030799}.modal-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;color:var(--text-gold)}.modal-x{padding:.2rem .6rem}.pk-cap{font-size:var(--text-2xs);color:var(--text-muted);margin-bottom:4px;padding-bottom:3px;border-bottom:1px solid var(--border-light)}#struct-modal .modal{width:min(720px,94vw)}.sm-h{margin:var(--space-sm) 0 var(--space-2xs);padding-top:var(--space-2xs);border-top:1px solid var(--border-subtle)}.sm-mel{display:flex;align-items:center;gap:var(--space-xs);padding:.3rem .2rem;border-bottom:1px solid var(--border-subtle)}.sm-mel:last-child{border-bottom:none}.sm-play{width:2rem;height:2rem;border-radius:50%;flex-shrink:0;font-size:var(--text-xs);padding:0}.sm-play.playing-btn{border-color:var(--gold);color:var(--gold)}.sm-main{flex:1;min-width:0;display:flex;flex-direction:column}.sm-name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-edit{flex-shrink:0;padding:.25rem .6rem}#home-new{border-radius:var(--radius-full);padding:.35rem .9rem;white-space:nowrap}.tab-hint{padding:var(--space-2xs) .3rem var(--space-xs);max-width:62ch}.nc-lab{display:block;font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:var(--space-2xs) 0 2px}.dlg input,.dlg select{width:100%;background:var(--bg-card-hover);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.4rem .6rem;font:inherit;font-size:var(--text-sm)}.dlg input:focus,.dlg select:focus{outline:none;border-color:var(--border-gold-hi)}.nc-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}@media(max-width:480px){.nc-grid{grid-template-columns:1fr}}.dlg-ov{z-index:80}.dlg{width:min(460px,94vw)}.dlg-wide{width:min(640px,94vw)}.dlg-note{margin:.2rem 0 .5rem;font-size:var(--text-sm)}.dlg-actions{display:flex;gap:var(--space-2xs);justify-content:flex-end;margin-top:var(--space-xs)}.cap-ov{z-index:75}.cap-modal{width:min(760px,96vw)}.cap-cap{margin-bottom:var(--space-xs);max-width:60ch}.cap-spring{flex:1}.cap-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.cap-method{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;text-align:left;padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition, all .2s)}.cap-method:hover{border-color:var(--border-gold-hi);background:var(--bg-card-hover);transform:translateY(-2px)}.cm-icon{font-size:var(--text-xl)}.cm-title{color:var(--text-gold);font-weight:var(--weight-semibold);font-size:var(--text-md)}.cm-blurb{line-height:var(--leading-snug, 1.35)}.cap-strip{display:grid;background:var(--bg-card-hover);border-radius:var(--radius-sm);overflow-x:auto;margin-bottom:var(--space-2xs)}.cs-cell{display:flex;flex-direction:column;align-items:center;padding:2px 1px 5px;min-height:3rem;cursor:pointer;background:none;border:none;border-left:1px solid var(--border-subtle);border-radius:0;color:var(--text-primary);font:inherit}.cs-cell:first-child{border-left:none}.cs-cell:nth-child(4n+1){border-left:1px solid var(--border-gold-glow)}.cs-cell:hover{background:var(--bg-veil-hover)}.cs-bt{font-size:var(--text-3xs);color:var(--text-muted);line-height:1.4;align-self:flex-end;padding-right:3px;opacity:.5}.cs-bt.sam{color:var(--gold);font-weight:var(--weight-bold);opacity:1}.cs-sv{font-weight:var(--weight-bold);font-size:var(--text-sm)}.cs-sv sub,.cs-sv sup{font-size:.6em}.cs-cell.cs-cur{box-shadow:inset 0 0 0 2px var(--gold-dim);border-radius:var(--radius-sm)}.cs-cell.cs-play{box-shadow:inset 0 0 0 2px var(--gold);border-radius:var(--radius-sm)}.cap-tools{display:flex;gap:var(--space-2xs);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-xs)}.cap-nav{display:flex;gap:var(--space-2xs);align-items:center;margin-top:var(--space-xs)}.kb-scroll{overflow-x:auto;padding-bottom:4px}.kb{position:relative;height:138px}.kb-whites{display:flex;height:100%}.kb-key{border-radius:0 0 var(--radius-sm) var(--radius-sm);font:inherit;cursor:pointer;padding:0;display:flex;align-items:flex-end;justify-content:center;user-select:none;touch-action:manipulation}.kb-w{height:100%;flex-shrink:0;background:linear-gradient(var(--bg-card),var(--bg-card-hover));border:1px solid var(--border-light);border-top:none;color:var(--text-secondary)}.kb-w:hover{background:var(--bg-card-hover);color:var(--text-gold)}.kb-b{position:absolute;top:0;height:62%;z-index:2;background:linear-gradient(var(--bg-deep),var(--bg-dark));border:1px solid var(--border-light);border-top:none;color:var(--text-muted);box-shadow:0 3px 8px #0303078c}.kb-b:hover{color:var(--text-gold);border-color:var(--border-gold-hi)}.kb-sa{border-bottom:3px solid var(--gold)}.kb-sa .kb-lab{color:var(--gold)}.kb-key .kb-lab{display:flex;flex-direction:column;align-items:center;line-height:1.3;font-size:var(--text-2xs);padding-bottom:6px;pointer-events:none}.kb-b .kb-lab{font-size:var(--text-3xs);padding-bottom:4px}.kb-west{font-size:var(--text-3xs);color:var(--text-muted);letter-spacing:.02em}.kb-b .kb-west{opacity:.85}.kb-key.kb-hit .kb-west{color:inherit}.kb-key.kb-off .kb-lab{opacity:.35}.kb-key.kb-hit{background:var(--gold);color:var(--bg-deep);border-color:var(--gold)}.kb-key.kb-hit .kb-lab{opacity:1}.kb-hint{margin-top:2px}.vc-saRow{display:flex;align-items:center;gap:var(--space-2xs);flex-wrap:wrap;margin-bottom:var(--space-2xs)}.vc-saRow .chip b{font-size:var(--text-sm);color:var(--text-primary)}.vc-live{display:flex;align-items:baseline;gap:var(--space-2xs)}#vc-note{color:var(--gold-bright);font-weight:var(--weight-bold);font-size:var(--text-xl);min-width:2.2ch;text-align:center}#vc-note sub,#vc-note sup{font-size:.55em}.nm-reg-lab{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}.nm-reg,.nm-letters{margin-bottom:var(--space-xs)}.nm-letters .seg-btn{min-width:2.1rem;text-align:center}.nm-letters .nm-used:not(.active){opacity:.45;text-decoration:line-through}.nm-edit-form{margin-top:var(--space-2xs)}.nm-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-xs)}.nm-base{color:var(--text-gold);font-weight:var(--weight-semibold);font-size:var(--text-md);white-space:nowrap}.nm-dot{color:var(--text-muted)}.nm-row input{flex:1;min-width:9rem;background:none;border:none;color:var(--text-primary);font:inherit;font-size:var(--text-md);padding:.1rem 0}.nm-row input:focus{outline:none;color:var(--gold-bright)}.nm-preview{margin-top:var(--space-2xs)}.nm-preview b{color:var(--text-gold)}@media(max-width:640px){.cap-methods{grid-template-columns:1fr}}@media(max-width:640px){.struct-row{grid-template-columns:auto 1fr auto auto;grid-template-areas:"h label play del" "h line  line line" "h mel   mel  mel";border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-2xs)}.st-drag{grid-area:h;align-self:center}.st-label{grid-area:label;width:100%}.st-line{grid-area:line;width:100%}.st-melody{grid-area:mel;width:100%}.struct-row .play-row{grid-area:play}.st-del{grid-area:del}.shabad-bar .ph-actions{width:100%}.t-pop{left:var(--space-xs);right:var(--space-xs);max-width:none}}@media(pointer:coarse){.picker .svgrid{gap:6px}.picker .svgrid button{padding:.55rem 0;font-size:var(--text-sm)}.picker .octrow button{padding:.5rem 0}.modal button,.shabad-bar button,.picker button{min-height:2.2rem}.st-drag{padding:0 10px}}.stage-bar{margin:var(--space-xs) 0;padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-subtle);border-left:3px solid var(--gold);border-radius:var(--radius-sm);background:var(--bg-card)}.stage-bar.stage-failed{border-left-color:var(--danger)}.stage-steps{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);margin:0 0 var(--space-xs);padding:0;list-style:none;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.stage-steps li{display:inline-flex;align-items:center;gap:var(--space-2xs)}.stage-steps li:before{content:"";width:.6em;height:.6em;border-radius:50%;border:1px solid var(--border-gold)}.stage-steps li.done{color:var(--text-secondary)}.stage-steps li.done:before{background:var(--gold-dim);border-color:var(--gold-dim)}.stage-steps li.here{color:var(--text-gold);font-weight:var(--weight-semibold)}.stage-steps li.here:before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.stage-say{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary)}.stage-say>span{flex:1 1 16rem}.stage-failed .stage-say b{color:var(--danger)}.stage-view,.row-view{color:var(--text-gold);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;white-space:nowrap}.stage-view:hover,.row-view:hover{text-decoration:underline;text-underline-offset:3px}