[hidden],#instRow{display:none!important}
.finger-palette{margin:16px 0;background:linear-gradient(145deg,#1d1b25,#14151e)}
.studio-title,.studio-fields,.studio-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.studio-title{justify-content:space-between}.studio-title h3{margin:0}
.studio-title label,.studio-fields label,.finger-assignments label{display:flex;flex-direction:column;gap:6px;font-size:.76rem;color:#c5c2cf;min-width:0}
.studio-fields label{flex:1;min-width:110px}.studio-fields{margin:14px 0;align-items:start}
.work-card select,.work-card input[type=text]{font:inherit;color:#f4f0ff;background:#252431;border:1px solid #595467;border-radius:8px;padding:10px;min-height:42px;max-width:100%;width:100%}
.work-card select:focus-visible,.finger-pad:focus-visible{outline:2px solid #f3dd87;outline-offset:3px}
.finger-pads{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0}
.finger-pad{min-width:0;min-height:79px;padding:10px 6px;border:1px solid #655d74;border-radius:12px;background:#24222d;color:#f3dd87;cursor:pointer;touch-action:manipulation;display:flex;gap:8px;flex-direction:column;justify-content:center;align-items:center;font:inherit}
.finger-pad b{font-size:.87rem}.finger-pad span{font-size:.69rem;line-height:1.25;color:#d8d4e0;overflow-wrap:normal}.finger-pad:hover{background:#35303b}
.finger-pad.struck{animation:finger-strike .32s ease-out}@keyframes finger-strike{from{background:#776037;box-shadow:0 0 15px #d9b66c88}to{background:#24222d}}
.finger-assignments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0}.finger-palette summary,.movement-options summary{cursor:pointer;font-size:.8rem;padding:8px 0;color:#d5c8a0}
.practice-beats{display:flex;gap:10px;justify-content:center;margin:18px 0}.practice-beat{width:36px;height:36px;border-radius:50%;border:1px solid #645c70;display:grid;place-items:center;font:600 .85rem inherit;color:#c9c4d0;background:#23222d}.practice-beat.on{background:#e7c16e;color:#211c11;border-color:#ffe2a3;box-shadow:0 0 18px #e7c16e66}
#practiceCue{font-size:1rem;line-height:1.5;min-height:3em;color:#f4dfab}#practiceFeedback{min-height:2em;font-size:.83rem;color:#c7e7c1}#practiceStats{font-variant-numeric:tabular-nums}
.studio-actions .btn{font-size:.76rem;text-decoration:none}.studio-actions{margin:14px 0}.work-card .work-help{color:#bbb5c7;line-height:1.5}#compositionStatus,#compositionSections{overflow-wrap:anywhere}
.movement-options{margin:10px 0}.work-grid{align-items:start}.work-card{min-width:0}#practiceBpm{color:#efd799}.finger-assignments select{font-size:.75rem}
@media(max-width:440px){.finger-pads{gap:5px}.finger-pad{min-height:88px;padding:8px 3px}.finger-pad span{font-size:.65rem}.studio-title{align-items:start}.studio-title label{width:100%}.finger-assignments{grid-template-columns:1fr}.studio-actions{gap:8px}.studio-actions .btn{padding:10px}}
@media(prefers-reduced-motion:reduce){.finger-pad.struck{animation:none;background:#776037}.practice-beat{box-shadow:none!important}}

.ai-preview{margin:18px 0;border-top:1px solid #474050;padding-top:12px}.ai-preview summary{cursor:pointer;color:#edd8a3;font-weight:600;font-size:.85rem}.ai-preview a{color:#decfa8}

/* Hide the legacy latency simulation: it is not neural audio generation. */
#pbq,#pbuf,#genEp,#genLatRow{display:none!important}