.rhyme-canvas{--rc-surface:#17212c;--rc-border:#405165;color:#eef4fb;border:1px solid var(--rc-border);background:#101820;border-radius:1rem;min-width:0;padding:1.25rem;font-size:1rem;line-height:1.5}.rhyme-canvas *{box-sizing:border-box}.rhyme-canvas h2{margin:0;font-size:1.65rem}.rhyme-canvas h3{font-size:1.2rem}.rhyme-canvas small{color:#c4d0de;font-size:.8rem;line-height:1.5;display:block}.rhyme-canvas button,.rhyme-canvas input,.rhyme-canvas select,.rhyme-canvas textarea{font:inherit;color:inherit;max-width:100%}.rhyme-canvas button{cursor:pointer;background:#223143;border:1px solid #61748b;border-radius:.5rem;min-height:2.75rem;padding:.55rem .8rem}.rhyme-canvas button[aria-pressed=true]{background:#39486c;border-color:#b5a2ff}.rhyme-canvas button:disabled{opacity:.5;cursor:not-allowed}.rhyme-canvas :focus-visible{outline-offset:3px;outline:3px solid #ffdf72}.rhyme-canvas input:not([type=checkbox]):not([type=range]),.rhyme-canvas select,.rhyme-canvas textarea{background:#111a24;border:1px solid #61748b;border-radius:.4rem;min-height:2.75rem;padding:.55rem}.rhyme-canvas input[type=number]{width:7rem}.rhyme-canvas label{vertical-align:top;flex-direction:column;gap:.25rem;margin:.25rem .5rem .25rem 0;font-size:.9rem;display:inline-flex}.rhyme-canvas label:has(input[type=checkbox]){flex-direction:row;align-items:center;display:inline-flex}.rhyme-canvas input[type=checkbox]{accent-color:#b5a2ff;width:1.15rem;height:1.15rem}.rhyme-canvas textarea{resize:vertical;width:100%;min-height:5rem}.rc-heading,.rc-row,.rc-position,.rc-families,.rc-tools{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.rc-heading{justify-content:space-between;margin-bottom:1rem}.rc-heading small{letter-spacing:.1em}.rc-sections{gap:.6rem;padding:.4rem 0 1rem;display:flex;overflow-x:auto}.rc-sections button{text-align:left;flex-shrink:0;min-width:9rem}.rc-modes{gap:.5rem;margin:1rem 0;display:flex}.rc-modes button{flex:1;font-weight:700}.rc-transport{z-index:8;background:#182532;border:1px solid #758397;border-radius:.7rem;padding:.8rem;position:sticky;top:.3rem;box-shadow:0 8px 25px #0006}.rc-transport>input[type=range]{accent-color:#fff;width:100%;margin:.5rem 0}.rc-mini{background:repeating-linear-gradient(90deg,#32435a 0 calc(25% - 1px),#79899e 25%);height:.55rem;margin:.5rem 0;position:relative;overflow:hidden}.rc-mini i,.rc-playhead{pointer-events:none;z-index:3;background:#fff;width:3px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #111}.rhyme-canvas .rc-drop{color:#111827;background:#b5a2ff;border-color:#d7cdff;font-weight:700}.rc-families{margin:1rem 0}.rc-families button{text-align:left;border-left-width:5px}.rc-bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.rc-bar{background:var(--rc-surface);border:1px solid var(--rc-border);border-radius:.6rem;min-width:0;padding:.75rem}.rc-bar.rc-active{border-color:#c4b2ff}.rc-bar.rc-group{border-top:3px solid #7e91af}.rc-bar header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.rc-lane{touch-action:pan-y;background-color:#0a111a;background-image:linear-gradient(90deg,#516177 1px,#0000 1px);border-bottom:2px solid #718399;height:4.8rem;margin:.5rem .3rem;position:relative}.rhyme-canvas .rc-target{z-index:4;background:#1a2839;border-width:2px;min-width:2.6rem;max-width:5rem;min-height:3rem;padding:.1rem .35rem;position:absolute;top:.55rem;transform:translate(-50%)}.rc-target small{font-size:.75rem}.rhyme-canvas .rc-planned{border-style:dashed}.rhyme-canvas .rc-suggested{border-style:dotted}.rc-target-editor{background:#1d2739;border:1px solid #b5a2ff;border-radius:.65rem;padding:1rem}.rhyme-canvas details{border-bottom:1px solid #405165;padding:.8rem 0}.rhyme-canvas summary{cursor:pointer;padding:.3rem 0;font-weight:650}.rhyme-canvas a{color:#d0c4ff;text-decoration:underline}.rc-error{color:#ffdce4;background:#491e2c;border-radius:.4rem;padding:.7rem}.rc-tools{margin-top:1rem}.rc-ribbon{background:#0a111a;height:8rem;margin:1rem 0;position:relative;overflow:hidden}.rc-ribbon span{background:#537283;border:1px solid #93c4d3;height:35%;position:absolute;bottom:0}.rc-ribbon i{background:#ffde8f;width:5px;height:4px;position:absolute}.rc-performance audio{max-width:100%;margin:1rem 0;display:block}.rc-practice{background:#1d2739;border:1px solid #657593;border-radius:.65rem;margin:1rem 0;padding:1rem}.rc-practice progress{accent-color:#b5a2ff;width:100%}@media (width<=720px){.rhyme-canvas{padding:.65rem}.rc-bars{grid-template-columns:1fr}.rc-transport{padding:.5rem;position:sticky;top:0}.rc-transport .rc-row:nth-child(2){display:flex}.rc-transport label,.rc-transport .rc-position{font-size:.85rem}.rc-transport button{padding:.35rem .55rem}.rc-heading{gap:.4rem}.rc-heading h2{font-size:1.35rem}.rhyme-canvas input,.rhyme-canvas select,.rhyme-canvas textarea{font-size:1rem}.rc-families button{flex:1;min-width:7rem}}@media (prefers-reduced-motion:reduce){.rhyme-canvas *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.canvas-demo{z-index:90;color:#eef4fb;background:#101820;padding:1rem 1rem 16rem;position:fixed;inset:0;overflow:auto}.rc-demo-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.canvas-demo button,.rc-demo-guide select{font:inherit;color:#fff;background:#243447;border:1px solid #8c9ab0;border-radius:.4rem;padding:.55rem}.rc-demo-guide{color:#fff;z-index:91;background:#253249;border:2px solid #b5a2ff;border-radius:.8rem;width:min(28rem,100vw - 1.2rem);padding:1rem;font-size:1rem;position:fixed;bottom:.6rem;right:.6rem;box-shadow:0 8px 35px #0009}.rc-demo-guide button{margin:.2rem}.rc-demo-guide label{display:block}.rc-span{pointer-events:none;background:#b5a2ff55;border:1px solid #b5a2ff;height:.65rem;position:absolute;bottom:.3rem}.rc-target.rc-accepted{box-shadow:0 0 0 1px #c7d6ec55}.rhyme-canvas{font-size:max(1rem,16px)}.rhyme-canvas label,.rhyme-canvas .rc-bar header{font-size:max(.9rem,14px)}.rhyme-canvas small{font-size:max(.8rem,12px)}.rhyme-canvas input,.rhyme-canvas select,.rhyme-canvas textarea{font-size:max(1rem,16px)}@media (width<=760px){.studio-workspace.canvas-open .studio-topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:0;padding:12px;display:flex;position:relative}.studio-workspace.canvas-open .studio-context-controls{flex:1;min-width:200px}.studio-workspace.canvas-open .writing-mode-switch{flex-wrap:wrap;gap:4px;display:flex}.studio-workspace.canvas-open .writing-mode-switch button{white-space:normal;height:auto;min-height:38px;padding:5px 8px;font-size:12px;line-height:1.4}.studio-workspace.canvas-open .studio-top-actions{justify-content:flex-end;width:100%}.studio-workspace.canvas-open:has(.rhyme-canvas textarea:focus) .studio-bottom-tray{display:none}body:has(.canvas-open .rhyme-canvas textarea:focus) .listening-booth-tab{display:none}}.rhyme-canvas[data-cosmetic=connection] .rc-accepted{box-shadow:0 0 0 2px #b5a2ff55,0 0 12px #b5a2ff44}.rhyme-canvas[data-cosmetic=group] .rc-bar.rc-group header{border-bottom:2px solid #66decd;padding-bottom:.4rem}@media (width<=720px){.rhyme-canvas .rc-transport{max-height:55dvh;overflow:auto}.rhyme-canvas:has(textarea:focus) .rc-transport{position:relative}.canvas-demo .rc-demo-guide{width:100%;font-size:16px;position:sticky;bottom:0}.canvas-demo{padding-bottom:1rem}}@media (width<=760px){.studio-workspace.canvas-open .writing-mode-switch{flex:1;width:100%;min-width:0;height:auto}.studio-workspace.canvas-open .writing-mode-switch button{white-space:normal;flex:1;width:auto;height:auto;min-height:44px;padding:8px;line-height:1.35}.studio-workspace.canvas-open .writing-mode-switch button:after{display:none!important}.studio-workspace.canvas-open .studio-context-controls{flex-basis:100%}.studio-workspace.canvas-open .studio-top-actions{position:static}}.rhyme-canvas .rc-section-settings{border:0;padding:.35rem 0}.rc-section-settings summary{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.rc-section-settings summary span,.rc-playback-options summary span,.rc-muted{color:#becbd8;font-weight:400}.rhyme-canvas .rc-playback-options{border:0;padding:.25rem 0}.rc-playback-options summary{font-size:14px}.rc-playback-options summary span{margin-left:.6rem}.rc-secondary{border-top:1px solid #405165;margin-top:1.5rem;padding-top:1rem}.rc-secondary>h3{margin:0}.rc-muted{margin:.3rem 0 1rem}.rc-heading>span{margin-left:auto;font-size:14px}.rc-families{flex-wrap:nowrap;padding:.5rem 0;overflow-x:auto}.rc-families>button{flex:none;min-width:8rem}.rc-families>input{min-width:12rem}.rc-transport>.rc-row:first-child{gap:.5rem}.rc-transport>.rc-row:first-child>label:first-of-type{flex:1;min-width:8rem}.rc-transport select{width:100%}.rc-position{justify-content:space-between;font-size:14px}.rhyme-canvas .rc-primary-action{color:#101820;background:#b5a2ff;font-weight:700}.rc-target-editor{margin-block:1rem}@media (width<=720px){.rc-heading{justify-content:flex-start}.rc-heading>div{flex-basis:100%}.rc-heading>span{margin-left:0;margin-right:auto}.rhyme-canvas .rc-transport{max-height:none;overflow:visible}.rhyme-canvas .rc-transport:has(.rc-playback-options[open]){max-height:55dvh;overflow:auto}.rc-families>button{flex:none;min-width:7rem}.rc-modes{margin:.65rem 0}.rc-section-settings summary span{font-size:13px}.rc-secondary{margin-top:1rem}}.rhyme-canvas .rc-capture-options{border:0;padding:.2rem 0}.rc-capture-options summary{color:#d3dce8;font-size:14px}.rc-capture-options[open]{flex-basis:100%}.rc-capture-options[open]>.rc-row{padding-top:.5rem}.rc-bar header>span{text-align:right;margin-left:auto}.rc-bar header>button[aria-label]{min-width:36px;min-height:36px;padding:.35rem}.rhyme-canvas .rc-heading{margin-bottom:.5rem}.rc-section-strip{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.rc-section-strip .rc-sections{flex:1;min-width:0;padding:.25rem 0}.rc-section-strip .rc-section-settings[open]{flex-basis:100%}.rc-section-strip .rc-section-settings summary{gap:.5rem;font-size:14px}.rc-family-panel{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin:.5rem 0;display:flex}.rc-family-panel .rc-families{flex:1;min-width:0;margin:0;padding:.25rem 0}.rhyme-canvas .rc-family-settings{border:0;padding:.25rem 0}.rc-family-settings[open]{flex-basis:100%}.rhyme-canvas .rc-bars{margin:.5rem 0 1rem}@media (width>=980px){.rhyme-canvas .rc-transport{grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;display:grid}.rc-transport>:not(:first-child):not(.rc-playback-options){grid-column:1/-1}.rc-transport .rc-playback-options{align-self:center}.rc-transport .rc-playback-options[open]{grid-area:2/1/auto/-1}.rc-transport .rc-playback-options summary span{margin-left:0;display:block}.rc-transport>.rc-row:first-child>label{flex-flow:row;align-items:center}.rc-transport>.rc-row:first-child>label>select{min-width:0}}@media (width<=720px){.rc-section-strip .rc-section-settings,.rc-family-panel .rc-family-settings{flex-basis:100%}}.studio-workspace.canvas-open .listening-booth-tab{width:auto;min-height:44px;box-shadow:none;border:1px solid #6558a2;border-radius:.6rem;flex-direction:row;margin:1rem;padding:.6rem 1rem;position:static}.studio-workspace.canvas-open .listening-booth-tab>span{writing-mode:horizontal-tb;transform:none}.studio-workspace.canvas-open .listening-booth-tab b{font-size:14px}.studio-workspace.canvas-open{overflow:clip visible}.studio-workspace:has(>.canvas-tool-return){overflow:clip visible}.rhyme-canvas [hidden]{display:none!important}.rhyme-canvas .rc-dock{z-index:8;background:#101820;border-radius:.7rem;padding-top:.2rem;position:sticky;top:.3rem}.rhyme-canvas .rc-dock .rc-transport{max-height:none;position:static;overflow:visible}.rc-dock .rc-modes{gap:.4rem;margin:0 0 .4rem}.rc-work-context,.rc-context-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.rc-work-context{padding:.3rem 0 .55rem;font-size:.9rem}.rc-work-context>span{flex:1;min-width:0}.rc-work-context small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.875rem;overflow:hidden}.rc-context-actions{margin:.75rem 0}.rc-context-actions button{font-size:.875rem}.rc-bar{flex-direction:column;scroll-margin-top:22rem;display:flex}.rc-bar header{order:0}.rc-bar textarea{order:1}.rc-bar .rc-lane{order:2}.rc-bar details{order:3}.rhyme-canvas[data-mode=paint] .rc-bar .rc-lane{order:1}.rhyme-canvas[data-mode=paint] .rc-bar textarea{order:2}.rc-perform-lyrics{gap:.5rem;margin:1rem 0;display:grid}.rc-perform-lyrics button{text-align:left;align-items:baseline;gap:1rem;width:100%;scroll-margin-top:20rem;display:flex}.rc-perform-lyrics button>b{flex:none;font-size:.875rem}.rc-perform-lyrics button>span{white-space:pre-wrap;flex:1}.rc-perform-lyrics .rc-sounding{background:#173a38;border-left:4px solid #66decd}.rhyme-canvas .rc-recording{background:#4c2430;border-color:#ff9bac}.canvas-tool-return{color:#eef4fb;font:inherit;background:#1d2739;border:1px solid #8173aa;border-radius:.6rem;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem 0;padding:.75rem;display:flex}.canvas-tool-return>span{min-width:0}.canvas-tool-return small{overflow-wrap:anywhere;color:#d5deec;font-size:14px;line-height:1.5;display:block}.canvas-tool-return button{color:#111827;min-height:44px;font:inherit;background:#b5a2ff;border:0;border-radius:.4rem;flex:none;padding:.6rem;font-weight:600}.studio-workspace>.canvas-tool-return{z-index:30;position:sticky;top:66px}@media (width>=761px){.studio-workspace.canvas-open .rc-dock{top:66px}}.rc-mobile-audio{display:none}@media (width<=720px){.rhyme-canvas .rc-dock{top:0}.rhyme-canvas .rc-transport>.rc-row:first-child>label{display:none}.rc-mobile-audio{gap:.5rem;display:flex}.rc-mobile-audio label{min-width:0}.rc-mobile-audio label:first-child{flex:1}.rhyme-canvas:has(textarea:focus) .rc-dock{position:sticky}.rhyme-canvas:has(textarea:focus) .rc-work-context{display:none}.rhyme-canvas:has(textarea:focus) .rc-transport>:not(.rc-row:first-child){display:none}.rhyme-canvas:has(textarea:focus) .rc-transport>.rc-row:first-child>label{display:none}.rhyme-canvas:has(textarea:focus) .rc-transport{padding:.35rem}.rc-work-context{gap:.3rem;font-size:14px}.rc-work-context button{padding:.4rem;font-size:14px}.rc-dock:has(.rc-playback-options[open]){max-height:65dvh;overflow:auto}.rc-context-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rc-perform-lyrics button{gap:.6rem}.canvas-tool-return{flex-wrap:wrap}}.canvas-demo{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:1rem;padding:1rem 1rem 3rem;font-size:16px;line-height:1.55;display:grid}.canvas-demo>.rc-demo-header{grid-column:1/-1;margin:0}.canvas-demo>.rhyme-canvas{grid-area:2/1;min-width:0}.canvas-demo>.rc-demo-guide{width:auto;max-height:calc(100dvh - 2rem);box-shadow:none;grid-area:2/2;position:sticky;top:0;bottom:auto;right:auto;overflow:auto}.rc-demo-guide h2{margin:.5rem 0;font-size:1.25rem;line-height:1.3}.rc-demo-guide p{margin:.8rem 0}.rc-demo-guide small{font-size:14px}.rc-demo-guide select{width:100%;max-width:100%;font:inherit;margin:.4rem 0}.rc-demo-guide details{border-top:1px solid #657593;padding:.75rem 0}.rc-demo-guide summary{cursor:pointer;font-weight:600}.rc-demo-guide a{color:#e3d9ff;margin-top:.7rem;text-decoration:underline;display:block}.rc-demo-check,.rc-demo-notice{border-left:3px solid #b5a2ff;padding-left:.65rem}.rc-demo-navigation{justify-content:space-between;gap:.5rem;display:flex}.canvas-demo button:focus-visible,.rc-demo-guide select:focus-visible,.rc-demo-guide summary:focus-visible{outline-offset:2px;outline:3px solid #ffde8f}.canvas-guide-table{margin:1rem 0;overflow-x:auto}.canvas-guide-table table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.6}.canvas-guide-table th,.canvas-guide-table td{text-align:left;vertical-align:top;border-bottom:1px solid #526078;padding:.75rem}.canvas-guide-table th{font-weight:700}@media (width<=900px){.canvas-demo{flex-direction:column;padding:.75rem .75rem 2rem;display:flex}.canvas-demo>.rc-demo-header,.canvas-demo>.rc-demo-guide,.canvas-demo>.rhyme-canvas{flex-shrink:0;width:100%}.canvas-demo>.rc-demo-guide{max-height:none;position:static}.canvas-demo>.rhyme-canvas .rc-bars{grid-template-columns:1fr}}.canvas-demo [data-tour=canvas-context-tools],.canvas-demo [data-tour=canvas-families],.canvas-demo [data-tour=canvas-patterns],.canvas-demo [data-tour=canvas-practice],.canvas-demo [data-tour=canvas-perform]{scroll-margin-top:24rem}