.editor-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding-bottom:90px}body:has(.editor-page){padding:0!important;overflow:hidden!important;height:100dvh}.editor-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;padding-top:calc(.5rem + var(--safe-top));border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0;flex-wrap:wrap}.editor-title{flex:1;font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.editor-avg-bpm{font-size:.75em;color:var(--text-muted);margin-left:.5rem;font-weight:400}.waveform-section{flex-shrink:0;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.timeline-container{overflow-x:auto;overflow-y:clip;position:relative;-webkit-overflow-scrolling:touch}.waveform-wrapper{position:relative;min-height:100px;padding-top:20px}.waveform-wrapper.scrollable{cursor:grab}.cursor-drag-handle{position:absolute;top:0;z-index:30;width:28px;height:18px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--color-text);background:var(--cursor-btn-bg, rgba(99, 102, 241, .45));border:1px solid var(--cursor-btn-border, rgba(99, 102, 241, .5));border-bottom:none;border-radius:4px 4px 0 0;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.cursor-drag-handle:hover{color:#fff;background:var(--cursor-btn-hover, rgba(99, 102, 241, .75))}.cursor-drag-handle:active{cursor:grabbing}.scrub-controls{display:flex;align-items:center}.scrub-toggle-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;padding:0;cursor:pointer;color:var(--color-primary, #6366f1);opacity:.85;transition:opacity .15s,color .15s;line-height:1;font-size:10px}.scrub-toggle-btn:hover{opacity:1}.scrub-toggle-btn.scrub-muted{color:var(--color-text-secondary);opacity:.5}.scrub-toggle-btn.scrub-muted:hover{opacity:.75}.metronome-regions-overlay{position:absolute;top:0;left:0;width:100%;bottom:0;z-index:10;pointer-events:none}.waveform-wrapper:not(.scrollable) .metronome-regions-overlay{overflow-x:clip}.metronome-region{position:absolute;top:20px;bottom:0;pointer-events:none;border-left:2px solid var(--color-region-border);border-right:2px solid var(--color-region-border);background:var(--color-region-bg);transition:background .1s ease}.metronome-region:hover{background:#f973164d}.metronome-region.selected{outline:2px solid var(--color-accent);outline-offset:-1px}.metronome-region.count-in{border-color:var(--color-countin-border);background:var(--color-countin-bg)}.metronome-region.count-in:hover{background:#fbbf244d}.region-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:800;padding:4px 10px;background:#0f0f13d9;border-radius:4px;pointer-events:auto;cursor:pointer;white-space:nowrap;color:#e8e8f0;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:3;text-align:center;line-height:1.2}.region-label-ts{font-size:.55rem;font-weight:600;opacity:.7}.region-label:hover{background:#6366f199}.region-edge{position:absolute;top:0;width:10px;height:100%;cursor:pointer;pointer-events:auto;z-index:5}.region-edge.left{left:-5px}.region-edge.right{right:-5px}.region-edge:hover{background:#6366f140}.region-resize-handle{position:absolute;top:-18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:var(--color-text);background:var(--region-btn-bg, rgba(99, 102, 241, .45));border:1px solid var(--region-btn-border, rgba(99, 102, 241, .5));border-bottom:none;border-radius:4px 4px 0 0;cursor:ew-resize;pointer-events:auto;z-index:6;opacity:1;touch-action:none}.region-resize-handle.left{left:-2px}.region-resize-handle.right{right:-2px}.region-resize-handle:hover{color:#fff;background:var(--region-btn-hover, rgba(99, 102, 241, .75))}.metronome-region.muted{border-style:dashed!important;opacity:.4}.metronome-region.muted .region-label{text-decoration:line-through;opacity:.6}.region-mute-btn.muted{color:var(--color-danger)!important;opacity:.7}.export-option-btn:disabled,.export-option-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.waveform-toolbar{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;flex-wrap:wrap}.bpm-segments{display:flex;gap:.25rem;flex:1 1 100%;flex-wrap:wrap;order:2}@media(min-width:640px){.bpm-segments{flex:1 1 auto;order:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bpm-segments::-webkit-scrollbar{display:none}}.bpm-segment-tag{display:inline-flex;align-items:center;gap:.2rem;padding:.125rem .5rem;background:var(--color-region-bg);border:1px solid var(--color-region-border);border-radius:var(--radius-sm);font-size:.675rem;font-weight:600;white-space:nowrap;flex-shrink:0}.bpm-segment-tag .bpm-value{font-weight:700;color:var(--color-text)}.bpm-segment-tag .time-range{color:var(--color-text-secondary);font-weight:400}.bpm-segment-tag .region-ts{color:var(--color-text-secondary);font-weight:400;opacity:.75}.zoom-controls{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.zoom-controls input[type=range]{width:80px}.zoom-btn{width:24px;height:24px;border-radius:50%;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.zoom-btn:hover{background:var(--color-primary);color:#fff}.zoom-value{font-size:.675rem;color:var(--color-text-secondary);min-width:2rem;text-align:center}.center-panel{flex:1;min-height:80px;overflow-y:auto;padding:.75rem;padding-bottom:180px;scroll-padding-bottom:160px;-webkit-overflow-scrolling:touch}.panel-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;row-gap:.375rem}.add-region-buttons{display:flex;gap:.375rem;flex-wrap:wrap}.btn-accent{background:#22d3ee33;color:var(--color-accent);border:1px solid var(--color-countin-border)}.btn-accent:hover{background:#22d3ee4d}.region-add-panel,.region-edit-panel{max-width:480px}.region-edit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem .625rem}body:has(.editor-page) .region-edit-row{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;min-width:0;overflow:hidden}body:has(.editor-page) .region-edit-row label{font-size:.675rem;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.03em}body:has(.editor-page) .region-edit-row input,body:has(.editor-page) .region-edit-row select{padding:.375rem .5rem;font-size:.8rem;line-height:1.5;box-sizing:border-box;height:2.125rem;min-width:0;max-width:100%}.time-input-group{display:flex;gap:.25rem}.time-input-group input{flex:1;min-width:0}.seek-to-time,.set-from-playback{width:26px;padding:0;font-size:.6rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.set-from-playback{font-size:.75rem}.bpm-input-group{display:flex;gap:.25rem;align-items:center}.bpm-input-group input{flex:1;min-width:0}.bpm-input-group .inline-analyze-bpm,.timesig-input-group .inline-analyze-timesig{padding:.25rem .5rem;font-size:.675rem;white-space:nowrap;flex-shrink:0}.bpm-input-group .inline-analyze-bpm:disabled{opacity:.5;cursor:wait}.analysis-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#00000080;display:flex;align-items:center;justify-content:center}.analysis-overlay-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:0 4px 24px #0000004d}.analysis-overlay-content p{margin:0;font-size:.875rem;color:var(--color-text)}.analysis-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:analysis-spin .8s linear infinite}@keyframes analysis-spin{to{transform:rotate(360deg)}}.sound-select-group{display:flex;gap:.375rem;flex-wrap:wrap;align-items:center}.sound-select-group .btn{height:1.625rem;box-sizing:border-box;border:1px solid var(--color-border);padding:.2rem .4rem;line-height:1}.sound-select-group select{flex:0 0 auto;width:auto;min-width:3.5rem}.sound-preview-btn{width:32px;padding:0;font-size:.85rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.accent-pattern-editor{display:flex;gap:2px;flex-wrap:wrap;overflow-x:auto;max-width:100%;padding-bottom:2px}.accent-box{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--color-border);transition:transform .1s ease}.accent-box:hover{transform:scale(1.1)}.accent-box.beat-start{margin-left:4px}.accent-box.beat-start:first-child{margin-left:0}.accent-box.accent-level-0{background:var(--color-surface);opacity:.4}.accent-box.accent-level-1{background:#6366f126;border-color:#6366f14d}.accent-box.accent-level-2{background:var(--color-primary);color:#fff}.drum-pattern-grid{display:flex;flex-direction:column;gap:3px}.drum-row{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.drum-row .beat-group{display:flex;gap:2px;flex-shrink:0;align-items:center}.drum-row-label{font-size:calc(.6rem * var(--editor-font-scale, 1) * var(--pattern-scale, 1));font-weight:700;width:calc(20px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));flex-shrink:0;color:var(--color-text-secondary);text-align:center}.drum-cell{width:calc(24px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));height:calc(22px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));border-radius:3px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:calc(.6rem * var(--editor-font-scale, 1) * var(--pattern-scale, 1));font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-surface);transition:transform .08s ease;flex-shrink:0}.drum-cell:hover{transform:scale(1.1)}.drum-cell.active-step{transform:scale(1.15);box-shadow:0 0 10px var(--color-primary)}.drum-pattern-grid.sub-dense .drum-cell{width:calc(13px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));height:calc(13px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));font-size:calc(.5rem * var(--editor-font-scale, 1) * var(--pattern-scale, 1));border-radius:2px}.drum-cell.hihat.on{background:#22c55e33;border-color:#22c55e99;color:var(--color-success, #22c55e)}.drum-cell.kick.on{background:#f9731633;border-color:#f9731699;color:var(--color-warning, #f97316)}.drum-cell.snare.on{background:#6366f133;border-color:#6366f199;color:var(--color-primary, #6366f1)}.voice-pattern-editor{display:flex;flex-wrap:wrap;gap:.35rem;max-width:100%;padding-bottom:2px}.voice-pattern-editor .beat-group{display:flex;gap:2px;flex-shrink:0;align-items:center}.voice-cell{width:calc(28px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));min-width:calc(28px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));max-width:calc(28px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));height:calc(28px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));padding:0 calc(1px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));border-radius:4px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:calc(.6rem * var(--editor-font-scale, 1) * var(--pattern-scale, 1));font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;background:#6366f11a;border-color:#6366f14d;color:var(--color-primary);transition:box-shadow .08s ease,background .08s ease,transform .08s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-cell:hover{background:#6366f140;box-shadow:0 0 0 2px var(--color-primary, #6366f1)}.voice-cell.active{transform:scale(1.18);box-shadow:0 0 12px var(--color-primary);background:#6366f159;border-color:var(--color-primary)}.voice-cell.muted{background:#ffffff0a;border-color:var(--color-border);color:var(--color-text-secondary);opacity:.5;font-style:italic}.voice-cell.ghost,.picker-cell.ghost{font-style:italic;opacity:.7}.voice-pattern-editor.sub-dense .voice-cell{width:calc(14px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));min-width:calc(14px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));max-width:calc(14px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));height:calc(16px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));font-size:calc(.5rem * var(--editor-font-scale, 1) * var(--pattern-scale, 1));padding:0 calc(1px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));border-radius:2px}.timesig-input-group{display:flex;gap:.25rem;align-items:center}.timesig-input-group select{flex:1;min-width:0}.timesig-input-group .btn{flex-shrink:0;white-space:nowrap;font-size:.675rem;padding:.25rem .4rem}.timesig-input-group .picker-trigger{min-width:2.75rem;padding-left:.4rem;padding-right:.4rem}.timesig-input-group .btn.inline-analyze-timesig{white-space:nowrap}.bpm-input-group .add-bpm-half,.bpm-input-group .add-bpm-double{flex-shrink:0;font-size:.675rem;padding:.25rem .4rem}.bpm-adj-row .btn{flex-shrink:0;font-size:.675rem;padding:.2rem .375rem}.btn-bpm-scale{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important;opacity:.75}.btn-bpm-scale:hover{opacity:1}body:has(.editor-page) .bpm-ts-row{display:flex;flex-direction:row;gap:1rem;align-items:flex-start}.bpm-half{flex:0 1 auto;display:flex;flex-direction:column;gap:.25rem;min-width:0}.bpm-half .bpm-input-group{display:flex;gap:.25rem;align-items:center}.bpm-half input[type=number]{flex:0 0 auto;width:4.5rem;min-width:4rem}.bpm-adj-row{display:flex;gap:.2rem;flex-wrap:wrap;margin-top:.25rem}.ts-subdiv-item{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;gap:.25rem}.ts-subdiv-item label{font-size:.675rem;color:var(--color-text-secondary);white-space:nowrap}body:has(.editor-page) .region-edit-row-full{grid-column:1 / -1;overflow:visible}.waveform-selection{position:absolute;top:20px;bottom:0;background:#22d3ee26;border-left:2px solid var(--color-accent);border-right:2px solid var(--color-accent);pointer-events:auto;z-index:2;overflow:visible}.selection-handle{position:absolute;top:0;width:8px;height:100%;cursor:pointer;z-index:6;touch-action:none}.selection-handle:hover{background:#22d3ee40}.selection-handle.left{left:-4px}.selection-handle.right{right:-4px}.selection-seek-btn{position:absolute;top:-18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:var(--color-text);background:#22d3ee66;border:1px solid rgba(34,211,238,.6);border-bottom:none;border-radius:4px 4px 0 0;cursor:ew-resize;pointer-events:auto;z-index:6;touch-action:none}.selection-seek-btn.left{left:-2px}.selection-seek-btn.right{right:-2px}.selection-seek-btn:hover{color:#fff;background:#22d3eebf}.selection-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:800;color:#e8e8f0;background:#0f0f13d9;border-radius:4px;padding:4px 10px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis}.selection-action-bar{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#22d3ee14;border-top:1px solid var(--color-accent);flex-shrink:0;flex-wrap:wrap}.selection-time-range{font-size:.75rem;font-weight:600;color:var(--color-accent);font-variant-numeric:tabular-nums}.region-list-section{margin-top:1rem;max-width:700px;margin-left:auto;margin-right:auto}.region-list{display:flex;flex-direction:column;gap:.375rem}.region-list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.25rem .625rem}.region-select-all{display:flex;align-items:center;gap:.375rem;cursor:pointer;-webkit-user-select:none;user-select:none}.region-select-all input,.region-checkbox{width:16px;height:16px;cursor:pointer;flex-shrink:0;accent-color:var(--color-primary)}.region-list-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s}.region-list-item:hover{border-color:var(--color-primary)}.region-list-item.selected{border-color:var(--color-accent);background:#22d3ee0d}.region-type-badge{font-size:.6rem;font-weight:700;padding:.125rem .375rem;border-radius:3px;text-transform:uppercase;flex-shrink:0}.region-type-badge.metronome{background:var(--color-region-bg);color:var(--color-primary-hover);border:1px solid var(--color-region-border)}.region-type-badge.count-in{background:var(--color-countin-bg);color:var(--color-accent);border:1px solid var(--color-countin-border)}.region-list-info{flex:1;min-width:0}.region-list-bpm{font-size:.8rem;font-weight:700;color:var(--color-text)}.region-list-time{font-size:.675rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.region-list-actions{display:flex;gap:.25rem;flex-shrink:0}.region-drag-handle{position:absolute;top:-18px;left:50%;transform:translate(-50%);width:28px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--color-text);background:var(--region-btn-bg, rgba(99, 102, 241, .45));border:1px solid var(--region-btn-border, rgba(99, 102, 241, .5));border-bottom:none;border-radius:4px 4px 0 0;cursor:grab;pointer-events:auto;z-index:6;opacity:1;touch-action:none}.region-drag-handle:hover{color:#fff;background:var(--region-btn-hover, rgba(99, 102, 241, .75))}.region-drag-handle:active{cursor:grabbing}.metronome-region.selected .region-resize-handle,.metronome-region.selected .region-drag-handle{z-index:31}.inline-nudge-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.375rem;padding:.5rem .25rem;grid-column:1 / -1;min-height:44px}.inline-nudge-controls .nudge-btn{width:32px;height:28px;border-radius:4px;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.inline-nudge-controls .nudge-btn:hover{background:var(--color-primary);color:#fff}.inline-nudge-controls .nudge-step-input{width:70px;min-width:56px;padding:.25rem;font-size:.75rem;text-align:center;flex-shrink:1}.inline-nudge-controls .nudge-unit{font-size:.65rem;color:var(--color-text-secondary)}.metronome-region.temporary{border-style:dashed;opacity:.75}@keyframes region-edit-expand{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:800px;padding-top:.625rem;padding-bottom:.625rem}}.region-inline-edit{padding:.625rem .75rem;background:var(--color-bg);border:1px solid var(--color-primary);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-top:-1px;overflow:hidden;animation:region-edit-expand .25s ease-out forwards}.region-inline-edit.no-animate{animation:none}.inline-edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.inline-edit-actions{display:flex;gap:.25rem}.modified-icon{color:var(--color-warning);font-size:.8rem;margin-right:.25rem;vertical-align:middle}.region-list-item:has(+.region-inline-edit){border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom-color:var(--color-primary)}.bottom-controls{position:fixed;bottom:0;left:0;right:0;z-index:9999;border-top:1px solid var(--color-border);background:var(--color-surface);padding-bottom:var(--safe-bottom)}.controls-inner{max-width:480px;margin:0 auto;padding:.375rem .5rem}.mixer-and-tap{display:flex;gap:1.25rem;align-items:center;margin-bottom:.375rem;padding-right:1.5rem}.mixer-compact{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.tap-compact-section{display:flex;flex-direction:row;align-items:center;gap:.375rem;flex-shrink:0}.tap-pedal-btn-sm{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#3e3e52,#18182a);border:2px solid #5a5a7a;box-shadow:0 3px 7px #00000080,0 0 0 1px #28283c,inset 0 2px 3px #ffffff14,inset 0 -2px 5px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .07s ease,box-shadow .07s ease;flex-shrink:0}.tap-pedal-btn-sm:active{transform:scale(.92);box-shadow:0 1px 4px #0009,0 0 0 1px #28283c,inset 0 3px 8px #0009,inset 0 -1px 2px #ffffff0d}.tap-pedal-btn-sm .tap-pedal-label{font-size:.72rem}.tap-pedal-btn-sm .tap-pedal-sub{font-size:.45rem}.tap-info-compact{display:flex;flex-direction:column;align-items:center;gap:.15rem}.tap-info-compact .tap-led-ring{width:10px;height:10px}.tap-info-compact .tap-bpm-display{font-size:.6rem;min-width:4rem;padding:.1rem .2rem;white-space:nowrap}.mixer-item{display:flex;align-items:center;gap:.25rem;flex:1}.mixer-icon{font-size:.675rem;color:var(--color-text-secondary);white-space:nowrap;min-width:4rem}.mixer-item input[type=range]{flex:1;min-width:0;background:linear-gradient(to right,var(--color-border) 0%,var(--color-border) 66.7%,var(--color-warning) 66.7%,var(--color-warning) 80%,var(--color-danger) 80%,var(--color-danger) 100%)}.mixer-item input.speed-slider[type=range]{background:linear-gradient(to right,var(--color-border) 0%,var(--color-border) 50.25%,var(--color-warning) 50.25%,var(--color-warning) 75.38%,var(--color-danger) 75.38%,var(--color-danger) 100%)}.mixer-value{font-size:.675rem;color:var(--color-text-secondary);min-width:2rem;text-align:right}.mixer-value-inline{font-weight:600;color:var(--color-text);margin-left:.375rem}.vol-step-btn{width:18px;height:18px;border-radius:3px;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}.vol-step-btn:hover{background:var(--color-primary);color:#fff}.mixer-item input[type=range].boosted-yellow::-webkit-slider-thumb{background:var(--color-warning)}.mixer-item input[type=range].boosted-red::-webkit-slider-thumb{background:var(--color-danger)}.player-controls{display:grid;grid-template-columns:minmax(0,1fr) repeat(8,auto) minmax(0,1fr);align-items:center;gap:.3rem;max-width:100%}.play-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(min-width:480px){.play-btn{width:2.75rem;height:2.75rem;font-size:1.125rem}}.play-btn:hover{background:var(--color-primary-hover)}.stop-btn{height:1.625rem;border-radius:4px;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);padding:0 .375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.stop-btn:hover{background:var(--color-text-secondary);color:var(--color-bg)}.skip-btn{height:1.625rem;display:flex;align-items:center;gap:.125rem;padding:0 .375rem;border-radius:var(--radius-sm);background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);font-size:.7rem;cursor:pointer;flex-shrink:0}.skip-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.skip-icon{font-size:.875rem;font-weight:700}.skip-label{font-size:.675rem;font-weight:600}.skip-to-edge{font-size:.75rem;font-weight:700}.skip-event-btn{padding:0 .25rem;font-size:.65rem;font-weight:700}.time-display{font-variant-numeric:tabular-nums;font-size:.7rem;color:var(--color-text-secondary);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-self:end;margin-right:.3rem}.time-total{text-align:left;justify-self:start;margin-right:0;margin-left:.3rem}@media(min-width:480px){.time-display{font-size:.8rem}}@media(max-width:479px){.bottom-controls{padding-bottom:env(safe-area-inset-bottom,0px)}.player-controls{gap:.25rem}.play-btn{width:2rem;height:2rem;font-size:.85rem}.skip-btn,.stop-btn{height:1.375rem;padding:0 .25rem;font-size:.6rem}.skip-icon{font-size:.75rem}.skip-label{font-size:.6rem}.skip-to-edge{font-size:.65rem}.time-display{font-size:.6rem}.player-controls{gap:.2rem}.controls-inner{padding:.25rem .375rem}.waveform-wrapper{min-height:64px;padding-top:14px}.mixer-compact{gap:.125rem;margin-bottom:.25rem;max-width:calc(100% - 155px)}.mixer-icon{min-width:3.5rem;font-size:.6rem}.mixer-value-inline{font-size:.6rem}.stop-btn{width:1.5rem;height:1.5rem}.mixer-item input[type=range]{height:4px}.vol-step-btn{width:16px;height:16px;font-size:.6rem}.region-edit-grid{grid-template-columns:1fr}.region-add-panel,.region-edit-panel{max-width:100%}body:has(.editor-page) .bpm-ts-row{flex-wrap:wrap;align-items:flex-start;gap:.75rem}.bpm-half{flex:1 1 100%}.region-inline-edit{padding:.5rem}.zoom-controls input[type=range]{width:50px}.height-controls,.undo-redo-controls{margin-left:.25rem;padding-left:.25rem}.center-panel{padding:.5rem;padding-bottom:calc(130px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}}@media(min-width:768px){.center-panel{padding:1rem 2rem;padding-bottom:160px}.region-edit-panel{max-width:720px;margin:0 auto}.region-list-section{max-width:760px}.controls-inner{max-width:660px}.region-edit-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.center-panel{padding:1.5rem 3rem;padding-bottom:160px}.region-edit-panel{max-width:880px}.region-list-section{max-width:920px}.controls-inner{max-width:780px}}@media(min-width:1440px){.region-edit-panel{max-width:1060px}.region-list-section{max-width:1100px}.controls-inner{max-width:900px}}.editor-header-actions{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:flex-end}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:400px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);font-weight:700;font-size:.875rem}.modal-body{padding:.25rem 1rem 1rem}.export-volume-info{font-size:.7rem;color:var(--color-text-secondary);padding:.375rem .5rem;margin-bottom:.5rem;background:var(--color-surface-hover);border-radius:var(--radius-sm);text-align:center}.export-range-info{font-size:.75rem;font-weight:600;padding:.375rem .625rem;margin-bottom:.625rem;border-radius:var(--radius-sm);text-align:center;background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:var(--color-text-secondary)}.export-range-info.range-selected{background:#22d3ee1a;border-color:#22d3ee66;color:var(--color-accent)}.export-format-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.export-format-row label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.export-format-row select{flex:1;padding:.3rem .5rem;font-size:.8rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}.export-options{display:flex;flex-direction:column;gap:.5rem}.export-full-info .accent-tooltip{right:0;left:auto;transform:none;min-width:220px;white-space:normal;text-align:left}.export-option-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.export-option-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.export-icon{font-size:1.25rem;line-height:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem}.export-progress{margin-top:1rem;text-align:center}.progress-bar{width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease;width:0%}.height-controls{display:flex;align-items:center;gap:.25rem;flex-shrink:0;margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--color-border)}.height-btn{width:22px;height:22px;border-radius:4px;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.height-btn:hover{background:var(--color-primary);color:#fff}.height-label{font-size:.6rem;color:var(--color-text-secondary);white-space:nowrap}.undo-redo-controls{display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--color-border)}.undo-btn,.redo-btn{width:28px;height:24px;border-radius:4px;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.undo-btn:hover:not(:disabled),.redo-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.undo-btn:disabled,.redo-btn:disabled{opacity:.3;cursor:not-allowed}.scroll-mode-controls{display:flex;flex-shrink:0;margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--color-border)}.scroll-mode-btn{padding:.125rem .5rem;font-size:.6rem;font-weight:700;border-radius:4px;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;white-space:nowrap}.scroll-mode-btn:hover{background:var(--color-primary);color:#fff}.font-size-btn{font-weight:700!important;min-width:28px}.settings-btn{font-size:.85rem!important;padding:.2rem .35rem!important}.editor-footer{text-align:center;padding:.25rem 0;font-size:.6rem;color:var(--color-text-secondary);border-top:1px solid var(--color-border);background:#00000026}.editor-footer a{color:inherit;text-decoration:underline}.add-region-btn,.lead-in-btn{position:relative}.lead-in-btn{color:var(--color-text)}.add-region-info-icon,.lead-in-info-icon{font-size:.75rem;cursor:help;opacity:.6;margin-left:.125rem}.add-region-info-icon:hover,.lead-in-info-icon:hover{opacity:1}.lead-in-tooltip,.add-region-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.7rem;color:var(--color-text-secondary);white-space:nowrap;z-index:10000;box-shadow:0 2px 8px #0000004d;pointer-events:auto}.lead-in-tooltip:after,.add-region-tooltip:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--color-border)}.color-input-group{display:flex;align-items:center;gap:.375rem}.color-input-group input[type=color]{width:32px;height:28px;border:1px solid var(--color-border);border-radius:4px;background:transparent;cursor:pointer;padding:1px}.color-input-group .color-reset{font-size:.65rem;padding:.2rem .4rem;cursor:pointer}.loop-controls{display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--color-border)}.loop-btn{padding:.125rem .5rem;font-size:.85rem;font-weight:700;border-radius:4px;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;line-height:1;transition:background .15s ease,color .15s ease}.loop-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.loop-btn:hover:not(.active){background:var(--color-surface-hover);color:var(--color-text)}.auto-next-btn{padding:.125rem .375rem;border-radius:4px;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.auto-next-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.auto-next-btn:hover:not(.active){background:var(--color-surface-hover);color:var(--color-text)}.snap-controls{display:flex;flex-shrink:0;margin-left:.5rem;padding-left:.5rem;border-left:1px solid var(--color-border)}.snap-btn{padding:.125rem .5rem;font-size:.6rem;font-weight:700;border-radius:4px;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.snap-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.snap-btn:hover:not(.active){background:var(--color-surface-hover);color:var(--color-text)}body:has(.editor-page) .region-edit-row input:disabled,body:has(.editor-page) .region-edit-row button:disabled{opacity:.3;cursor:not-allowed;background:var(--color-surface)!important;color:var(--color-text-secondary)!important}.accent-info-wrap{display:inline-flex;align-items:center;gap:.375rem}.accent-info-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:.55rem;font-weight:700;font-style:italic;text-transform:none;letter-spacing:0;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;position:relative;flex-shrink:0}.accent-info-icon:hover{background:var(--color-surface-hover);color:var(--color-text)}.accent-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.375rem .625rem;font-size:.65rem;font-weight:400;font-style:normal;color:var(--color-text-secondary);white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #0000004d}.accent-tooltip.visible{display:block}.accent-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-border)}.accent-pattern-editor{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}.accent-pattern-editor .beat-group{display:flex;gap:3px;flex-shrink:0}.accent-cell{width:calc(24px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));height:calc(24px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));flex-shrink:0;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:calc(.625rem * var(--editor-font-scale, 1) * var(--pattern-scale, 1));font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s ease,transform .08s ease,box-shadow .08s ease;border:1px solid var(--color-border)}.accent-cell[data-level="0"]{background:#80808033;color:var(--color-text-secondary)}.accent-cell[data-level="1"]{background:#22c55e4d;color:var(--color-success)}.accent-cell[data-level="2"]{background:#ef444459;color:var(--color-danger)}.accent-cell.active{transform:scale(1.18);box-shadow:0 0 12px currentColor}.accent-cell[data-level="2"].active{background:#6366f199;box-shadow:0 0 14px var(--color-primary)}.accent-cell[data-level="1"].active{background:#22d3ee80;box-shadow:0 0 12px var(--color-accent, #22d3ee)}.accent-cell[data-level="0"].active{opacity:.7;box-shadow:0 0 8px var(--color-text-secondary)}.accent-pattern-editor.sub-dense .accent-cell{width:calc(13px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));height:calc(13px * var(--editor-font-scale, 1) * var(--pattern-scale, 1));font-size:calc(.5rem * var(--editor-font-scale, 1) * var(--pattern-scale, 1));border-radius:2px}.subdiv-sym{font-size:1rem;margin-right:.25rem;vertical-align:middle}.tap-section{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 0 .5rem;border-top:1px solid var(--color-border);grid-column:1 / -1}.tap-pedal-btn{width:68px;height:68px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#3e3e52,#18182a);border:3px solid #5a5a7a;box-shadow:0 4px 10px #00000080,0 0 0 2px #28283c,inset 0 2px 4px #ffffff14,inset 0 -2px 6px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .07s ease,box-shadow .07s ease;flex-shrink:0}.tap-pedal-btn:active{transform:scale(.92);box-shadow:0 2px 5px #0009,0 0 0 2px #28283c,inset 0 4px 10px #0009,inset 0 -1px 2px #ffffff0d}.tap-pedal-label{font-size:.875rem;font-weight:900;color:#c8c8e0;letter-spacing:.06em;line-height:1}.tap-pedal-sub{font-size:.55rem;color:#6366f1;letter-spacing:.12em;margin-top:2px;font-weight:600}.tap-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tap-led-ring{width:18px;height:18px;border-radius:50%;background:#1a1a2e;border:2px solid #3a3a50;box-shadow:inset 0 1px 3px #00000080;transition:background .05s ease,box-shadow .05s ease,border-color .05s ease}.tap-led-ring.led-on{background:var(--tap-led-color, var(--color-primary));border-color:var(--tap-led-color, var(--color-primary));box-shadow:0 0 10px var(--tap-led-color, var(--color-primary)),0 0 20px #6366f14d,inset 0 0 4px #ffffff4d}.tap-bpm-display{font-size:.8rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;min-width:3.5rem;text-align:center;background:#0003;border:1px solid var(--color-border);border-radius:4px;padding:.125rem .375rem}.picker-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem}.picker-sheet{background:var(--color-surface);border-radius:var(--radius-md);padding:1rem;width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.voice-syl-picker .picker-sheet{max-width:300px;padding:.75rem}.cv-choice .picker-sheet{max-width:280px}.cv-choice .picker-cell{padding:.625rem 1.5rem}.cv-syl-picker .cv-syl-sheet{max-width:320px;padding:.75rem}.cv-syl-mute-row{display:flex;justify-content:center;margin-bottom:.5rem}.cv-syl-mute{width:100%!important;font-style:italic;opacity:.8}.voice-syl-grid.cols-3{grid-template-columns:repeat(3,1fr)}.voice-syl-grid.cols-5{grid-template-columns:repeat(5,1fr)}.voice-syl-grid .picker-cell{padding:.45rem .25rem;font-size:.8rem}.picker-sheet-title{font-size:.8rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;text-align:center}.picker-timesig-preview{font-size:2.5rem;font-weight:700;text-align:center;color:var(--color-primary);padding:.5rem 0 1rem;font-variant-numeric:tabular-nums;letter-spacing:.05em}.picker-denom-row{display:flex;gap:.625rem;justify-content:center;margin-bottom:1rem}.picker-denom-btn{width:3.25rem;height:3rem;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .15s}.picker-denom-btn:hover{background:var(--color-surface-hover)}.picker-denom-btn.selected{border-color:var(--color-primary);background:#6366f126;color:var(--color-primary)}.picker-numer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.375rem;margin-bottom:.75rem}.picker-numer-btn{padding:.5rem .25rem;text-align:center;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .1s}.picker-numer-btn:hover{background:var(--color-surface-hover)}.picker-numer-btn.selected{border-color:var(--color-primary);background:#6366f11a;color:var(--color-primary)}.picker-dialog-title{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;text-align:center}.picker-section-label{font-size:.7rem;color:var(--color-text-secondary);margin:0 0 .375rem;font-weight:600}.picker-dialog-footer{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.picker-group-label{font-size:.7rem;color:var(--color-text-secondary);margin:.5rem 0 .25rem;font-weight:600}.picker-grid{display:grid;gap:.375rem}.picker-grid-5{grid-template-columns:repeat(5,1fr)}.picker-grid-3{grid-template-columns:repeat(3,1fr)}.picker-cell{padding:.5rem .25rem;text-align:center;border-radius:8px;border:1px solid var(--color-border);cursor:pointer;font-weight:600;font-size:.8rem;background:var(--color-bg);color:var(--color-text);transition:background .1s,border-color .1s;-webkit-user-select:none;user-select:none}.picker-cell:hover{background:var(--color-surface-hover)}.picker-cell.selected{border-color:var(--color-primary);color:var(--color-primary);background:#6366f11a}.mute-cell{font-style:italic;opacity:.6}.picker-cell.disabled{opacity:.35;cursor:default;pointer-events:none}.picker-cell-sym{font-size:1.2rem;display:block;line-height:1.4}.picker-cell-label{display:block;margin-top:.1rem}.picker-label-ko{display:block;font-size:.6rem;color:var(--color-text-secondary)}.picker-label-en{display:block;font-size:.55rem;color:var(--color-text-secondary);opacity:.75}.picker-trigger{min-width:2.5rem;padding:.375rem .5rem;font-size:.8rem;line-height:1.5;box-sizing:border-box;height:2.125rem}.sec-toggle-btn{width:32px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);font-size:.8rem;line-height:1;cursor:pointer;padding:0;opacity:.9;flex-shrink:0;transition:opacity .15s,background .15s;-webkit-user-select:none;user-select:none}.sec-toggle-btn:hover{opacity:1;background:var(--color-border)}.header-sec-toggle:before{content:"▼"}.mixer-sec-toggle:before{content:"▼"}.player-sec-toggle:before{content:"▼"}.waveform-sec-toggle:before{content:"▲"}.editor-header{position:relative}.header-sec-toggle{margin-left:.25rem}[data-header-collapsed=true] .editor-header>:not(.header-sec-toggle){display:none!important}[data-header-collapsed=true] .editor-header{padding:3px .5rem;min-height:28px;justify-content:flex-end}[data-header-collapsed=true] .header-sec-toggle:before{content:"▶"}.center-panel{position:relative;z-index:2}.waveform-sec-toggle{position:absolute;top:.3rem;right:.75rem;z-index:10}[data-waveform-collapsed=true] .waveform-section{display:none}[data-waveform-collapsed=true] .waveform-sec-toggle:before{content:"▼"}[data-waveform-collapsed=true] .center-panel{padding-top:1.75rem}.mixer-section-wrapper,.player-section-wrapper{position:relative}.mixer-section-wrapper{background:transparent;padding:.1rem 0}.player-section-wrapper{background:#0000001a;border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:.1rem 0}.mixer-sec-toggle,.player-sec-toggle{position:absolute;top:0;right:0;z-index:5}[data-mixer-collapsed=true] .mixer-and-tap{display:none}[data-mixer-collapsed=true] .mixer-section-wrapper{min-height:24px}[data-mixer-collapsed=true] .mixer-sec-toggle:before{content:"▶"}[data-player-collapsed=true] .player-controls{display:none}[data-player-collapsed=true] .player-section-wrapper{min-height:24px}[data-player-collapsed=true] .player-sec-toggle:before{content:"▶"}.btn-add-metronome{background:var(--color-region-bg);color:var(--color-primary-hover);border:1px solid var(--color-region-border);font-weight:600}.btn-add-metronome:hover{border-color:var(--color-primary)}.btn-add-countin{background:var(--color-countin-bg);color:var(--color-accent);border:1px solid var(--color-countin-border);font-weight:600}.btn-add-countin:hover{border-color:var(--color-accent)}.btn-downbeat-analysis{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.35);font-weight:600}.btn-downbeat-analysis:hover{border-color:#10b981}.play-selection-btn{font-size:.6rem;width:1.5rem;text-align:center}.btn-add-gap{background:#94a3b81a;color:var(--color-text);border:1px solid rgba(148,163,184,.3);font-weight:600}.btn-add-gap:hover{border-color:#94a3b899}.btn-analyze-sel{background:var(--color-primary);color:#fff;border:none}.btn-analyze-sel:hover{background:var(--color-primary-hover)}.gap-insert-bar{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;flex-shrink:0}.gap-insert-bar .btn-add-gap{display:inline-flex;align-items:center;gap:.25rem}.gap-insert-bar .region-hint-wrap{display:inline-flex;align-items:center}.gap-insert-bar .gap-info-icon{font-size:.5rem;width:.75rem;height:.75rem;position:relative;top:1px;color:#ffffff80;border-color:#ffffff4d}.gap-insert-bar .gap-hint-tooltip{right:auto;left:0}.gap-insert-bar .gap-hint-tooltip:before{right:auto;left:8px}.region-add-hint{font-size:.6rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;text-align:right}.region-hint-wrap{position:relative;display:inline-flex;align-items:center}.region-hint-tooltip{display:none;position:absolute;top:calc(100% + 6px);right:0;left:auto;transform:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.375rem .625rem;font-size:.65rem;font-weight:400;font-style:normal;color:var(--color-text-secondary);white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #0000004d;pointer-events:none}.region-hint-tooltip:before{content:"";position:absolute;bottom:100%;right:4px;border:4px solid transparent;border-bottom-color:var(--color-border)}.region-hint-tooltip.visible{display:block}.silence-gap-overlay{position:absolute;top:0;bottom:0;background:#00000038;border-left:1px dashed rgba(148,163,184,.45);border-right:1px dashed rgba(148,163,184,.45);pointer-events:none;z-index:1;transition:background .2s,border-color .2s}.silence-gap-overlay.focused{background:#00000061;border-left:2px solid rgba(148,163,184,.85);border-right:2px solid rgba(148,163,184,.85);box-shadow:inset 0 0 0 1px #94a3b840}.downbeat-line{position:absolute;top:0;bottom:0;width:0;border-left:1.5px solid #10b981;pointer-events:none;z-index:2;opacity:.7}.silence-gap-item{display:flex;align-items:center;justify-content:space-between;padding:.375rem .625rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:.25rem;transition:border-color .15s}.silence-gap-item:hover{border-color:#94a3b899}.silence-gap-item.selected{border-color:var(--color-accent);background:#22d3ee0d}.silence-gap-label{font-size:.75rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.375rem;font-variant-numeric:tabular-nums}.silence-gap-icon{font-size:.8rem}.silence-gap-dur{font-weight:600;color:var(--color-text)}:root[data-theme=light] .player-section-wrapper{background:#e8f0fc;border-top-color:#4f52d833}:root[data-theme=light] .editor-footer{background:#4f52d814;border-top-color:#4f52d833}:root[data-theme=light] .tap-pedal-btn-sm{background:radial-gradient(circle at 38% 35%,#7678ed,#4f52d8);border-color:#4048c4;box-shadow:0 3px 7px #4f52d859,0 0 0 1px #3840b8,inset 0 2px 3px #ffffff4d,inset 0 -2px 5px #00000026}:root[data-theme=light] .tap-pedal-btn-sm:active{box-shadow:0 1px 4px #4f52d866,0 0 0 1px #3840b8,inset 0 3px 8px #00000040,inset 0 -1px 2px #ffffff26}:root[data-theme=light] .tap-pedal-label{color:#fff}:root[data-theme=light] .tap-pedal-sub{color:#c7c9f8}:root[data-theme=light] .tap-bpm-display{background:#e8f0fc;border-color:#4f52d84d;color:#2a2d6e}@media(prefers-color-scheme:light){:root:not([data-theme]) .player-section-wrapper{background:#e8f0fc;border-top-color:#4f52d833}:root:not([data-theme]) .editor-footer{background:#4f52d814;border-top-color:#4f52d833}:root:not([data-theme]) .tap-pedal-btn-sm{background:radial-gradient(circle at 38% 35%,#7678ed,#4f52d8);border-color:#4048c4;box-shadow:0 3px 7px #4f52d859,0 0 0 1px #3840b8,inset 0 2px 3px #ffffff4d,inset 0 -2px 5px #00000026}:root:not([data-theme]) .tap-pedal-btn-sm:active{box-shadow:0 1px 4px #4f52d866,0 0 0 1px #3840b8,inset 0 3px 8px #00000040,inset 0 -1px 2px #ffffff26}:root:not([data-theme]) .tap-pedal-label{color:#fff}:root:not([data-theme]) .tap-pedal-sub{color:#c7c9f8}:root:not([data-theme]) .tap-bpm-display{background:#e8f0fc;border-color:#4f52d84d;color:#2a2d6e}}.syllable-pack-editor-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10002;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem}.syllable-pack-editor{background:var(--color-surface);border-radius:var(--radius-md);padding:1rem;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;position:relative}.spe-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.spe-name-input{flex:1;font-size:1rem;font-weight:700;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.375rem .5rem;background:var(--color-bg);color:var(--color-text)}.spe-close-btn{font-size:1.25rem;line-height:1}.spe-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.3rem;margin-bottom:.75rem}.spe-slot{aspect-ratio:1;min-height:2.25rem;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:#ffffff0a;color:var(--color-text-secondary);font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px}.spe-slot.empty{opacity:.45}.spe-slot.recorded{background:#6366f126;border-color:#6366f166;color:var(--color-primary);opacity:1}.spe-slot.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary);transform:scale(1.05);opacity:1}.spe-name-label{flex:1;font-size:1rem;font-weight:700;color:var(--color-text);padding:.375rem .5rem}.spe-slot-mute{background:#ffffff0a;border-color:var(--color-border);color:var(--color-text-secondary);font-style:italic;opacity:.5}.cv-syl-editor{max-width:320px}.spe-tail-row{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.spe-tail-input{width:4rem;padding:.2rem .3rem;font-size:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);text-align:center}.spe-tail-unit{font-size:.7rem;opacity:.7}.spe-info-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;background:var(--color-border);color:var(--color-text-secondary);font-size:.6rem;font-weight:700;font-style:italic;cursor:pointer;margin-left:.25rem;position:relative;flex-shrink:0;vertical-align:middle}.spe-info-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem .6rem;font-size:.7rem;font-style:normal;font-weight:400;color:var(--color-text);white-space:normal;width:max-content;max-width:min(16rem,calc(100vw - 2rem));z-index:100;box-shadow:0 2px 8px #0003;line-height:1.4}.spe-info-tooltip.show{display:block}.spe-save-btn.spe-saving{opacity:.7;pointer-events:none}.spe-save-btn.spe-saving:before{content:"";display:inline-block;width:.75em;height:.75em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spe-spin .6s linear infinite;margin-right:.35em;vertical-align:middle}@keyframes spe-spin{to{transform:rotate(360deg)}}.spe-controls{display:flex;gap:.375rem;justify-content:center;flex-wrap:wrap}.spe-delete-pack-row{display:flex;justify-content:center;margin-top:.25rem}.spe-delete-pack-btn{opacity:.6;font-size:.75rem}.spe-recording-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-md);z-index:10;gap:.5rem}.spe-countdown{font-size:4rem;font-weight:900;color:#ef4444;animation:spe-pulse .5s ease-in-out}.spe-recording-label{font-size:1rem;font-weight:700;color:#ef4444;animation:spe-blink .5s infinite}@keyframes spe-pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes spe-blink{50%{opacity:.3}}.custom-voice-create-pack-btn{font-weight:700}.custom-voice-pattern-grid{display:flex;flex-direction:column;gap:.25rem}.custom-voice-row{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.custom-voice-row-label{font-size:.6rem;font-weight:700;color:var(--color-text-secondary);min-width:1.2rem;text-align:center}.custom-voice-cell{font-size:calc(.45rem * var(--editor-font-scale, 1) * var(--pattern-scale, 1));overflow:hidden;text-overflow:ellipsis}.pattern-scale-btns{display:inline-flex;gap:.2rem;align-items:center;margin-left:.375rem}.pattern-scale-btn{font-size:.65rem;padding:.1rem .35rem;line-height:1}.cv-sync-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:1rem}.cv-sync-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, .75rem);width:auto;min-width:16rem;max-width:min(25rem,calc(100vw - 2rem));max-height:80vh;overflow-y:auto;padding:1rem;box-sizing:border-box}.cv-sync-title{font-size:1.05rem;font-weight:600;margin-bottom:.35rem}.cv-sync-desc{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:1rem}.cv-sync-pack{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm, .5rem);padding:.75rem;margin-bottom:.5rem}.cv-sync-pack-name{font-weight:600;font-size:.9rem;margin-bottom:.2rem}.cv-sync-pack-info{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.5rem}.cv-sync-actions{display:flex;gap:.5rem}.cv-sync-actions .btn{flex:1;font-size:.8rem}.cv-sync-footer{margin-top:.75rem;display:flex;justify-content:flex-end}.cv-sync-checking{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0}.cv-sync-check-msg{font-size:.85rem;color:var(--color-text-secondary)}.cv-sync-progress{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-secondary)}.cv-sync-icon-btn{display:inline-flex!important;align-items:center;justify-content:center}.cv-sync-icon-btn svg{display:block}