.settings-fold{min-width:0;border:1px solid #34423c;border-radius:12px;background:#141c19;margin-bottom:20px;align-self:start}.settings-fold>summary{cursor:pointer;padding:16px 20px;color:#d5e3ce;font-size:13px;font-weight:600}.settings-fold>summary small{margin-left:14px;color:#91a38c;font-size:10px;font-weight:400}.settings-fold[open]>summary{border-bottom:1px solid #34423c}.settings-fold .source-panel,.settings-fold .timing-panel{border:0;margin:0;box-shadow:none;background:none}.source-fold{margin-bottom:24px}.setup-mode .source-fold{max-width:740px;margin:0 auto}.setup-mode .source-fold>summary{display:none}.setup-mode .source-fold .source-panel{max-width:none}.speed-hint{margin:10px 0;color:#92a88d;line-height:1.7}.mode-row select{max-width:100%}
.colored-part.card,.colored-part.part-row{border-color:var(--part-border);background:var(--part-bg)}.colored-part.card.active{border-color:var(--part-accent);outline:2px solid var(--part-accent);background:var(--part-bg)}.colored-part .card-top strong,.colored-part.card-group-title strong{color:var(--part-accent)}.card-group-title.colored-part{border:1px solid var(--part-border);border-left:5px solid var(--part-accent);background:var(--part-bg);scroll-margin-top:95px}.card-group-title button{font-size:11px;min-height:36px;padding:8px 12px}.card-group-title .group-play{background:var(--part-accent,var(--lime));color:#142017}.card-group-title .group-repeat[aria-pressed=true]{border-color:var(--part-accent);color:var(--part-accent)}.part-row .listen{background:var(--part-accent,var(--lime));color:#142017}.part-row .name{min-width:100px}
.note-block{margin:12px 0;min-width:0}.note-view{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:13px;color:#e0e9db;margin:0;min-height:60px}.note-block .note-edit{font-size:10px;padding:5px 9px;margin-top:7px;background:transparent}.note-block .note-editor textarea{width:100%;min-height:66px;margin:0;border:1px dashed #ffffff26;background:#0000000b;font-size:12px;padding:10px;resize:vertical}.note-confirm{font-size:10px;padding:6px 10px;margin-top:6px}.card-bottom{align-items:start;justify-content:space-between;flex-wrap:wrap}.card-tools{min-width:0;flex:1;text-align:right}.card-tools>summary{font-size:10px;cursor:pointer;padding:8px;color:#aec2a6}.card-tools>div{display:grid;gap:6px;margin-top:7px;text-align:left}.card-tools label{font-size:10px}.card-tools .start{width:100%;margin-top:5px}.card-tools button{width:100%;white-space:normal}.card-top{gap:8px;flex-wrap:wrap}.card-top span{white-space:nowrap}.beats span{padding:3px 0;flex:1;text-align:center}#cards{scroll-margin-top:95px}
@media(max-width:650px){#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{min-width:0;padding:11px}.card-top{gap:5px;display:block}.card-top strong{font-size:10px}.card-top span{display:block;font-size:8px;margin-top:5px}.note-block{margin:10px 0}.note-view{font-size:12px;min-height:52px}.note-block .note-editor textarea{font-size:11px;min-height:62px;padding:8px}.note-confirm{font-size:9px;padding:7px}.beats{margin-bottom:8px}.beats span{font-size:8px;padding:2px 0}.card-bottom{gap:4px}.card-bottom .listen{padding:8px;font-size:10px}.card-tools>summary{font-size:8px;padding:8px 1px}.card-group-title{padding:12px;gap:8px}.card-group-title strong{font-size:16px;flex-basis:100%}.card-group-title span{font-size:10px;flex-basis:100%;margin:0}.card-group-title button{font-size:10px;padding:8px}.settings-fold>summary{padding:14px;font-size:12px}.settings-fold>summary small{display:block;margin:6px 0 0;font-size:9px}.settings-fold .timing-panel,.settings-fold .source-panel{padding:15px!important}.settings-fold{margin-bottom:14px}.source-fold .capture-controls{gap:10px}.capture-controls>label{min-width:0;width:100%}.source-fold .section-label{flex-wrap:wrap}.mode-row{flex-wrap:wrap;gap:10px}.mode-row label{min-width:0;max-width:100%}.mode-row select{font-size:11px}.part-row .listen{font-size:11px;padding:10px 14px}.routine{padding:14px!important}}