:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f8fafc;background:#020409;--music-accent: #f08aad;--music-accent-strong: #e64f8f;--music-accent-blue: #397de2;--music-panel-start: rgba(16,24,34,.98);--music-panel-end: rgba(5,12,21,.98);--music-panel-border: rgba(244,114,182,.28);--music-primary-gradient: linear-gradient(100deg, var(--music-accent-strong), var(--music-accent-blue))}.song-remix-layer{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:1rem;background:#050608db;-webkit-backdrop-filter:blur(12px) saturate(.7);backdrop-filter:blur(12px) saturate(.7)}.song-remix-panel{position:relative;width:min(76rem,100%);max-height:calc(100svh - 2rem);overflow:auto;border:1px solid #34363a;border-radius:.75rem;color:#f2f0eb;background:#111316;box-shadow:0 28px 80px #0000009e}.song-remix-header,.song-remix-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;background:#121417fa}.song-remix-header{position:sticky;top:0;z-index:2;border-bottom:1px solid #303238}.song-remix-header h2,.song-remix-header p{margin:.1rem 0}.song-remix-header h2{font-family:ui-serif,Georgia,Cambria,serif;font-size:1.65rem;font-weight:600;letter-spacing:-.02em}.song-remix-header p{color:#aaa69e;font-size:.84rem}.song-remix-header small{color:#df7894;font-weight:800;letter-spacing:.09em}.song-remix-header small span{margin-left:.35rem;padding:.12rem .32rem;border:1px solid #4a4b4f;border-radius:.2rem;color:#aaa69e;font-size:.62rem;letter-spacing:.06em}.song-remix-header-actions{display:flex;align-items:center;gap:.35rem}.song-remix-header-actions button{display:inline-grid;width:2.25rem;height:2.25rem;border:1px solid #36383d;border-radius:.35rem;color:#b8b5ae;place-items:center;background:#1b1d21}.song-remix-header-actions .song-remix-close{width:2.5rem;height:2.5rem;margin-left:.2rem;padding:0;border-color:#6d3d4b;border-radius:50%;color:#eaa1b5;background:#24191e}.song-remix-header-actions .song-remix-close .material-icon{width:1.25rem;height:1.25rem}.song-remix-toolbar{position:sticky;top:5.7rem;z-index:1;display:flex;flex-wrap:wrap;align-items:stretch;gap:.55rem;padding:.7rem 1.2rem;border-bottom:1px solid #303238;background:#121417fa}.song-remix-toolbar>label,.song-remix-quick-styles{display:grid;align-content:center;gap:.28rem;min-height:3.35rem;padding:.24rem .4rem;color:#cbd5e1}.song-remix-toolbar small{color:#8f8b84;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.song-remix-toolbar label span,.song-remix-tools{display:flex;align-items:center;gap:.3rem}.song-remix-tempo-control span{color:#94a3b8;font-size:.66rem}.song-remix-tempo-control b{font-size:.66rem}.song-remix-toolbar input{width:4.5rem;min-height:2.25rem;border:1px solid #45474c;border-radius:.35rem;color:#f2f0eb;background:#0d0f11}.song-remix-toolbar button{min-height:2.25rem;padding:.3rem .65rem;border:1px solid #45474c;border-radius:.35rem;color:#d6d2ca;background:#1a1c20;transition:border-color .14s ease,background .14s ease}.song-remix-toolbar button:not(:disabled):hover{border-color:#df7894;background:#252126}.song-remix-toolbar output{min-width:2rem;color:#df7894;text-align:center;font-weight:850}.song-remix-tempo-control>span{gap:.25rem}.song-remix-tempo-control>span>button{width:2rem;min-height:2.25rem;padding:0;font-size:1rem}.song-remix-tempo-value{position:relative;display:block!important}.song-remix-tempo-value input{width:5.25rem;padding-right:2rem;text-align:center;appearance:textfield}.song-remix-tempo-value input::-webkit-inner-spin-button,.song-remix-tempo-value input::-webkit-outer-spin-button{margin:0;appearance:none}.song-remix-tempo-value b{position:absolute;top:50%;right:.48rem;color:#8f8b84;font-size:.58rem;font-weight:800;letter-spacing:.04em;pointer-events:none;text-transform:uppercase;transform:translateY(-50%)}.song-remix-quick-styles{margin-left:.3rem;padding-left:.75rem!important;border-left:1px solid #303238}.song-remix-tools{gap:0;overflow:hidden;border:1px solid #45474c;border-radius:.35rem}.song-remix-tools button{min-height:2.25rem;border:0;border-right:1px solid #3b3d42;border-radius:0;background:#191b1e}.song-remix-tools button:last-child{border-right:0}.song-remix-tools button:not(:disabled):hover{color:#f2d5dd;background:#2b2025}.song-remix-tools button:disabled{color:#5f5c57;background:#151619;cursor:not-allowed}.song-remix-tools button[aria-pressed=true]{color:#1c1115;font-weight:850;background:#df7894;cursor:default}.song-remix-tools button[aria-pressed=true]:before{margin-right:.3rem;content:"✓"}.song-remix-variation-feedback{min-height:.8rem;color:#8f8b84;font-size:.62rem;line-height:1.2}.song-remix-mobile-tabs{display:none}.song-remix-body{display:grid;grid-template-columns:minmax(20rem,.8fr) minmax(30rem,1.2fr);gap:1rem;padding:1rem 1.2rem}.song-remix-body>section{padding:1rem;border:1px solid #303238;border-radius:.5rem;background:#17191c;box-shadow:inset 0 1px #ffffff05}.song-remix-pane.is-pads{align-self:start}.song-remix-body h3{display:flex;align-items:center;gap:.55rem;margin:0 0 .7rem;color:#f8fafc}.song-remix-body h3 i,.song-remix-footer p>b{display:inline-grid;flex:0 0 1.65rem;width:1.65rem;height:1.65rem;border:1px solid #5a454c;border-radius:50%;place-items:center;color:#e7a7b8;font-size:.76rem;font-style:normal;font-weight:900;background:#241b1f}.song-remix-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.song-remix-section-title span{color:#94a3b8;font-size:.75rem}.section-type-intro{--section-hue: 205}.section-type-verse{--section-hue: 272}.section-type-pre-chorus{--section-hue: 315}.section-type-chorus{--section-hue: 335}.section-type-bridge{--section-hue: 168}.section-type-breakdown{--section-hue: 38}.section-type-solo{--section-hue: 22}.section-type-outro{--section-hue: 220}.song-remix-timeline{display:flex;gap:.35rem;overflow-x:auto;margin:-.1rem 0 .65rem;padding:.2rem 0 .35rem;scrollbar-width:thin}.song-remix-timeline button{display:grid;flex:0 0 6rem;grid-template-columns:auto 1fr;gap:.05rem .3rem;min-height:3rem;padding:.35rem .45rem;border:1px solid #3a3c41;border-radius:.3rem;color:#c9c5bd;text-align:left;background:#1c1e22;transition:border-color .14s ease,background .14s ease}.song-remix-timeline button:hover{border-color:#77746d;background:#222428}.song-remix-timeline button[aria-pressed=true]{border-color:#df7894;color:#f4f0e8;background:#302128;box-shadow:inset 3px 0 #df7894}.song-remix-timeline button.is-drop-target{border-color:#8fbd99;color:#f0fff2;background:#263e2e;box-shadow:inset 0 0 0 1px #8fbd99}.song-remix-timeline button.is-playing{border-color:#668fbd;box-shadow:inset 0 -2px #668fbd}.song-remix-timeline b{color:#df7894}.song-remix-timeline span{overflow:hidden;color:inherit;font-size:.72rem;font-weight:800;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.song-remix-timeline small{grid-column:2;color:#8f8b84;font-size:.62rem;white-space:nowrap}.song-remix-pads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.song-remix-pads>div{position:relative}.song-remix-pads>div>button:first-child{display:grid;width:100%;min-height:4.4rem;border:1px solid #3b3d42;border-radius:.4rem;color:#e5e1d9;background:#202226;box-shadow:inset 0 1px #ffffff0a,inset 0 -2px #00000047;transition:border-color .14s ease,background .14s ease,transform .08s ease}.song-remix-pads>div>button[draggable=true]{cursor:grab}.song-remix-pads>div>button[draggable=true]:active{cursor:grabbing}.song-remix-pads>div.is-dragging{opacity:.48}.song-remix-pads>div>button:first-child:not(:disabled):hover{border-color:#706d67;background:#26282c}.song-remix-pads button span{font-size:1.05rem;font-weight:850}.song-remix-pads button[aria-pressed=true]{border-color:#df7894;background:#33242a;box-shadow:inset 3px 0 #df7894,inset 0 -2px #00000040}.song-remix-pads .song-remix-pad-play{position:absolute;right:.18rem;bottom:.18rem;width:1.65rem;height:1.65rem;border:1px solid #4b4d52;border-radius:.3rem;color:#d9d5cd;background:#15171a;transition:border-color .14s ease,background .14s ease,transform .08s ease}.song-remix-pads .song-remix-pad-play:hover{border-color:#668fbd;color:#fff;background:#253445}.song-remix-pads .song-remix-pad-play:active{transform:scale(.92)}.song-remix-pads small{color:#aebbd0;font-size:.72rem;font-weight:750;letter-spacing:.01em}.song-remix-pad-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem;border:1px solid #35373c;border-radius:.4rem;background:#15171a}.song-remix-pad-editor legend{color:#df7894;font-weight:800}.song-remix-pad-editor label{display:grid;gap:.25rem;font-size:.8rem;font-weight:750}.song-remix-selected-chord{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .7rem;border-bottom:1px solid #303238}.song-remix-selected-chord>span{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:.05rem .5rem}.song-remix-selected-chord small{grid-column:1 / -1;color:#8f8b84;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.song-remix-selected-chord strong{color:#f2f0eb;font-family:ui-serif,Georgia,serif;font-size:1.4rem;font-weight:600}.song-remix-selected-chord em{color:#8f8b84;font-size:.68rem;font-style:normal}.song-remix-selected-chord button{display:inline-flex;align-items:center;gap:.3rem;min-height:2.1rem;padding:.3rem .55rem;border:1px solid #668fbd;border-radius:.3rem;color:#c9ddf2;background:#182330}.song-remix-selected-chord-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.song-remix-selected-chord-actions button:last-child{border-color:#6f9d78;color:#e4f5e7;background:#263e2e}.song-remix-advanced-fields{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,1fr);gap:.5rem}.song-remix-more-controls{grid-column:1 / -1;justify-self:start;min-height:1.8rem;padding:.2rem 0;border:0;color:#8da2c4;font-size:.7rem;font-weight:750;text-decoration:underline;text-underline-offset:.18rem;background:transparent}.song-remix-panel select{min-width:0;min-height:2.35rem;border:1px solid #45474c;border-radius:.3rem;color:#f2f0eb;background:#0d0f11}.song-remix-panel select:focus{border-color:var(--music-accent);outline:2px solid rgba(244,114,182,.14)}.song-remix-sections{display:grid;gap:.55rem}.song-remix-sections article{overflow:hidden;border:1px solid rgba(100,116,139,.28);border-radius:.8rem;background:#0206175c}.song-remix-sections article.is-expanded{border-color:#f472b66b;box-shadow:inset 3px 0 #f472b6a6}.song-remix-sections article>header{display:flex;align-items:center;gap:.4rem;padding:.45rem}.song-remix-sections article>header>div{display:flex;gap:.25rem}.song-remix-sections article>header button{min-height:2.15rem;border:1px solid rgba(96,165,250,.25);border-radius:.45rem;color:#dbeafe;background:#1e40af24}.song-remix-icon-action{display:inline-grid;width:2.15rem;padding:0;place-items:center}.song-remix-icon-action .material-icon{width:1rem;height:1rem}.song-remix-icon-action.is-destructive{border-color:#f472b657;color:#f9a8d4;background:#be185d1f}.song-remix-section-toggle{display:flex;flex:1;align-items:center;justify-content:space-between;padding:.35rem .65rem;text-align:left}.song-remix-section-toggle b{color:#f8fafc;text-transform:capitalize}.song-remix-section-toggle span{color:#94a3b8;font-size:.72rem}.song-remix-section-editor{padding:.7rem;border-top:1px solid rgba(148,163,184,.16)}.song-remix-section-fields{display:flex;align-items:end;gap:.5rem;margin-bottom:.55rem}.song-remix-section-fields label{display:grid;gap:.15rem;color:#cbd5e1;font-size:.72rem;font-weight:800}.song-remix-section-fields input{width:4rem;min-height:2.35rem;border:1px solid #45474c;border-radius:.3rem;color:#f2f0eb;background:#0d0f11}.song-remix-section-fields button,.song-remix-add-section{min-height:2.35rem;padding:.4rem .7rem;border:1px solid #45474c;border-radius:.3rem;color:#d6d2ca;background:#1a1c20}.song-remix-selected-section{overflow:hidden;border:1px solid #3a3c41;border-radius:.45rem;background:#131518;box-shadow:inset 3px 0 #df7894}.song-remix-selected-section>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.75rem .85rem;border-bottom:1px solid rgba(148,163,184,.16)}.song-remix-selected-section>header h4,.song-remix-selected-section>header p{margin:0}.song-remix-selected-section>header h4{color:#fff;font-size:1.02rem;text-transform:capitalize}.song-remix-selected-section>header p,.song-remix-selected-section>header small{color:#94a3b8;font-size:.68rem}.song-remix-selected-section .song-remix-section-fields{margin:0}.song-remix-selected-section .song-remix-section-editor{border-top:0}.song-remix-phrase-strip{display:flex;gap:.2rem;overflow-x:auto;margin:0 0 .6rem;padding:0 0 .4rem;scrollbar-width:thin}.song-remix-phrase-strip button{display:grid;flex:0 0 auto;min-width:4.5rem;min-height:2.5rem;gap:.08rem;padding:.3rem .45rem;border:1px solid #383a3f;border-radius:.25rem;color:#c9c5bd;text-align:left;background:#1b1d20}.song-remix-phrase-strip button:hover{border-color:#77746d}.song-remix-phrase-strip button{cursor:grab}.song-remix-phrase-strip button:active{cursor:grabbing}.song-remix-phrase-strip button.is-dragging{opacity:.42}.song-remix-phrase-strip button.is-drop-target{border-color:#8fbd99;background:#263e2e;box-shadow:inset 3px 0 #8fbd99}.song-remix-phrase-strip button.is-playing{border-color:#668fbd;background:#1b2835;box-shadow:inset 0 -2px #668fbd}.song-remix-phrase-strip b{overflow:hidden;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.song-remix-phrase-strip small{color:#8f8b84;font-size:.58rem}.song-remix-phrase-strip .song-remix-drop-end{min-width:4.8rem;border-style:dashed;color:#8f8b84;cursor:copy;place-items:center;text-align:center}.song-remix-sequence-header{display:grid;grid-template-columns:2rem minmax(0,1.5fr) minmax(6rem,.65fr) auto;gap:.35rem;padding:.15rem .4rem .3rem;color:#8f8b84;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.song-remix-step-pager{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem;padding:.35rem .1rem;border-bottom:1px solid #303238;color:#aaa69e;font-size:.72rem;font-weight:750}.song-remix-step-pager div{display:flex;gap:.35rem}.song-remix-step-pager button{min-height:2rem;padding:.25rem .55rem;border:1px solid #45474c;border-radius:.3rem;color:#d6d2ca;background:#1a1c20}.song-remix-steps{display:grid;gap:0;max-height:23rem;overflow:auto;margin:0;padding:0;border-top:1px solid #2f3135;list-style:none}.song-remix-steps li{display:grid;grid-template-columns:2rem minmax(0,1.4fr) minmax(0,.7fr) 2.2rem 2.2rem 2.2rem;gap:.35rem;align-items:center;padding:.35rem .4rem;border:0;border-bottom:1px solid #2f3135;border-radius:0;background:transparent}.song-remix-selected-section .song-remix-steps li{transition:border-color .14s ease,background .14s ease}.song-remix-selected-section .song-remix-steps li:hover{border-color:#484a4f;background:#1d1f22}.song-remix-selected-section .song-remix-steps li.is-drop-target{position:relative;z-index:1;background:#263e2e;box-shadow:inset 0 3px #8fbd99}.song-remix-selected-section .song-remix-steps li.is-drop-target:before{position:absolute;z-index:2;top:0;left:.25rem;width:.55rem;height:.55rem;border-radius:50%;content:"";background:#8fbd99;transform:translateY(3px)}.song-remix-selected-section .song-remix-steps li.is-reorder-target{box-shadow:inset 0 0 0 1px #8fbd99}.song-remix-selected-section .song-remix-steps li.is-reorder-target:before{top:50%;left:.65rem;width:auto;height:auto;color:#8fbd99;font-size:1rem;content:"↕";background:transparent;transform:translate(-50%,-50%)}.song-remix-selected-section .song-remix-steps li.is-dragging{opacity:.45}.song-remix-section-editor.is-drop-target{outline:1px dashed #8fbd99;outline-offset:-.3rem;background:#263e2e47}.song-remix-steps li.is-simple{grid-template-columns:2rem minmax(0,1.5fr) minmax(6rem,.65fr) auto}.song-remix-steps li.is-playing{border-color:#60a5fa;background:linear-gradient(90deg,#2563eb40,#be185d24);box-shadow:0 0 0 2px #60a5fa24}.song-remix-row-drag-handle{display:flex;align-items:center;justify-content:center;gap:.15rem;min-width:0;min-height:2.35rem!important;padding:0!important;border:0!important;color:#77736c!important;cursor:grab;background:transparent!important}.song-remix-row-drag-handle:active{cursor:grabbing}.song-remix-row-drag-handle:hover,.song-remix-row-drag-handle:focus-visible{color:#d6d2ca!important}.song-remix-row-drag-handle span{font-size:.72rem;line-height:1}.song-remix-row-drag-handle b{color:#aaa69e;font-size:.78rem}.song-remix-steps li.is-playing .song-remix-row-drag-handle b{color:#9fc1e5}.song-remix-steps label{display:grid;gap:.15rem;color:#cbd5e1;font-size:.72rem;font-weight:750}.song-remix-row-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.song-remix-length-meter{display:block;height:2px;overflow:hidden;background:#303238}.song-remix-length-meter i{display:block;height:100%;min-width:4px;background:#df7894}.song-remix-steps button,.song-remix-add{min-height:2.35rem;border:1px solid #45474c;border-radius:.3rem;color:#c9c5bd;background:#1a1c20}.song-remix-remove-chord{min-width:4.5rem;padding-inline:.65rem;border-color:transparent!important;color:#8f8b84!important;opacity:0;background:transparent!important;transition:opacity .12s ease,color .12s ease}.song-remix-steps li:hover .song-remix-remove-chord,.song-remix-steps li:focus-within .song-remix-remove-chord{opacity:1}.song-remix-add{margin-top:.6rem;padding:.4rem .8rem;border-color:#7b4b59;color:#efb1c2;font-weight:800;background:#261b20}.song-remix-section-actions{margin-top:.65rem;border-top:1px solid rgba(148,163,184,.14)}.song-remix-section-actions summary{padding:.65rem 0 .15rem;color:#94a3b8;font-size:.72rem;font-weight:800;cursor:pointer}.song-remix-section-actions>div{display:flex;flex-wrap:wrap;gap:.35rem;padding-top:.4rem}.song-remix-section-actions button{min-height:2.1rem;padding:.3rem .65rem;border:1px solid rgba(96,165,250,.26);border-radius:.5rem;color:#cbd5e1;background:#1e40af1f}.song-remix-section-actions button.is-destructive{border-color:#f472b64d;color:#f9a8d4;background:#be185d1a}.song-remix-add-section{width:100%;margin-top:.65rem;font-weight:850}.song-remix-footer{position:sticky;bottom:0;border-top:1px solid rgba(244,114,182,.22)}.song-remix-footer p{display:flex;align-items:center;gap:.5rem;margin:0;color:#cbd5e1}.song-remix-footer .song-remix-mobile-history{display:none}.song-remix-footer div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.song-remix-footer button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:2.65rem;padding:.45rem .85rem;border:1px solid #494b50;border-radius:.35rem;color:#ddd9d1;font-weight:800;background:#1b1d20}.song-remix-footer .song-remix-transport button:first-child{border-color:#df7894;color:#1c1115;background:#df7894}.song-remix-footer .song-remix-use{border-color:#5a5c61;color:#d6d2ca;background:#202226}.song-remix-footer button:not(:disabled){transition:border-color .14s ease,background .14s ease}.song-remix-footer button:not(:disabled):hover{border-color:#d0cbc1;background:#25272b}.song-remix-footer button:last-child{border-color:#668fbd;color:#c9ddf2;background:#182330;box-shadow:none}.song-remix-footer .song-remix-share:not(.requires-sign-in){border-color:#6f9d78;color:#f4fff6;background:#326b46}.song-remix-footer .song-remix-share:not(.requires-sign-in):hover{border-color:#9bc9a4;background:#3d7c52}.song-remix-footer .song-remix-share.requires-sign-in{border-color:#6f9d78;color:#f4fff6;background:#326b46;box-shadow:none}.song-remix-footer .song-remix-share.requires-sign-in:hover{border-color:#9bc9a4;background:#3d7c52}@media(max-width:900px){.song-remix-layer{place-items:end center;padding:.4rem}.song-remix-panel{max-height:calc(100svh - .8rem);border-radius:.55rem}.song-remix-toolbar{gap:.4rem;padding:.6rem .8rem}.song-remix-toolbar>label,.song-remix-quick-styles{padding:.32rem .45rem}.song-remix-toolbar button{padding-inline:.52rem}.song-remix-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin:.65rem .8rem 0;padding:.25rem;border:1px solid #35373c;border-radius:.4rem;background:#15171a}.song-remix-mobile-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.55rem;border:0;border-radius:.25rem;color:#9d9991;font-weight:800;background:transparent}.song-remix-mobile-tabs button[aria-pressed=true]{color:#1d1216;background:#df7894;box-shadow:none}.song-remix-mobile-tabs span{min-width:1.55rem;padding:.12rem .35rem;border-radius:999px;color:#dbeafe;font-size:.68rem;background:#0f172a8c}.song-remix-body{grid-template-columns:1fr}.song-remix-pane:not(.is-mobile-active){display:none}.song-remix-toolbar{position:static}.song-remix-tools{width:100%;overflow-x:auto}.song-remix-pad-editor,.song-remix-advanced-fields{grid-template-columns:1fr}.song-remix-selected-section>header{align-items:stretch;flex-direction:column}.song-remix-sections article>header{align-items:stretch;flex-direction:column}.song-remix-sections article>header>div{flex-wrap:wrap}.song-remix-steps li,.song-remix-steps li.is-simple{grid-template-columns:1.4rem minmax(0,1fr) minmax(5rem,.65fr)}.song-remix-steps li.is-simple .song-remix-remove-chord{grid-column:2 / -1;justify-self:end}.song-remix-remove-chord{opacity:1}.song-remix-sequence-header{grid-template-columns:1.4rem minmax(0,1fr) minmax(5rem,.65fr)}.song-remix-steps li>button{min-height:2rem}.song-remix-footer{align-items:stretch;flex-direction:column;gap:.45rem;padding:.65rem .8rem}.song-remix-footer p{font-size:.78rem}.song-remix-footer .song-remix-transport{display:grid;grid-template-columns:1.25fr 1.05fr 1.12fr 1.12fr;gap:.35rem}.song-remix-footer .song-remix-transport.is-guest{grid-template-columns:1.25fr 1.05fr 1.35fr}.song-remix-footer button{min-width:0;min-height:2.45rem;padding:.38rem .5rem;font-size:.76rem;white-space:nowrap}}@media(max-width:480px){.song-remix-header-actions button:not(.song-remix-close){display:none}.song-remix-toolbar>label{flex:1 1 7rem}.song-remix-quick-styles{order:3;width:100%}.song-remix-toolbar .song-remix-quick-styles{margin-left:0;padding-left:.45rem!important;border-left:0}.song-remix-tools{justify-content:space-between}.song-remix-toolbar .song-remix-tools button{padding-inline:.45rem;font-size:.74rem}.song-remix-footer .song-remix-transport,.song-remix-footer .song-remix-transport.is-guest{grid-template-columns:1.25fr .75fr}.song-remix-footer .song-remix-transport button:last-child{grid-column:1 / -1}.song-remix-footer p{padding-right:4.75rem}.song-remix-footer .song-remix-mobile-history{position:absolute;top:.55rem;right:.8rem;display:flex;gap:.25rem}.song-remix-mobile-history button{width:2rem;min-height:2rem;height:2rem;padding:0;border-color:#60a5fa40;color:#bfdbfe;background:#1e40af1f}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{overflow:hidden;background:#020409}button,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.material-icon{display:inline-block;width:1.25rem;height:1.25rem;flex:0 0 auto;background:currentColor;-webkit-mask:var(--material-icon-url) center / contain no-repeat;mask:var(--material-icon-url) center / contain no-repeat}.app-shell,.camera-stage{min-height:100vh}.camera-stage{position:relative;overflow:hidden;background:#020409}video{display:block;width:100%;height:100vh;object-fit:contain;object-position:center;background:#020409}.mirrored{transform:scaleX(-1)}.camera-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,4,9,.18),transparent 40%,rgba(2,4,9,.22))}.brand-mark{position:absolute;top:1rem;left:1.15rem;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-shadow:0 2px 12px #000;opacity:.78}.free-account-watermark{position:absolute;z-index:9;right:1.25rem;bottom:1.1rem;display:flex;align-items:flex-end;flex-direction:column;gap:.14rem;padding:.35rem;border:0;background:transparent;cursor:pointer;color:#fbfbfb7a;font-size:clamp(.7rem,1vw,.9rem);font-weight:850;letter-spacing:.14em;text-shadow:0 2px 10px rgba(0,0,0,.85);-webkit-user-select:none;user-select:none}.free-account-watermark:hover,.free-account-watermark:focus-visible{color:#bef264cc;outline:none}.free-account-watermark strong{font:inherit}.free-account-watermark small{color:#fbfbfb61;font-size:.68em;font-weight:750;letter-spacing:.08em;text-transform:lowercase}.songs-button{position:absolute;z-index:10;top:.75rem;right:1rem;min-height:2.3rem;padding:.4rem .8rem;border:1px solid rgba(103,232,249,.5);border-radius:.65rem;color:#e0f2fe;font-weight:850;background:#03070fd1;box-shadow:0 8px 24px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.songs-button:hover,.songs-button:focus-visible{border-color:#67e8f9;background:#0e74908c}.library-count{display:inline-block;margin-left:.35rem;padding:.12rem .3rem;border-radius:999px;color:#bae6fd;font-size:.7rem;font-weight:750;background:#0e749073}.top-actions{position:absolute;z-index:10;top:.75rem;right:1rem;display:flex;gap:.45rem}.account-status{position:absolute;z-index:11;top:3.35rem;right:.9rem;display:flex;max-width:24rem;align-items:center;gap:.65rem;margin:0;padding:.5rem .6rem;border:1px solid rgba(251,191,36,.45);border-radius:.5rem;color:#fde68a;font-size:.72rem;background:#03070feb;box-shadow:0 .5rem 1.5rem #0000004d}.account-status>div{display:flex;gap:.3rem;flex:0 0 auto}.account-status button{min-height:1.7rem;padding:.2rem .45rem;border:1px solid rgba(253,230,138,.35);border-radius:.35rem;color:#fff7cc;font-size:.65rem;font-weight:750;background:#92400e80}.account-status button:last-child{width:1.7rem;padding:0;color:#cbd5e1;border-color:#94a3b840;background:transparent}.login-page{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1.25rem;background:#020617c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card{position:relative;width:min(29rem,100%);padding:2.5rem 2.5rem 2rem;border:1px solid rgba(148,163,184,.22);border-radius:1.25rem;color:#172033;text-align:center;background:#fff;box-shadow:0 2rem 5rem #0000006b}.login-close{position:absolute;top:.8rem;right:.8rem;display:grid;width:2rem;height:2rem;place-items:center;padding:0 0 .12rem;border:0;border-radius:50%;color:#64748b;font-size:1.45rem;line-height:1;background:#f1f5f9}.login-close:hover,.login-close:focus-visible{color:#0f172a;background:#e2e8f0}.login-brand-mark{display:grid;width:3.25rem;height:3.25rem;margin:0 auto .8rem;place-items:center;border-radius:.9rem;color:#fff;font-size:1rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#ec4899,#8b5cf6 58%,#3b82f6);box-shadow:0 .6rem 1.4rem #8b5cf640}.login-eyebrow{margin:0 0 .35rem;color:#a21caf;font-size:.78rem;font-weight:850;letter-spacing:.14em}.login-card h1{margin:0;color:#111827;font-size:1.85rem;line-height:1.2;letter-spacing:-.025em}.login-intro{max-width:22rem;margin:.65rem auto 1.45rem;color:#64748b;font-size:1rem;line-height:1.5}.google-login-button{position:relative;display:flex;width:100%;min-height:3rem;align-items:center;justify-content:center;gap:.7rem;border:1px solid #cbd5e1;border-radius:.65rem;color:#1f2937;font-weight:750;background:#fff;box-shadow:0 1px 2px #0f172a0f}.google-login-button svg{width:1.25rem;height:1.25rem;flex:0 0 auto}.google-login-button:hover{border-color:#94a3b8;background:#f8fafc}.google-login-button:focus-visible{outline:3px solid rgba(59,130,246,.25);border-color:#3b82f6}.login-last-used{position:absolute;top:.28rem;right:.4rem;padding:.1rem .3rem;border-radius:999px;color:#6d28d9;font-size:.48rem;font-weight:850;letter-spacing:.04em;background:#ede9fe}.login-remember{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 0;color:#475569;font-size:.85rem;text-align:left}.login-remember input{width:1rem;height:1rem;margin:0;accent-color:#7c3aed}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.2rem 0 .9rem;color:#94a3b8;font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:#e2e8f0}.login-benefits{display:flex;justify-content:center;gap:1rem;margin:0;padding:0;color:#475569;font-size:.82rem;list-style:none}.login-benefits span{color:#16a34a;font-weight:900}.login-note{margin:1.3rem 0 0;color:#94a3b8;font-size:.75rem;line-height:1.45}.account-page{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1.25rem;background:#020617c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.account-card{position:relative;width:min(29rem,100%);padding:2.35rem 2.35rem 1.75rem;border:1px solid rgba(148,163,184,.22);border-radius:1.25rem;color:#172033;text-align:center;background:#fff;box-shadow:0 2rem 5rem #0000006b;outline:0}.account-card h1{margin:0;color:#111827;font-size:1.7rem;letter-spacing:-.025em}.account-avatar{display:block;width:4rem;height:4rem;margin:0 auto .75rem;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 .45rem 1.25rem #0f172a2e}.account-avatar-fallback{display:grid;place-items:center;color:#fff;font-weight:850;background:linear-gradient(135deg,#ec4899,#8b5cf6 58%,#3b82f6)}.account-email{margin:.3rem 0 1.2rem;color:#64748b;font-size:.92rem}.account-stat{display:grid;gap:.15rem;margin:0 0 .55rem;padding:1rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc}.account-stat strong{color:#7c3aed;font-size:1.3rem}.account-stat span,.account-provider{color:#64748b;font-size:.84rem}.account-plan{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:0 0 .65rem;padding:.85rem;border:1px solid #e2e8f0;border-radius:.75rem;text-align:left;background:#fff}.account-plan>div{display:grid;gap:.15rem}.account-plan span{color:#7c3aed;font-size:.66rem;font-weight:850;letter-spacing:.09em}.account-plan strong{color:#1f2937;font-size:.88rem}.account-plan small{color:#64748b;font-size:.72rem}.account-plan button{flex:0 0 auto;min-height:2.25rem;padding:.45rem .7rem;border:1px solid #7c3aed;border-radius:.55rem;color:#fff;font-weight:800;background:#7c3aed}.account-plan.is-pro{border-color:#c4b5fd;background:#f5f3ff}.account-provider{margin:0 0 1.1rem}.account-actions{display:grid}.account-actions button{min-height:3rem;border:1px solid #cbd5e1;border-radius:.65rem;color:#1f2937;font-size:.88rem;font-weight:750;background:#fff}.account-actions button:hover{background:#f8fafc}.pro-paywall-layer{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:1.25rem;background:#020509e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pro-paywall{position:relative;width:min(62rem,100%);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid #d8cfc1;border-radius:1rem;color:#20242a;background:#f5f0e7;box-shadow:0 1.5rem 4rem #0000008c;outline:none}.pro-paywall-layout{display:grid;grid-template-columns:minmax(22rem,.88fr) minmax(31rem,1.12fr);min-height:39rem}.pro-paywall-visual{position:relative;min-height:39rem;overflow:hidden;contain:paint;background:#0b0e12}.pro-paywall-slides{position:absolute;inset:0}.pro-paywall-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% center;opacity:0;backface-visibility:hidden;transform:translateZ(0);animation:pro-slide-cycle 23.8s ease-in-out infinite both;will-change:opacity}.pro-paywall-visual:after{position:absolute;z-index:1;inset:0;pointer-events:none;background:#0a0c0f14;content:""}.pro-paywall-visual-copy{position:absolute;z-index:2;right:1.5rem;bottom:1.5rem;left:1.5rem;display:grid;gap:.3rem;padding:1rem;border-left:3px solid #d5647e;color:#fff;background:#090c10d6}.pro-paywall-visual-copy span{color:#f1a0b3;font-size:.67rem;font-weight:900;letter-spacing:.13em}.pro-paywall-slide-captions{position:relative;min-height:3.7rem}.pro-paywall-slide-captions strong{position:absolute;inset:0;max-width:17rem;opacity:0;font-family:Georgia,Times New Roman,serif;font-size:1.75rem;line-height:1.05;animation:pro-slide-cycle 23.8s ease-in-out infinite both}.pro-paywall-visual-copy small{margin-top:.2rem;color:#aeb5be;font-size:.58rem}.pro-paywall-slide-progress{position:absolute;z-index:2;top:1rem;right:1rem;left:1rem;display:grid;grid-template-columns:repeat(7,1fr);gap:.35rem}.pro-paywall-slide-progress i{height:.18rem;overflow:hidden;border-radius:.2rem;background:#ffffff59}.pro-paywall-slide-progress span{display:block;width:100%;height:100%;background:#f1a0b3;transform:scaleX(0);transform-origin:left;animation:pro-slide-progress-cycle 23.8s linear infinite both}@keyframes pro-slide-cycle{0%{opacity:0}2.8%{opacity:1}14.2857%{opacity:1}17.0857%{opacity:0}to{opacity:0}}@keyframes pro-slide-progress-cycle{0%{transform:scaleX(0)}14.2857%{transform:scaleX(1)}14.2957%,to{transform:scaleX(0)}}.pro-paywall-content{padding:2.2rem 2.25rem 1.25rem}.pro-paywall-close{position:absolute;z-index:3;top:.8rem;right:.8rem;width:2.25rem;height:2.25rem;border:1px solid #d0c7b9;border-radius:.55rem;color:#59606a;font-size:1.05rem;background:#ebe4d9eb}.pro-paywall-close:hover{color:#171b21;border-color:#a89d8f}.pro-paywall-header{padding-right:1.4rem}.pro-paywall-eyebrow{margin:0 0 .55rem;color:#a43f59;font-size:.63rem;font-weight:900;letter-spacing:.12em}.pro-paywall h1{max-width:31rem;margin:0;color:#181c22;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.05rem,3.4vw,2.8rem);font-weight:650;line-height:1.02;letter-spacing:-.04em}.pro-paywall-intro{max-width:31rem;margin:.7rem 0 .9rem;color:#5e6269;font-size:.88rem;line-height:1.5}.pro-paywall-benefits{display:grid;grid-template-columns:1fr;gap:.35rem;margin:0 0 .9rem;padding:0;color:#363b43;font-size:.73rem;list-style:none}.pro-paywall-benefits li{position:relative;padding-left:1.2rem}.pro-paywall-benefits li:before{position:absolute;top:.12rem;left:0;width:.65rem;height:.65rem;border:2px solid #b9546c;border-radius:50%;content:""}.pro-paywall-plans{display:grid;gap:.55rem;margin:0;padding:0;border:0}.pro-paywall-plans legend{margin-bottom:.45rem;color:#30353c;font-size:.73rem;font-weight:850}.pro-plan{position:relative;display:grid;grid-template-columns:1.05rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:4.35rem;padding:.65rem .8rem;border:1px solid #d7cec0;border-radius:.65rem;color:#2c3138;background:#fbf8f2;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.pro-plan:hover{border-color:#b98795}.pro-plan.is-selected{border-color:#a9435b;background:#fffdf8;box-shadow:0 0 0 1px #a9435b}.pro-plan input{position:absolute;width:1px;height:1px;opacity:0}.pro-plan-radio{width:.95rem;height:.95rem;border:1.5px solid #988e82;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 .2rem #fff}.pro-plan.is-selected .pro-plan-radio{border-color:#a9435b;background:#a9435b}.pro-plan-copy{display:grid;gap:.12rem;min-width:0}.pro-plan-copy strong{font-size:.82rem}.pro-plan-copy small{color:#74777c;font-size:.64rem}.pro-plan-price{display:grid;justify-items:end;gap:.08rem;min-width:5.2rem}.pro-plan-price strong{color:#20242a;font-size:1.05rem}.pro-plan-price small{color:#73767b;font-size:.61rem}.pro-plan>b{position:absolute;top:-.43rem;right:.65rem;padding:.18rem .36rem;border-radius:.24rem;color:#334312;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;background:#cee787}.pro-paywall-plans:disabled .pro-plan{cursor:not-allowed}.pro-paywall-continue{width:100%;min-height:3.05rem;margin-top:.72rem;border:0;border-radius:.6rem;color:#fff;font-size:.84rem;font-weight:850;background:#a9435b;box-shadow:0 .35rem .85rem #772a3d33}.pro-paywall-continue:not(:disabled):hover{background:#94364e}.pro-paywall-continue:disabled{opacity:.55}.pro-paywall-unavailable{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin:.6rem 0 0;padding:.55rem .65rem;border:1px solid #d2b891;border-radius:.45rem;color:#73552d;font-size:.67rem;background:#fff4df}.pro-paywall-unavailable button{flex:0 0 auto;min-height:1.9rem;padding:.3rem .5rem;border:1px solid #b28c57;border-radius:.38rem;color:#5f421d;font-weight:800;background:#fffaf0}.pro-paywall-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;margin:.7rem 0 .3rem;color:#686c72;font-size:.63rem}.pro-paywall-trust span{position:relative;padding-left:.8rem}.pro-paywall-trust span:before{position:absolute;left:0;color:#7f973e;content:"•"}.pro-paywall-terms{margin:0;color:#8a8986;font-size:.58rem;line-height:1.35;text-align:center}.pro-paywall-not-now{width:100%;min-height:2.2rem;margin-top:.25rem;border:0;color:#676b71;font-size:.69rem;background:transparent}.pro-paywall-not-now:hover{color:#1e2228}@media(max-width:800px){.pro-paywall-layout{grid-template-columns:1fr}.pro-paywall-visual{min-height:13rem}.pro-paywall-slides img{object-position:50% 42%}.pro-paywall-visual-copy{right:1rem;bottom:1rem;left:1rem;padding:.7rem}.pro-paywall-visual-copy strong{font-size:1.3rem}.pro-paywall-content{padding:1.4rem 1rem .8rem}.pro-paywall h1{font-size:2.15rem}}@media(prefers-reduced-motion:reduce){.pro-paywall-slides img,.pro-paywall-slide-progress span,.pro-paywall-slide-captions strong{animation:none}.pro-paywall-slides img:first-child,.pro-paywall-slide-captions strong:first-child{opacity:1}.pro-paywall-slide-progress i:first-child span{transform:scaleX(1)}}.account-google-link{display:inline-block;margin-top:1rem;color:#2563eb;font-size:.82rem;font-weight:700;text-decoration:none}.account-google-link:hover{text-decoration:underline}.account-danger{margin-top:1rem;padding-top:.85rem;border-top:1px solid #e2e8f0}.account-danger>button{border:0;color:#dc2626;font-size:.84rem;background:transparent}.account-danger p{margin:0 0 .7rem;color:#991b1b;font-size:.72rem;line-height:1.4}.account-danger div{display:flex;gap:.5rem}.account-danger div button{flex:1;min-height:2.4rem;border:1px solid #cbd5e1;border-radius:.55rem;color:#334155;font-size:.7rem;font-weight:750;background:#fff}.account-danger div .account-delete-confirm{color:#fff;border-color:#dc2626;background:#dc2626}@media(max-width:480px){.login-page{padding:.75rem}.login-card{padding:2rem 1.25rem 1.4rem;border-radius:1rem}.login-card h1{font-size:1.45rem}.login-benefits{flex-direction:column;gap:.35rem}}.tool-label{display:inline-flex;align-items:center;gap:.35rem}.tool-emoji{display:inline-block;font-size:1rem;line-height:1}.tool-bookmark-icon{width:1rem;height:1rem;color:#fbbf24}.bookmarked-button{display:flex;align-items:center;justify-content:space-between}.bookmark-count{display:grid;min-width:1.35rem;height:1.35rem;place-items:center;padding:0 .3rem;border-radius:999px;color:#fde68a;font-size:.58rem;font-weight:800;background:#78350f8c}.bookmarked-effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none}.bookmarked-effect-grid li{position:relative;min-width:0;border:1px solid rgba(148,163,184,.16);border-radius:.65rem;overflow:hidden;background:#ffffff06}.bookmarked-effect-grid li>button:first-child{display:grid;width:100%;grid-template-columns:2rem minmax(0,1fr);gap:.12rem .55rem;align-items:center;padding:.65rem 2.65rem .65rem .7rem;border:0;color:#f8fafc;text-align:left;background:transparent}.bookmarked-effect-grid li>button:first-child:hover{background:#f472b614}.bookmarked-effect-grid li>button:first-child>span{grid-row:1 / span 2;display:grid;width:2rem;height:2rem;place-items:center;border-radius:.5rem;color:#f8d7e5;background:linear-gradient(145deg,#401f3c,#101824)}.bookmarked-effect-grid strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.bookmarked-effect-grid small{overflow:hidden;color:#94a3b8;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.bookmarked-effect-remove{position:absolute;top:50%;right:.55rem;display:grid;width:1.8rem;height:1.8rem;place-items:center;padding:0;border:1px solid rgba(251,191,36,.4);border-radius:50%;color:#fbbf24;background:#78350f4d;transform:translateY(-50%)}.bookmarked-effect-remove svg{width:.85rem;height:.85rem}@media(max-width:560px){.bookmarked-effect-grid{grid-template-columns:1fr}}.top-actions .songs-button,.top-actions .bookmarked-button,.top-actions .harmonizer-button,.top-actions .voice-effect-button,.top-actions .storybook-button,.top-actions .settings-button{position:static}.harmonizer-button{position:absolute;z-index:10;top:.75rem;right:7.1rem;min-height:2.3rem;padding:.4rem .8rem;border:1px solid rgba(192,132,252,.5);border-radius:.65rem;color:#f3e8ff;font-weight:850;background:#03070fd1;box-shadow:0 8px 24px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.harmonizer-button:hover,.harmonizer-button:focus-visible{border-color:#d8b4fe;background:#6b21a88c}.harmonizer-button-active{color:#d9f99d;border-color:#bef264cc;box-shadow:0 0 18px #bef2644d}.voice-effect-button{min-height:2.3rem;padding:.4rem .8rem;border:1px solid rgba(45,212,191,.5);border-radius:.65rem;color:#ccfbf1;font-weight:850;background:#03070fd1;box-shadow:0 8px 24px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voice-effect-button:hover,.voice-effect-button:focus-visible{border-color:#5eead4;background:#0d948880}.voice-effect-button-active{color:#d9f99d;border-color:#bef264cc;box-shadow:0 0 18px #bef2644d}.settings-button{min-height:2.3rem;padding:.4rem .8rem;border:1px solid rgba(148,163,184,.5);border-radius:.65rem;color:#f8fafc;font-weight:850;background:#03070fd1;box-shadow:0 8px 24px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.settings-button:hover,.settings-button:focus-visible{border-color:#e2e8f0;background:#334155b8}.harmonizer-panel{position:absolute;z-index:20;top:3.75rem;right:1rem;display:grid;width:min(29rem,calc(100vw - 2rem));gap:.85rem;padding:1.05rem;border:1px solid rgba(192,132,252,.45);border-radius:.9rem;background:#03070ff0;box-shadow:0 18px 50px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.harmonizer-panel header{display:flex;align-items:start;justify-content:space-between}.harmonizer-panel header div{display:grid;gap:.15rem}.harmonizer-panel header small{color:#c084fc;font-size:.72rem;font-weight:900;letter-spacing:.14em}.harmonizer-panel header strong{font-size:1.35rem}.harmonizer-panel header button{width:2rem;height:2rem;border:1px solid rgba(148,163,184,.35);border-radius:.5rem;background:#1e293bcc}.harmonizer-panel label{display:grid;gap:.3rem;color:#cbd5e1;font-size:.82rem}.harmonizer-panel label span{display:flex;justify-content:space-between}.harmonizer-panel select{min-height:2.25rem;padding:.35rem .55rem;border:1px solid rgba(148,163,184,.35);border-radius:.55rem;color:#fff;background:#0f172aeb}.harmonizer-panel input[type=range]{width:100%;accent-color:#c084fc}.harmonizer-effect-description{margin:-.05rem 0 .1rem;color:#94a3b8;font-size:.82rem;line-height:1.45}.harmonizer-effect-card,.harmonizer-output-card{display:grid;gap:.58rem;padding:.65rem;border:1px solid rgba(148,163,184,.24);border-radius:.7rem}.harmonizer-effect-card{border-color:#c084fc7a;background:linear-gradient(135deg,#6b21a833,#0f172a94)}.harmonizer-output-card{border-color:#67e8f94d;background:#0f172a7a}.harmonizer-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.harmonizer-section-heading small{color:#c084fc;font-size:.7rem;font-weight:900;letter-spacing:.14em}.harmonizer-output-card .harmonizer-section-heading small{color:#67e8f9}.harmonizer-section-heading strong{color:#f8fafc;font-size:.9rem}.harmonizer-effect-mix{display:grid;gap:.58rem}.harmonizer-effect-picker{display:grid;grid-template-columns:2.35rem minmax(0,1fr) 2.35rem;align-items:end;gap:.45rem}.harmonizer-effect-picker label{min-width:0}.harmonizer-effect-nav{width:100%;min-height:2.25rem;padding:0;border:1px solid rgba(192,132,252,.55);border-radius:.55rem;color:#f3e8ff;font-size:1.35rem;line-height:1;background:#6b21a86b}.harmonizer-effect-nav:hover,.harmonizer-effect-nav:focus-visible{border-color:#e9d5ff;background:#7e22ceb8}.harmonizer-effect-count{margin:-.25rem 0 0;color:#c084fc;font-size:.72rem;font-weight:800;text-align:center}.harmonizer-status{margin:0;padding:.65rem;border-radius:.55rem;color:#cbd5e1;font-size:.82rem;background:#0f172ab3}.harmonizer-status i{display:inline-block;width:.48rem;height:.48rem;margin-right:.25rem;border-radius:50%;background:#64748b}.harmonizer-status-requesting i{background:#fbbf24}.harmonizer-status-active i{background:#bef264;box-shadow:0 0 .5rem #bef264b3}.harmonizer-status-error i{background:#fb7185}.harmonizer-vibe{display:grid;grid-template-columns:1fr auto;grid-template-areas:"bars bars" "label value";gap:.3rem .5rem;padding:.5rem .65rem;border:1px solid rgba(192,132,252,.28);border-radius:.65rem;color:#94a3b8;background:linear-gradient(110deg,#581c8729,#0e74901f);transition:border-color .12s ease,box-shadow .12s ease}.harmonizer-vibe-bars{grid-area:bars;display:flex;align-items:center;justify-content:center;gap:.14rem;height:2.35rem;padding:.15rem .2rem;border-bottom:1px solid rgba(148,163,184,.18)}.harmonizer-vibe-bars i{width:.18rem;height:100%;border-radius:999px;background:linear-gradient(180deg,#67e8f9,#c084fc 58%,#f472b6);box-shadow:0 0 .55rem #c084fc61;transform-origin:center;transition:transform 55ms linear,filter 80ms ease}.harmonizer-vibe-bars i:nth-child(4n+1){opacity:.72}.harmonizer-vibe-bars i:nth-child(4n+3){background:linear-gradient(180deg,#a7f3d0,#67e8f9 58%,#c084fc)}.harmonizer-vibe span{grid-area:label;font-size:.72rem;font-weight:900;letter-spacing:.14em}.harmonizer-vibe b{grid-area:value;color:#cbd5e1;font-size:.78rem}.harmonizer-vibe-reacting{border-color:#67e8f9b3;box-shadow:inset 0 0 1.4rem #c084fc1f,0 0 .8rem #67e8f924}.harmonizer-vibe-reacting .harmonizer-vibe-bars i{filter:brightness(1.35)}.harmonizer-output-controls{display:grid;grid-template-columns:1fr;gap:.55rem}.harmonizer-output-controls select{width:100%;min-width:0}.harmonizer-output-controls button{width:100%;min-height:2.25rem;padding:.35rem .65rem;border:1px solid rgba(103,232,249,.45);border-radius:.55rem;background:#0e74903d}.harmonizer-actions{display:flex;justify-content:center;gap:.45rem}.harmonizer-actions>button{flex:1 1 0;max-width:13rem}.harmonizer-actions>:only-child{flex:0 1 13rem;width:13rem}.harmonizer-actions button{min-height:2.3rem;border:1px solid rgba(192,132,252,.5);border-radius:.55rem;background:#6b21a88c}.harmonizer-actions .harmonizer-stop{border-color:#f8717180;background:#7f1d1d8c}.harmonizer-actions .harmonizer-bypass{border-color:#94a3b859;background:#1e293bb8}.harmonizer-actions .harmonizer-bypass.active{color:#bef264;border-color:#a3e635b3;background:#365314c7;box-shadow:0 0 .6rem #a3e63524}.harmonizer-panel footer{display:flex;justify-content:space-between;gap:.4rem;padding-top:.55rem;border-top:1px solid rgba(148,163,184,.2);color:#94a3b8;font-size:.7rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.instrument-settings-layer{position:fixed;z-index:30;inset:0;display:flex;justify-content:flex-end;padding:3.25rem .65rem .65rem;pointer-events:auto;background:#02040975}.instrument-settings-panel{display:grid;width:min(29rem,calc(100vw - 1.3rem));max-height:100%;align-content:start;gap:.8rem;overflow-y:auto;padding:1.05rem;pointer-events:auto;border:1px solid rgba(148,163,184,.4);border-radius:.9rem;background:#03070ff5;box-shadow:0 18px 50px #00000080;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.instrument-settings-panel header{display:flex;align-items:start;justify-content:space-between}.instrument-settings-panel header div{display:grid;gap:.1rem}.instrument-settings-panel header small{color:#67e8f9;font-size:.72rem;font-weight:900;letter-spacing:.14em}.instrument-settings-panel h2{margin:0;font-size:1.4rem}.instrument-settings-panel header button{width:2rem;height:2rem;border:1px solid rgba(148,163,184,.35);border-radius:.5rem;background:#1e293bcc}.instrument-settings-panel fieldset{display:grid;gap:.45rem;margin:0;padding:.65rem;border:1px solid rgba(148,163,184,.22);border-radius:.7rem}.instrument-settings-panel legend{padding:0 .3rem;color:#e2e8f0;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.settings-context-note{margin:0;color:#fbbf24;font-size:.75rem}.settings-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.settings-field-grid label{display:grid;gap:.25rem;color:#cbd5e1;font-size:.8rem}.settings-field-grid select{width:100%;min-height:2.2rem;padding:.35rem .5rem;border:1px solid rgba(148,163,184,.35);border-radius:.5rem;color:#fff;background:#0f172aeb}.settings-sound-field{grid-column:1 / -1}.settings-group-label{margin-top:.15rem;color:#94a3b8;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.settings-toggle{display:flex;align-items:center;gap:.6rem;min-height:2.4rem;color:#e2e8f0}.settings-toggle input{width:1.05rem;height:1.05rem;accent-color:#22d3ee}.settings-toggle span{display:grid;gap:.08rem}.settings-toggle small{color:#94a3b8;font-size:.75rem}.song-library-layer{position:fixed;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#02060f9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.song-library{display:flex;width:min(40rem,100%);max-height:min(52rem,calc(100svh - 4rem));flex-direction:column;overflow-y:auto;border:1px solid rgba(244,114,182,.28);border-radius:2rem;background:linear-gradient(145deg,#101822fa,#050c15fa);box-shadow:0 28px 90px #000000a6,0 0 32px #f472b617;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.song-library-sticky-head{position:sticky;z-index:4;top:0;border-bottom:1px solid transparent;background:#0a111a;transition:border-color .16s ease,box-shadow .16s ease}.song-library-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:1.8rem 2rem .75rem;background:#0a111a;transition:padding .16s ease}.song-library-header:before{position:absolute;top:.8rem;left:50%;width:3.5rem;height:.32rem;border-radius:999px;content:"";transform:translate(-50%);background:#e2e8f06b}.song-library-header small{color:var(--music-accent);font-size:.72rem;font-weight:900;letter-spacing:.16em}.song-library-header h2{margin:.2rem 0 0;font-size:1.55rem;line-height:1.12}.song-library-close{width:2.6rem;height:2.6rem;padding:0;border:1px solid rgba(244,114,182,.32);border-radius:999px;color:#f9a8d4;font-size:1.5rem;background:#f472b614}.song-library-sticky-search{display:flex;align-items:center;gap:.75rem;padding:.25rem 2rem 1rem;background:#0a111a;transition:padding .16s ease}.song-library-sticky-search>small{flex:0 0 auto;min-width:4.8rem;color:#94a3b8;font-size:.68rem;text-align:right;white-space:nowrap}.song-library.is-scrolled .song-library-sticky-head{border-bottom-color:#94a3b833;box-shadow:0 10px 24px #00000047}.song-library.is-scrolled .song-library-header{padding:.65rem 1.1rem .25rem}.song-library.is-scrolled .song-library-header:before,.song-library.is-scrolled .song-library-header small{display:none}.song-library.is-scrolled .song-library-header h2{margin:0;font-size:1rem}.song-library.is-scrolled .song-library-close{width:2.15rem;height:2.15rem;font-size:1.2rem}.song-library.is-scrolled .song-library-sticky-search{padding:.25rem 1.1rem .6rem}.song-library.is-scrolled .song-library-search input{min-height:2.5rem;padding-block:.45rem}.song-library-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.75rem;padding:.25rem 2rem 1.15rem}.song-library-search{min-width:0;flex:1 1 auto}.song-library-search input{width:100%;min-height:3.15rem;padding:.65rem .95rem;border:1px solid rgba(148,163,184,.2);border-radius:.85rem;color:#fff;outline:none;background:#1e29357a;font-size:.9rem}.song-library-tempo{display:grid;min-width:0;gap:.4rem;color:#cbd5e1;font-size:.78rem;font-weight:600}.song-library-tempo select{width:100%;min-width:0;min-height:2.75rem;padding:.5rem .75rem;border:1px solid rgba(148,163,184,.22);border-radius:.75rem;color:#fff;outline:none;background:#1e293594;font-size:.82rem}.song-library-search input:focus,.song-library-tempo select:focus{border-color:var(--music-accent);box-shadow:0 0 0 2px #f472b624}.practice-progressions{display:grid;gap:.75rem;padding:.65rem 2rem 1.15rem;border-bottom:1px solid rgba(148,163,184,.13)}.practice-progressions-heading{display:flex;align-items:end;justify-content:space-between;gap:.75rem}.practice-progressions-heading small,.song-library-catalog-label small{color:var(--music-accent);font-size:.7rem;font-weight:900;letter-spacing:.12em}.practice-progressions-heading h3{margin:.18rem 0 0;color:#f8fafc;font-size:1.08rem}.practice-progressions-heading>span{color:#cbd5e1;font-size:.72rem;white-space:nowrap}.song-library-grid.practice-progression-grid{grid-template-columns:1fr}.song-library-grid.practice-progression-grid li>button:not(.song-bookmark-button):not(.song-improve-button){min-height:5.15rem;border-color:#94a3b82e;border-radius:0;background:transparent}.song-library-grid.practice-progression-grid li>button:not(.song-bookmark-button):not(.song-improve-button)>span{overflow:visible;white-space:normal}.practice-progressions-empty{margin:-.35rem 0 .15rem;color:#94a3b8;font-size:.78rem;line-height:1.5}.song-library-catalog-label{display:flex;align-items:center;min-height:2.1rem;padding:.65rem 2rem .15rem;border-bottom:1px solid rgba(148,163,184,.12)}.song-library-results{min-height:9rem;flex:none;overflow:visible;padding:.55rem 2rem .85rem}.song-library-grid{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;border:1px solid rgba(148,163,184,.16);border-radius:1rem;overflow:hidden;list-style:none;background:#0f172252}.song-library-grid li{display:grid;gap:.25rem;min-width:0}.song-library-grid li{position:relative}.song-library-grid li+li{border-top:1px solid rgba(148,163,184,.1)}.song-library-grid li>.song-bookmark-button{position:absolute!important;z-index:2;top:50%;right:.8rem;display:grid!important;place-items:center;width:2.25rem!important;min-width:2.25rem!important;height:2.25rem!important;min-height:2.25rem!important;padding:0!important;border:1px solid rgba(148,163,184,.2)!important;border-radius:999px;color:#f8d7e5!important;background:#1e293585!important;box-shadow:0 2px 8px #00000040;transform:translateY(-50%);transition:color .16s ease,border-color .16s ease,background .16s ease}.song-bookmark-icon{width:1.05rem;height:1.05rem}.song-bookmark-button[aria-pressed=true]{color:#fbbf24!important;border-color:#fbbf24b8!important;background:#78350f6b!important}.song-bookmark-button:hover,.song-bookmark-button:focus-visible{color:#f08aad!important;border-color:#f472b69e!important;background:#f472b61f!important}.voice-effect-bookmark{margin-top:.55rem;padding:.45rem .65rem;border:1px solid rgba(251,191,36,.35);border-radius:.5rem;color:#fbbf24;background:#78350f33}.song-library-grid li>button:not(.song-bookmark-button):not(.song-improve-button){display:grid;width:100%;min-height:0;gap:.25rem;align-content:center;padding:.65rem 3.8rem .65rem .9rem;border:0;border-radius:0;color:inherit;text-align:left;background:transparent;transition:background .16s ease}.song-library-grid li>button:not(.song-bookmark-button):not(.song-improve-button):hover,.song-library-grid li>button:not(.song-bookmark-button):not(.song-improve-button):focus-visible{background:#f472b612;transform:none}.song-library-grid strong,.song-library-grid span,.song-library-grid small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}.song-library-grid strong{color:#f8fafc;font-size:.88rem;line-height:1.25;white-space:normal}.song-library-grid span{color:#aeb8c7;font-size:.7rem;line-height:1.3;white-space:nowrap}.song-library-grid small{color:#f08aad;font-size:.65rem;line-height:1.35;white-space:normal}.song-library-catalog-grid li+li{margin-top:.05rem}.song-library-state{display:grid;min-height:9rem;place-content:center;justify-items:center;gap:.35rem;padding:1rem;color:#94a3b8;text-align:center}.song-library-state strong{color:#e2e8f0}.song-library-state span{font-size:.72rem}.song-library-state button,.song-library-more{padding:.45rem .7rem;border:1px solid rgba(103,232,249,.48);border-radius:.5rem;background:#0e74907a}.song-library-skeletons{display:grid;gap:.5rem}.song-library-skeletons span{display:block;height:4.4rem;border-radius:.65rem;background:linear-gradient(100deg,#1e293b8c 30%,#47556999,#1e293b8c 70%);background-size:220% 100%;animation:library-loading 1.1s linear infinite}@keyframes library-loading{to{background-position-x:-220%}}.song-library-more{display:block;margin:.7rem auto 0}.song-library-selecting{margin:.6rem 0 0;color:#bef264;font-size:.68rem;text-align:center}.song-library-footer{position:sticky;z-index:3;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 2rem;border-top:1px solid rgba(148,163,184,.16);color:#94a3b8;font-size:.72rem;background:#0a111afa}.song-library-footer>span{display:grid;gap:.15rem}.song-library-footer>span strong{color:#cbd5e1;font-size:.85rem;font-weight:500}.song-library-footer>span small{color:#94a3b8;font-size:.72rem}.song-library-footer button{flex:none;min-width:12rem;min-height:2.75rem;border:0;border-radius:.8rem;color:#fff;font-weight:800;background:var(--music-primary-gradient);box-shadow:0 8px 24px #da58933d}@media(max-width:640px){.song-library-layer{align-items:stretch;padding:.45rem}.song-library{max-height:calc(100svh - .9rem);border-radius:1.35rem}.song-library-header{padding:1.8rem 1.1rem .75rem}.song-library-header h2{font-size:1.45rem}.song-library-sticky-search{padding:.25rem 1.1rem 1rem}.song-library-filters{grid-template-columns:1fr;gap:.65rem;padding:.25rem 1.1rem 1rem}.song-library-search{grid-column:auto}.practice-progressions{padding:.7rem 1.1rem 1rem}.song-library-catalog-label{padding:.7rem 1.1rem .15rem}.song-library-results{padding:.55rem 1.1rem .9rem}.practice-progressions-heading{align-items:start}.song-library-footer{padding:.8rem 1.1rem}.song-library-footer button{min-width:0}}@media(max-height:780px)and (min-width:641px){.song-library-layer{padding:.65rem}.song-library{max-height:calc(100svh - 1.3rem)}.song-library-header{padding-top:1.55rem}}.control-surface{--pad-scale: 1;--pad-a: rgba(99,102,241,.28);--pad-b: rgba(34,197,94,.22);--pad-c: rgba(234,179,8,.28);--accent: #bef264;--accent-soft: rgba(163,230,53,.32);--accent-glow: rgba(132,204,22,.55);--stop-color: #fb7185;--cursor-color: #f472b6;--cursor-glow: rgba(244,114,182,.7);--target-color: #22d3ee;--target-glow: rgba(34,211,238,.72);position:absolute;z-index:6;display:flex;flex-direction:column;width:min(calc(27rem * var(--pad-scale)),calc(100vw - 1rem));height:min(calc(31rem * var(--pad-scale)),calc(100vh - 1rem));min-height:0;padding:.7rem;border:1px solid rgba(203,213,225,.42);border-radius:1rem;background:#04081094;box-shadow:0 18px 55px #00000052,inset 0 0 35px #0f172a2e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transform:translate(-50%,-50%);will-change:left,top}.control-surface[data-dragging=true],.control-surface[data-resizing=true]{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 28px #00000047}.control-surface[data-theme=neon]{--pad-a: rgba(168,85,247,.32);--pad-b: rgba(6,182,212,.28);--pad-c: rgba(217,249,157,.22);--accent: #22d3ee;--accent-soft: rgba(34,211,238,.3);--accent-glow: rgba(34,211,238,.58);--cursor-color: #f472b6;--cursor-glow: rgba(244,114,182,.72);--target-color: #fde047;--target-glow: rgba(253,224,71,.72);--stop-color: #f0abfc}.control-surface[data-theme=sunset]{--pad-a: rgba(190,24,93,.34);--pad-b: rgba(249,115,22,.3);--pad-c: rgba(250,204,21,.3);--accent: #fb923c;--accent-soft: rgba(251,146,60,.32);--accent-glow: rgba(251,146,60,.58);--cursor-color: #a7f3d0;--cursor-glow: rgba(167,243,208,.72);--target-color: #22d3ee;--target-glow: rgba(34,211,238,.72);--stop-color: #fda4af}.control-surface[data-theme=ocean]{--pad-a: rgba(30,64,175,.38);--pad-b: rgba(14,116,144,.3);--pad-c: rgba(45,212,191,.24);--accent: #67e8f9;--accent-soft: rgba(103,232,249,.3);--accent-glow: rgba(34,211,238,.55);--cursor-color: #f472b6;--cursor-glow: rgba(244,114,182,.72);--target-color: #fde047;--target-glow: rgba(253,224,71,.72);--stop-color: #f9a8d4}.control-surface[data-theme=mono]{--pad-a: rgba(71,85,105,.34);--pad-b: rgba(148,163,184,.2);--pad-c: rgba(226,232,240,.16);--accent: #f8fafc;--accent-soft: rgba(248,250,252,.24);--accent-glow: rgba(248,250,252,.45);--cursor-color: #38bdf8;--cursor-glow: rgba(56,189,248,.72);--target-color: #fb7185;--target-glow: rgba(251,113,133,.72);--stop-color: #cbd5e1}.control-surface[data-theme=candy]{--pad-a: rgba(236,72,153,.32);--pad-b: rgba(168,85,247,.28);--pad-c: rgba(34,211,238,.24);--accent: #f9a8d4;--accent-soft: rgba(249,168,212,.3);--accent-glow: rgba(244,114,182,.58);--cursor-color: #67e8f9;--cursor-glow: rgba(103,232,249,.72);--target-color: #bef264;--target-glow: rgba(190,242,100,.72);--stop-color: #fde047}.pad-toolbar{position:absolute;z-index:8;top:.55rem;left:.6rem;display:flex;align-items:center;gap:.35rem}.pad-drag-handle,.pad-settings-button{min-height:1.75rem;padding:.28rem .48rem;border:1px solid rgba(148,163,184,.3);border-radius:.45rem;color:#dbe4ef;font-size:.64rem;font-weight:800;background:#0f172abd}.pad-drag-handle{touch-action:none;cursor:grab}.pad-drag-handle:active{cursor:grabbing}.pad-drag-handle span{color:var(--accent);font-size:.9rem}.theme-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.setting-segments{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.movement-segments{grid-template-columns:repeat(3,1fr)}.setting-segments button{min-height:1.65rem;padding:.25rem;border:1px solid rgba(148,163,184,.25);border-radius:.35rem;color:#cbd5e1;font-size:.57rem;font-weight:800;background:#1e293b8c}.setting-segments .setting-segment-active{border-color:#22d3ee;color:#67e8f9;background:#0e749059}.theme-option{display:flex;align-items:center;gap:.35rem;padding:.35rem;border:1px solid transparent;border-radius:.4rem;color:#cbd5e1;font-size:.62rem;background:#1e293b8c}.theme-option i{width:1.1rem;height:1.1rem;border-radius:50%;background:linear-gradient(135deg,var(--preview-a),var(--preview-b))}.theme-option-active{border-color:#22d3ee;color:#fff;background:#0e749059}.theme-option[data-theme-preview=aurora]{--preview-a: #6366f1;--preview-b: #bef264}.theme-option[data-theme-preview=neon]{--preview-a: #a855f7;--preview-b: #22d3ee}.theme-option[data-theme-preview=sunset]{--preview-a: #be185d;--preview-b: #facc15}.theme-option[data-theme-preview=ocean]{--preview-a: #1e40af;--preview-b: #2dd4bf}.theme-option[data-theme-preview=mono]{--preview-a: #475569;--preview-b: #f8fafc}.theme-option[data-theme-preview=candy]{--preview-a: #ec4899;--preview-b: #22d3ee}.surface-current{position:absolute;z-index:3;top:.65rem;right:.7rem;text-align:right}.surface-current small{display:block;color:#a7b0bd;font-size:.56rem;letter-spacing:.1em}.surface-current strong{display:block;max-width:7rem;overflow:hidden;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap;color:var(--accent)}.surface-graphic{position:relative;flex:1 1 auto;min-height:0;margin:1.75rem 0 2.2rem}.melody-phrase{position:absolute;z-index:5;right:.7rem;bottom:2.2rem;left:.7rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;min-height:2.5rem;padding:.38rem .48rem;overflow:hidden;border:1px solid rgba(203,213,225,.2);border-radius:.55rem;background:#03070fe0;box-shadow:0 8px 22px #0000003d}.melody-phrase-heading{display:grid;gap:.08rem;min-width:3.2rem;color:#94a3b8;font-size:.48rem;letter-spacing:.08em}.melody-phrase-heading strong{color:var(--accent);font-size:.55rem}.melody-phrase ol{display:flex;align-items:end;gap:.22rem;min-width:0;margin:0;padding:.1rem .05rem .2rem;overflow-x:auto;list-style:none;scrollbar-width:thin}.melody-phrase ol:focus-visible{outline:2px solid var(--target-color);outline-offset:2px;border-radius:.25rem}.melody-event{flex:max(1,var(--melody-duration)) 0 2.2rem;display:grid;gap:.15rem;min-width:2.2rem;color:#f8fafc;font-size:.58rem;font-weight:900;text-align:center}.melody-event i{display:block;height:.32rem;border-radius:1rem;background:var(--target-color);box-shadow:0 0 8px var(--target-glow)}.melody-event-rest{color:#94a3b8}.melody-event-rest i{background:repeating-linear-gradient(90deg,rgba(148,163,184,.65) 0 .22rem,transparent .22rem .38rem);box-shadow:none}.surface-stop-hint{position:absolute;right:.7rem;bottom:.3rem;color:var(--stop-color);font-size:.55rem;font-weight:900;letter-spacing:.06em}.expression-row{position:absolute;right:.7rem;bottom:1.25rem;left:.7rem;display:grid;grid-template-columns:auto 1fr 2.3rem auto;align-items:center;gap:.4rem;color:#cbd5e1;font-size:.53rem;font-weight:900}.expression-track{height:.35rem;overflow:hidden;border-radius:1rem;background:#94a3b840}.expression-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--stop-color),var(--accent));box-shadow:0 0 10px var(--accent-glow);transition:width 35ms linear}.expression-row strong{color:var(--accent);text-align:right}.pad-resize-handle{position:absolute;z-index:9;width:2rem;height:2rem;padding:0;touch-action:none;border:0;border-radius:.55rem;color:#cbd5e1b8;background:transparent}.pad-resize-handle:before{position:absolute;width:.74rem;height:.74rem;content:"";opacity:0;transform:scale(.82);transition:opacity .12s ease,transform .12s ease}.control-surface:hover .pad-resize-handle{color:var(--accent)}.control-surface:hover .pad-resize-handle:before{opacity:.56}.pad-resize-handle:hover,.pad-resize-handle:focus-visible{color:var(--accent);background:transparent}.pad-resize-handle:hover:before,.pad-resize-handle:focus-visible:before,.control-surface[data-resizing] .pad-resize-handle:before{opacity:1;transform:scale(1)}.pad-resize-handle[data-resize-corner=nw]{top:-.12rem;left:-.12rem;cursor:nwse-resize}.pad-resize-handle[data-resize-corner=ne]{top:-.12rem;right:-.12rem;cursor:nesw-resize}.pad-resize-handle[data-resize-corner=sw]{bottom:-.12rem;left:-.12rem;cursor:nesw-resize}.pad-resize-handle[data-resize-corner=se]{right:-.12rem;bottom:-.12rem;cursor:nwse-resize}.pad-resize-handle[data-resize-corner=nw]:before{top:.42rem;left:.42rem;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;border-radius:.72rem 0 0}.pad-resize-handle[data-resize-corner=ne]:before{top:.42rem;right:.42rem;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;border-radius:0 .72rem 0 0}.pad-resize-handle[data-resize-corner=sw]:before{bottom:.42rem;left:.42rem;border-bottom:1.5px solid currentColor;border-left:1.5px solid currentColor;border-radius:0 0 0 .72rem}.pad-resize-handle[data-resize-corner=se]:before{right:.42rem;bottom:.42rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;border-radius:0 0 .72rem}@media(hover:none){.pad-resize-handle:before{opacity:.32}}.xy-surface{position:absolute;inset:.35rem}.xy-surface{border:1px solid rgba(226,232,240,.7);border-radius:1rem}.xy-surface{background:linear-gradient(135deg,var(--pad-a),var(--pad-b) 55%,var(--pad-c))}.xy-chord-grid{position:absolute;z-index:2;inset:3% 3% 3% 11%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);border:1px solid rgba(226,232,240,.28);background:none}.xy-register-labels{position:absolute;z-index:3;top:3%;bottom:3%;left:.5%;display:grid;grid-template-rows:repeat(4,1fr);width:10%;color:#e2e8f0cc;font-size:.55rem;font-weight:900;text-align:center}.xy-register-labels span{display:grid;place-content:center}.xy-register-labels small{color:var(--accent);font-size:.5rem}.xy-chord-node{position:relative;display:grid;place-content:center;justify-items:center;gap:.25rem;border-radius:0;color:#e2e8f0b8;font-weight:800;transition:color 70ms linear,background 70ms linear,transform 70ms linear;border-right:1px solid rgba(226,232,240,.22);border-bottom:1px solid rgba(226,232,240,.22)}.xy-chord-node:nth-child(4n){border-right:0}.xy-chord-node:nth-last-child(-n+4){border-bottom:0}.xy-chord-node i{display:block;width:.62rem;height:.62rem;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#ffffff57;box-shadow:0 0 8px #ffffff47}.xy-chord-node small{font-size:clamp(.78rem,calc(.78rem * var(--pad-scale)),1.08rem);letter-spacing:.01em}.xy-node-active{color:#fff;background:radial-gradient(circle,var(--accent-soft),transparent 70%);transform:scale(1.08);border-radius:.55rem}.xy-node-active i{width:1rem;height:1rem;border:3px solid #fff;background:var(--accent);box-shadow:0 0 8px #fff,0 0 28px var(--accent-glow);animation:xy-sound-pulse .22s ease-out}.song-guide-route{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.song-guide-route line{stroke:var(--target-color);stroke-width:.8;stroke-linecap:round;stroke-dasharray:2.4 2;filter:drop-shadow(0 0 4px var(--target-glow));animation:guide-route-flow .6s linear infinite}.song-guide-route .guide-route-arrowhead{fill:var(--target-color)}@keyframes guide-route-flow{to{stroke-dashoffset:-4.4}}.xy-node-target{color:#fff;background:radial-gradient(circle,color-mix(in srgb,var(--target-color) 30%,transparent),transparent 72%);transform:scale(1.08);border-radius:.55rem}.xy-node-target i{width:1.05rem;height:1.05rem;border:3px solid #fff;background:var(--target-color);box-shadow:0 0 8px #fff,0 0 30px var(--target-glow);animation:target-pulse .65s ease-in-out infinite alternate}@keyframes target-pulse{0%{transform:scale(.82)}to{transform:scale(1.12)}}.xy-node-route-muted{color:#94a3b852;background:#02061738;opacity:.35}.xy-node-route-muted i{border-color:#94a3b866;background:#47556966;box-shadow:none}.xy-node-freestyle-active{color:#fff;background:radial-gradient(circle,color-mix(in srgb,var(--cursor-color) 28%,transparent),transparent 72%);transform:scale(1.06);border-radius:.55rem}.xy-node-freestyle-active i{width:.95rem;height:.95rem;border:2px solid #fff;background:var(--cursor-color);box-shadow:0 0 7px #fff,0 0 24px var(--cursor-glow);animation:freestyle-cell-pulse .26s ease-out}@keyframes freestyle-cell-pulse{0%{transform:scale(.62);opacity:.65}to{transform:scale(1);opacity:1}}.xy-node-empty{opacity:.18}@keyframes xy-sound-pulse{0%{transform:scale(.6);box-shadow:0 0 0 0 var(--accent-glow)}to{transform:scale(1);box-shadow:0 0 8px #fff,0 0 32px var(--accent-glow)}}.xy-surface .tracking-cursor:before,.xy-surface .tracking-cursor:after{content:"";position:absolute;z-index:-1;left:50%;top:50%;pointer-events:none;background:var(--cursor-color);box-shadow:0 0 10px var(--cursor-glow);transform:translate(-50%,-50%)}.xy-surface .tracking-cursor:before{width:4.5rem;height:1px}.xy-surface .tracking-cursor:after{width:1px;height:4.5rem}.tracking-cursor{position:absolute;z-index:4;left:var(--cursor-x);top:var(--cursor-y);width:1.45rem;height:1.45rem;border:3px solid #fff;border-radius:50%;background:var(--cursor-color);box-shadow:0 0 8px #fff,0 0 24px var(--cursor-glow);transform:translate(-50%,-50%);transition:left 16ms linear,top 16ms linear}.cursor-progress{position:absolute;inset:-.55rem;border-radius:50%;pointer-events:none;background:conic-gradient(var(--cursor-color) var(--selection-angle),rgba(148,163,184,.22) 0);filter:drop-shadow(0 0 4px var(--cursor-glow));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}.tracking-cursor-idle .cursor-progress{opacity:0}.tracking-cursor-idle{border:2px dashed rgba(203,213,225,.65);background:#475569b8;box-shadow:0 0 0 5px #0f172a3d,0 0 16px #0f172ab3}.xy-surface .tracking-cursor-idle:before,.xy-surface .tracking-cursor-idle:after{background:#94a3b873;box-shadow:none}.song-guide-dock{position:absolute;z-index:8;top:.75rem;left:50%;display:flex;min-height:2.3rem;align-items:center;gap:.45rem;padding:.35rem;border:1px solid rgba(148,163,184,.3);border-radius:.65rem;color:#e2e8f0;background:#03070fd1;box-shadow:0 10px 30px #00000040;transform:translate(-50%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.song-guide-dock button,.song-guide-dock select{min-height:1.65rem;border:1px solid rgba(148,163,184,.3);border-radius:.4rem;color:#e2e8f0;background:#1e293bc7}.song-mode-toggle{padding:.3rem .6rem;font-weight:900;white-space:nowrap}.song-guide-dock-active .song-mode-toggle{color:#bef264;border-color:#bef2648c}.song-guide-title{display:grid;min-width:12rem;line-height:1.05}.song-guide-title strong{font-size:.76rem}.song-guide-title small{margin-top:.2rem;color:#94a3b8;font-size:.53rem}.song-guide-roadmap{display:grid;min-width:10rem;padding:.22rem .45rem;border-left:1px solid rgba(148,163,184,.24);line-height:1.05}.song-guide-roadmap small{color:#bef264;font-size:.52rem;font-weight:900;text-transform:uppercase}.song-guide-roadmap strong{margin-top:.14rem;font-size:.72rem}.song-guide-roadmap strong b{color:#67e8f9}.song-guide-roadmap span{margin-top:.16rem;color:#94a3b8;font-size:.5rem}.song-guide-vocal-cue{display:flex;align-items:center;gap:.35rem;margin-top:.2rem;padding:.18rem .3rem;border:1px solid rgba(251,191,36,.35);border-radius:.3rem;color:#fbbf24;font-size:.5rem;font-weight:900}.song-guide-vocal-cue span{margin:0;color:#fde68a;font-size:.45rem;letter-spacing:.08em}.song-guide-vocal-cue strong{font-size:.55rem}.song-guide-vocal-cue-active{color:#0f172a;border-color:#bef264;background:#bef264;box-shadow:0 0 .7rem #bef2648c}.song-guide-vocal-cue-active span{color:#365314}.song-guide-beats{display:flex;align-items:center;gap:.2rem;margin-top:.22rem}.song-guide-beats i{width:.28rem;height:.28rem;border-radius:50%;background:#fbbf24;box-shadow:0 0 .35rem #fbbf24ad}.song-guide-beats em{margin-left:.12rem;color:#cbd5e1;font-size:.48rem;font-style:normal}.song-guide-transport{display:flex;gap:.2rem}.song-guide-transport button{min-width:1.8rem;padding:.2rem .45rem;font-weight:900}.song-guide-transport .song-guide-play{min-width:3.5rem;color:#0f172a;background:#bef264}.song-guide-range{display:grid;gap:.1rem;color:#94a3b8;font-size:.48rem;font-weight:900;text-transform:uppercase}.song-guide-range select{padding:.2rem .35rem;font-size:.62rem;text-transform:none}.song-guide-count{min-width:2.4rem;color:#67e8f9;font-size:.62rem;font-weight:900;text-align:center}.settings-dock{position:absolute;left:1rem;bottom:1rem;z-index:6;display:flex;align-items:end;gap:.45rem;padding:.48rem;border:1px solid rgba(255,255,255,.15);border-radius:.8rem;background:#03070fb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.settings-dock label{min-width:6rem;color:#cbd5e1;font-size:.66rem}.settings-dock label>span{display:block;margin:0 0 .2rem .25rem}.settings-dock select{width:100%;min-height:2.25rem;padding:.35rem .55rem;border:1px solid rgba(148,163,184,.3);border-radius:.55rem;color:#fff;background:#0f172ae6}.dock-button{min-height:2.25rem;padding:.42rem .72rem;border:1px solid rgba(132,204,22,.55);border-radius:.55rem;background:#4d7c0fa6}.dock-button-muted,.dock-button-stop{border-color:#f8717180;background:#7f1d1d8c}.session-notice{position:absolute;z-index:8;left:50%;bottom:1rem;display:flex;align-items:center;gap:.7rem;max-width:38rem;padding:.55rem .65rem .55rem .85rem;border:1px solid rgba(251,191,36,.5);border-radius:.7rem;background:#03070fe0;transform:translate(-50%)}.session-notice-error{border-color:#f87171a6}.session-notice button{padding:.42rem .65rem;border:0;border-radius:.5rem;color:#fff;white-space:nowrap;background:#7c3aed}.audio-unlock{position:absolute;z-index:9;left:50%;bottom:4.5rem;padding:.7rem 1rem;border:1px solid rgba(250,204,21,.8);border-radius:.65rem;color:#fff;font-weight:800;background:#7c3aedf0;box-shadow:0 0 24px #7c3aed66;transform:translate(-50%)}@media(max-height:620px){.harmonizer-panel{top:3rem;max-height:calc(100svh - 3.5rem);overflow-y:auto}.instrument-settings-panel{gap:.5rem;padding:.65rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--handy-bg: #2c2b29;--handy-bg-deep: #242321;--handy-pink: #da5893;--handy-pink-soft: rgba(218,88,147,.18);--handy-white: #fbfbfb;--handy-gray: #a6a3a1;--handy-line: rgba(251,251,251,.18)}.camera-stage .top-actions{top:3.5rem;right:auto;left:.75rem;display:grid;width:13.5rem;gap:.22rem;padding:.65rem;border:1px solid var(--handy-line);border-radius:.5rem;background:#2c2b29f0;box-shadow:0 12px 30px #00000042;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.camera-stage .top-actions:before{display:block;padding:.15rem .35rem .45rem;border-bottom:1px solid var(--handy-line);color:var(--handy-gray);content:"MUSIC TOOLS";font-size:.7rem;font-weight:600;letter-spacing:.1em}.camera-stage .top-actions>.music-tools-toggle{min-height:1.9rem;padding:.3rem .4rem;color:var(--handy-gray);font-size:.72rem;font-weight:700}.camera-stage .top-actions>.music-tools-toggle[aria-expanded=true]{color:var(--handy-gray);background:transparent}.camera-stage .top-actions-collapsed{width:auto;min-width:7.2rem;padding:.32rem}.camera-stage .top-actions-collapsed:before{display:none}.camera-stage .top-actions-collapsed>button:not(.music-tools-toggle){display:none}.camera-stage .top-actions-collapsed>.music-tools-toggle{min-height:2.2rem;color:var(--handy-white);font-size:.8rem;text-align:center}.camera-stage .top-actions>button{min-height:2.75rem;padding:.6rem .7rem;border:1px solid transparent;border-radius:.5rem;color:var(--handy-white);font-size:.92rem;font-weight:500;text-align:left;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.camera-stage .top-actions>button:hover,.camera-stage .top-actions>button:focus-visible,.camera-stage .top-actions>button[aria-expanded=true],.camera-stage .top-actions>.harmonizer-button-active{border-color:transparent;color:#fff;background:var(--handy-pink);box-shadow:none}.camera-stage .top-actions>.voice-effect-button-active{border-color:transparent;color:#fff;background:var(--handy-pink);box-shadow:none}.camera-stage .library-count{color:#f8d7e5;background:#ffffff1f}.camera-stage .harmonizer-panel,.camera-stage .instrument-settings-panel{border-color:var(--handy-line);border-radius:.5rem;background:#2c2b29fa;box-shadow:0 16px 40px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.camera-stage .song-library{border-color:var(--music-panel-border);border-radius:2rem;background:linear-gradient(145deg,var(--music-panel-start),var(--music-panel-end));box-shadow:0 28px 90px #000000a6,0 0 32px #f472b617;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.camera-stage .harmonizer-panel header small,.camera-stage .instrument-settings-panel header small,.camera-stage .harmonizer-section-heading small{color:var(--handy-pink)}.camera-stage .harmonizer-panel header button,.camera-stage .instrument-settings-panel header button{border-color:var(--handy-line);border-radius:.5rem;background:#fbfbfb0f}.camera-stage .harmonizer-effect-card,.camera-stage .harmonizer-output-card,.camera-stage .instrument-settings-panel fieldset{border-color:var(--handy-line);border-radius:.5rem;background:#fbfbfb09}.camera-stage .harmonizer-effect-card{background:#da589314}.camera-stage .harmonizer-output-card{background:#fbfbfb06}.camera-stage .harmonizer-panel select,.camera-stage .settings-dock select,.camera-stage .settings-field-grid select,.camera-stage .song-guide-range select{min-height:2.3rem;border-color:var(--handy-line);border-radius:.5rem;color:var(--handy-white);background:var(--handy-bg-deep)}.camera-stage .harmonizer-panel input[type=range]{accent-color:var(--handy-pink)}.camera-stage .harmonizer-effect-nav,.camera-stage .harmonizer-output-controls button,.camera-stage .harmonizer-actions .harmonizer-bypass,.camera-stage .song-guide-transport button,.camera-stage .dock-button{border-color:var(--handy-line);border-radius:.5rem;color:var(--handy-white);background:#fbfbfb12}.camera-stage .harmonizer-effect-nav:hover,.camera-stage .harmonizer-effect-nav:focus-visible,.camera-stage .harmonizer-output-controls button:hover,.camera-stage .harmonizer-output-controls button:focus-visible{border-color:var(--handy-pink);background:var(--handy-pink-soft)}.camera-stage .harmonizer-actions>button:not(.harmonizer-stop):not(.harmonizer-bypass){border-color:var(--handy-pink);color:#fff;background:var(--handy-pink)}.camera-stage .harmonizer-actions>button:not(.harmonizer-stop):not(.harmonizer-bypass):hover,.camera-stage .harmonizer-actions>button:not(.harmonizer-stop):not(.harmonizer-bypass):focus-visible{background:#c94982}.camera-stage .harmonizer-actions .harmonizer-bypass.active{border-color:var(--handy-pink);color:#f8d7e5;background:var(--handy-pink-soft);box-shadow:none}.camera-stage .harmonizer-vibe{border-color:#da589357;border-radius:.5rem;background:linear-gradient(110deg,#da58931a,#fbfbfb06);box-shadow:none}.camera-stage .harmonizer-effect-description,.camera-stage .harmonizer-panel label,.camera-stage .harmonizer-panel footer,.camera-stage .settings-dock label,.camera-stage .session-notice{color:var(--handy-gray)}.camera-stage .settings-dock,.camera-stage .session-notice{border-color:var(--handy-line);border-radius:.5rem;background:#2c2b29f0;box-shadow:0 8px 24px #0000003d}.camera-stage .session-notice button{border-radius:.5rem;background:var(--handy-pink)}.camera-stage .song-guide-dock-active{border-color:var(--handy-pink)}.camera-stage .song-guide-dock-active .song-mode-toggle{color:#fff;background:var(--handy-pink)}@media(max-width:720px){.camera-stage .top-actions{top:.65rem;right:.65rem;left:.65rem;display:flex;width:auto;padding:.25rem;gap:.2rem}.camera-stage .top-actions:before{display:none}.camera-stage .top-actions>button{min-width:0;flex:1;padding-inline:.4rem;font-size:.68rem;text-align:center}.camera-stage .library-count{display:none}.camera-stage .top-actions-collapsed{right:auto;left:.65rem;display:block;width:auto}}.camera-stage .songs-button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:auto}.camera-stage .songs-button .library-count{display:block;width:max-content;margin:.18rem 0 0;white-space:nowrap;line-height:1.15}.camera-stage .instrument-settings-panel{align-self:flex-start;max-height:calc(100svh - 4rem)}.camera-stage .harmonizer-panel{max-height:calc(100svh - 1rem);gap:.75rem;overflow-y:auto;padding:.95rem}.camera-stage .harmonizer-effect-card,.camera-stage .harmonizer-output-card{gap:.45rem;padding:.52rem}.camera-stage .harmonizer-panel label,.camera-stage .harmonizer-effect-description{font-size:.82rem}.camera-stage .harmonizer-status{font-size:.8rem}.camera-stage .harmonizer-vibe-bars{height:1.85rem}.camera-stage .harmonizer-panel select{min-height:2.15rem}@media(max-width:720px){.camera-stage .songs-button .library-count{display:none}}.harmonizer-effect-picker{grid-template-columns:2.2rem minmax(0,1fr) 2.2rem;gap:.55rem}.harmonizer-effect-select-wrap{position:relative;min-width:0}.harmonizer-effect-select-wrap select{width:100%;padding-right:2rem;appearance:none;-webkit-appearance:none}.harmonizer-effect-select-arrow{position:absolute;top:50%;right:.7rem;color:#d1d5db;font-size:1rem;line-height:1;pointer-events:none;transform:translateY(-58%)}.harmonizer-effect-nav{display:grid;place-items:center;min-height:2.15rem;border-color:#fbfbfb3d;border-radius:.45rem;color:#f8fafc;font-size:1.1rem;font-weight:700;background:#fbfbfb14;box-shadow:none}.harmonizer-effect-nav:hover,.harmonizer-effect-nav:focus-visible{border-color:var(--handy-pink);color:#fff;background:var(--handy-pink-soft);box-shadow:0 0 0 1px #da589333}.song-library-grid li>button:not(.song-bookmark-button):not(.song-improve-button){grid-template-columns:3.75rem minmax(0,1fr)}.song-library-grid li>button:not(.song-bookmark-button):not(.song-improve-button)>strong,.song-library-grid li>button:not(.song-bookmark-button):not(.song-improve-button)>span,.song-library-grid li>button:not(.song-bookmark-button):not(.song-improve-button)>small{grid-column:2}.song-artwork{grid-column:1;grid-row:1 / span 3;align-self:center;width:3.75rem;height:3.75rem;border:1px solid rgba(255,255,255,.18);border-radius:.65rem;object-fit:cover;background:#111827;box-shadow:0 .35rem .8rem #0003}.song-artwork-fallback{position:relative;display:grid;align-content:end;justify-items:start;gap:.05rem;overflow:hidden;padding:.35rem;color:#f8d7e5;background:radial-gradient(circle at 72% 28%,color-mix(in srgb,var(--artwork-b) 72%,transparent),transparent 46%),linear-gradient(var(--artwork-angle),var(--artwork-a),var(--artwork-base) 62%,var(--artwork-b))}.song-artwork-fallback i{position:absolute;top:14%;right:10%;width:55%;height:55%;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 .3rem #ffffff0d,0 0 1rem #ffffff1f}.song-artwork-fallback b{position:relative;z-index:1;color:#fff;font-size:1.05rem;line-height:1;letter-spacing:-.06em}.song-artwork-fallback small{position:relative;z-index:1;color:#ffffffad;font-size:.32rem;font-weight:800;letter-spacing:.08em}.song-library-grid.practice-progression-grid li>button:not(.song-bookmark-button):not(.song-improve-button)>.song-artwork{grid-row:1 / span 3}.song-library-grid strong,.song-library-grid span,.song-library-grid small{min-width:0}@media(max-width:480px){.song-library-grid li>button:not(.song-bookmark-button):not(.song-improve-button){grid-template-columns:3.35rem minmax(0,1fr)}.song-artwork{width:3.35rem;height:3.35rem}}@media(min-width:641px){.song-library{width:min(40rem,100%);max-height:min(56.5rem,calc(100svh - 1.5rem))}.song-library-header{padding:1.55rem 2rem .55rem}.song-library-header h2{margin-top:.15rem;font-size:1.4rem}.song-library-close{width:2.6rem;height:2.6rem;font-size:1.5rem}.song-library-sticky-search{padding:.2rem 2rem .8rem}.song-library-filters{gap:.65rem;padding:.2rem 2rem .85rem}.song-library-search input{min-height:2.75rem;padding:.55rem .85rem;border-radius:.75rem;font-size:.85rem}.song-library-tempo select{min-height:2.35rem;padding:.4rem .65rem;border-radius:.65rem;font-size:.78rem}.practice-progressions{gap:.55rem;padding:.45rem 2rem .85rem}.practice-progressions-heading h3{margin-top:.12rem;font-size:1rem}.practice-progressions-empty{margin:-.2rem 0 .05rem;font-size:.7rem;line-height:1.35}.song-library-grid.practice-progression-grid li>button:not(.song-bookmark-button):not(.song-improve-button){min-height:4.25rem}.song-library-grid li>button:not(.song-bookmark-button):not(.song-improve-button){grid-template-columns:3.1rem minmax(0,1fr);gap:.18rem;padding:.5rem 3.6rem .5rem .8rem}.song-artwork{width:3.1rem;height:3.1rem}.song-library-grid strong{font-size:.82rem}.song-library-grid span{font-size:.66rem}.song-library-grid small{font-size:.61rem}.song-library-footer{padding:.6rem 2rem;font-size:.68rem}.song-library-footer button{min-width:11rem;min-height:2.4rem;border-radius:.7rem}}.storybook-backdrop{position:fixed;z-index:21;inset:0;display:grid;place-items:center;padding:1.75rem;background:#020617cc;-webkit-backdrop-filter:blur(14px) saturate(.78);backdrop-filter:blur(14px) saturate(.78)}.storybook-panel{position:relative;z-index:22;display:grid;width:min(76rem,100%);max-height:calc(100svh - 3.5rem);gap:1.15rem;overflow-y:auto;padding:1.65rem;border:1px solid var(--music-panel-border);border-radius:2rem;color:#f8fafc;background:linear-gradient(145deg,var(--music-panel-start),var(--music-panel-end));box-shadow:0 28px 90px #000000a6,0 0 32px #f472b617;scrollbar-color:rgba(244,114,182,.5) transparent}.storybook-panel header{display:flex;align-items:center;justify-content:space-between}.storybook-panel header div,.storybook-heading{display:grid;gap:.15rem}.storybook-title{grid-template-columns:2.75rem minmax(0,1fr);align-items:center;column-gap:.8rem!important}.storybook-title-icon{display:grid;grid-row:1 / 3;width:2.75rem;height:2.75rem;place-items:center;border:1px solid rgba(244,114,182,.42);border-radius:.85rem;color:#f9a8d4;background:linear-gradient(145deg,#e64f8f42,#397de238);box-shadow:inset 0 1px #ffffff0f}.storybook-title-icon .material-icon{width:1.5rem;height:1.5rem}.storybook-title>small,.storybook-title>strong{grid-column:2}.storybook-panel header small,.storybook-heading small{color:var(--music-accent);font-size:.75rem;font-weight:850;letter-spacing:.14em}.storybook-panel header strong{font-family:Georgia,serif;font-size:2rem;line-height:1.08;letter-spacing:-.015em}.storybook-panel header button{display:grid;width:2.5rem;height:2.5rem;place-items:center;padding:0 0 .1rem;border:1px solid rgba(148,163,184,.3);border-radius:.75rem;color:#e2e8f0;font-size:1.5rem;background:#0f172ab8}.storybook-panel header button:hover,.storybook-panel header button:focus-visible{border-color:var(--music-accent);color:#f9a8d4;background:#1e293be6}.storybook-intro{margin:0;max-width:51rem;color:#cbd5e1;font-size:.9rem;line-height:1.6}.storybook-copy{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem}.storybook-source-note{flex:none;margin:0;font-size:.78rem}.storybook-source-note a{color:#f9a8d4;text-decoration-color:#f472b673;text-underline-offset:.2rem}.storybook-source-note a:hover,.storybook-source-note a:focus-visible{color:#fce7f3}.chord-map-button-active{color:#fef3c7;background:linear-gradient(135deg,#0e7490e6,#2563ebdb)!important}.chord-map-layer{position:fixed;z-index:47;inset:0;background:#02061757}.chord-map-panel{position:fixed;z-index:48;top:4.15rem;right:1rem;width:min(36rem,calc(100vw - 2rem));max-height:calc(100vh - 5.15rem);overflow:auto;padding:1rem;border:1px solid rgba(125,211,252,.45);border-radius:1rem;color:#f8fafc;background:radial-gradient(circle at 80% 0%,rgba(14,116,144,.2),transparent 42%),#080f1cf5;box-shadow:0 1.4rem 4rem #0000007a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chord-map-panel>header,.chord-map-section-heading,.chord-map-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chord-map-panel>header small,.chord-map-section-heading span,.chord-map-storage-note{color:#7dd3fc;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.chord-map-panel>header strong{display:block;margin-top:.12rem;font-size:1.6rem}.chord-map-panel>header>button{flex:0 0 auto;width:2.35rem;height:2.35rem;padding:0;border-color:#ffffff3d;font-size:1.25rem}.chord-map-intro{margin:.8rem 0;color:#cbd5e1;font-size:.9rem;line-height:1.5}.chord-map-mode{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:.85rem;padding:.28rem;border-radius:.7rem;background:#0f172abf}.chord-map-mode button{min-height:2.75rem;font-size:.82rem}.chord-map-mode button[aria-pressed=true]{border-color:#38bdf8;color:#e0f2fe;background:#0e749085}.chord-map-panel section{margin-top:.75rem;padding:.72rem;border:1px solid rgba(148,163,184,.2);border-radius:.8rem;background:#0f172a94}.chord-map-section-heading strong{font-size:.95rem}.chord-map-section-heading span{letter-spacing:.04em}.chord-map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:.62rem}.chord-map-grid button{position:relative;min-width:0;min-height:4rem;padding:.52rem .2rem .35rem;border-color:#94a3b83d;background:#020617b8}.chord-map-grid button small{position:absolute;top:.2rem;left:.28rem;color:#64748b;font-size:.65rem}.chord-map-grid button strong{display:block;overflow:hidden;color:#f8fafc;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.chord-map-grid button[aria-pressed=true]{border-color:#38bdf8;background:linear-gradient(145deg,#0e7490a6,#1e40af7a);box-shadow:inset 0 0 0 1px #7dd3fc40}.chord-map-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;margin-top:.65rem}.chord-map-fields label{display:grid;gap:.28rem;color:#cbd5e1;font-size:.78rem}.chord-map-fields select,.chord-map-fields input{width:100%;min-width:0;min-height:2.25rem;padding:0 .55rem;border:1px solid rgba(148,163,184,.28);border-radius:.48rem;color:#f8fafc;background:#0f172a}.chord-map-actions{margin-top:.8rem}.chord-map-actions button{min-height:2.75rem;font-size:.8rem}.chord-map-actions .chord-map-done{min-width:7rem;border-color:#38bdf8;background:#0e749094}.chord-map-actions .chord-map-reset-armed{border-color:#fb7185;color:#ffe4e6;background:#9f12397a}.chord-map-storage-note{margin:.62rem 0 0;line-height:1.45;text-transform:none}.chord-map-storage-error{color:#fda4af}@media(max-width:600px){.chord-map-panel{top:4.1rem;right:.5rem;width:calc(100vw - 1rem);max-height:calc(100dvh - 4.6rem);padding:.8rem}.chord-map-grid button{min-height:3.05rem}.chord-map-fields{grid-template-columns:1fr 1fr}}.storybook-panel section{display:grid;gap:.85rem;align-content:start;padding:1.15rem;border:1px solid rgba(148,163,184,.2);border-radius:1rem;background:#0f172aa8;box-shadow:inset 0 1px #ffffff06}.storybook-workspace{display:grid;grid-template-columns:minmax(22rem,.88fr) minmax(0,1.12fr);gap:1.15rem;align-items:start}.storybook-heading{grid-template-columns:2.55rem minmax(0,1fr);align-items:center;gap:.75rem}.storybook-heading>div{display:grid;gap:.15rem}.storybook-section-icon{display:grid;width:2.55rem;height:2.55rem;place-items:center;border:1px solid rgba(244,114,182,.36);border-radius:.75rem;color:#f9a8d4;background:linear-gradient(145deg,#e64f8f33,#397de229)}.storybook-section-icon .material-icon{width:1.35rem;height:1.35rem}.storybook-heading strong{color:#f8fafc;font-size:1.25rem}.storybook-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.storybook-pack-grid button{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:start;min-width:0;min-height:5.25rem;gap:.3rem .75rem;padding:.8rem;border:1px solid rgba(100,116,139,.38);border-radius:.75rem;color:#f8fafc;text-align:left;background:#0f172ad6;transition:border-color .14s ease,background .14s ease,transform .14s ease}.storybook-pack-icon{display:grid;grid-row:1 / 4;width:3rem;height:3rem;place-items:center;border:1px solid rgba(244,114,182,.34);border-radius:.85rem;color:#f9a8d4;background:#e64f8f1f}.storybook-pack-icon .material-icon{width:1.55rem;height:1.55rem}.storybook-pack strong,.storybook-pack-description,.storybook-pack-layers{grid-column:2}.storybook-pack-woodland .storybook-pack-icon{border-color:#67e8f959;color:#a5f3fc;background:#0e749026}.storybook-pack-royal .storybook-pack-icon{border-color:#c4b5fd66;color:#c4b5fd;background:#6d28d92e}.storybook-pack-shadow .storybook-pack-icon{border-color:#60a5fa6b;color:#93c5fd;background:#2563eb29}.storybook-pack-finale .storybook-pack-icon{border-color:#f472b661;color:#f9a8d4;background:#be185d24}.storybook-pack-grid button:last-child{grid-column:1 / -1}.storybook-pack-grid button:hover,.storybook-pack-grid button:focus-visible{border-color:#f472b69e;background:#1e293bf0;transform:translateY(-1px)}.storybook-pack-grid button[aria-pressed=true]{border-color:var(--music-accent);background:linear-gradient(135deg,#e64f8f38,#397de229);box-shadow:inset 3px 0 var(--music-accent),0 .5rem 1.5rem #00000029}.storybook-pack-grid button strong{font-size:1rem}.storybook-pack-description{color:#cbd5e1;font-size:.82rem;line-height:1.45}.storybook-pack-grid button em{color:#f9a8d4;font-size:.72rem;font-style:normal;line-height:1.4;letter-spacing:.02em}.storybook-integration-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.storybook-integration-actions button{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.8rem;padding:.6rem .75rem;border:1px solid rgba(244,114,182,.48);border-radius:.7rem;color:#fce7f3;font-size:.82rem;font-weight:800;background:#be185d24}.storybook-integration-actions button:hover,.storybook-integration-actions button:focus-visible{color:#fff;border-color:var(--music-accent);background:linear-gradient(100deg,#e64f8f7a,#397de261)}.storybook-melody-heading{grid-template-columns:2.55rem minmax(0,1fr) auto;align-items:center}.storybook-melody-heading>div{display:grid;gap:.15rem}.storybook-melody-heading>span{color:#f9a8d4;font-size:.78rem;font-weight:750}.storybook-cue{min-height:2rem;padding:.48rem .65rem;border:1px solid rgba(100,116,139,.3);border-radius:.55rem;color:#94a3b8;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-align:center;background:#02061770}.storybook-cue-active{color:#fff;border-color:var(--music-accent);background:var(--music-primary-gradient);box-shadow:0 0 1rem #f472b647}.storybook-grid-label{margin:0;color:#cbd5e1;font-size:.78rem;font-weight:800}.storybook-chord-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none}.storybook-chord-strip li{display:grid;min-height:1.9rem;place-items:center;padding:.25rem;border:1px solid rgba(100,116,139,.28);border-radius:.45rem;color:#94a3b8;font-size:.7rem;font-weight:750;background:#02061766}.storybook-chord-strip .storybook-chord-active{color:#fff;border-color:var(--music-accent);background:#be185d52}.storybook-note-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none}.storybook-note-grid li{min-width:0}.storybook-note-grid button,.storybook-note-grid li>span{display:grid;width:100%;min-height:2.75rem;place-items:center;padding:.25rem;border:1px solid rgba(100,116,139,.34);border-radius:.55rem;color:#f8fafc;font-size:.86rem;font-weight:800;background:linear-gradient(180deg,#1e293beb,#0f172af5);box-shadow:inset 0 1px #ffffff09}.storybook-note-grid li>span{color:#94a3b8;font-size:.72rem}.storybook-note-grid button:hover,.storybook-note-grid button:focus-visible{border-color:var(--music-accent);background:#334155fa}.storybook-note-grid .storybook-note-active button,.storybook-note-grid .storybook-note-active>span{color:#fff;border-color:var(--music-accent);background:var(--music-primary-gradient);box-shadow:0 0 1rem #f472b64d}.storybook-transport{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem}.storybook-transport button{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.65rem 1rem;border:1px solid transparent;border-radius:.7rem;color:#fff;font-size:.9rem;font-weight:850;background:var(--music-primary-gradient);box-shadow:0 .6rem 1.5rem #da589333}.storybook-action-icon{width:1.15rem;height:1.15rem}.storybook-transport button:last-child{color:#fce7f3;border-color:#f472b64d;background:#ffffff0f}.storybook-transport button:disabled{cursor:default;opacity:.45}.storybook-status{min-height:1.2rem;margin:0;color:#cbd5e1;font-size:.82rem;line-height:1.45}.storybook-status-error{color:#fca5a5}.storybook-volume{display:grid;grid-template-columns:auto minmax(7rem,1fr) 3rem;align-items:center;gap:.75rem;min-height:2.55rem;padding:.5rem .7rem;border:1px solid rgba(148,163,184,.18);border-radius:.7rem;background:#02061757}.storybook-volume label{color:#e2e8f0;font-size:.78rem;font-weight:800}.storybook-volume input{width:100%;accent-color:var(--music-accent);cursor:pointer}.storybook-volume-value{color:#f9a8d4;font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:850;text-align:right}@media(max-width:720px){.storybook-backdrop{place-items:end center;padding:.5rem}.storybook-panel{width:100%;max-height:calc(100svh - 1rem);padding:1rem;border-radius:1rem}.storybook-panel header strong{font-size:1.4rem}.storybook-copy{display:grid;gap:.5rem}.storybook-workspace,.storybook-pack-grid{grid-template-columns:1fr}.storybook-pack-grid button:last-child{grid-column:auto}.storybook-integration-actions{grid-template-columns:1fr}.storybook-chord-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.storybook-note-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.camera-stage .top-actions{justify-content:flex-start;overflow-x:auto;padding-bottom:.4rem;scrollbar-color:var(--handy-pink) rgba(255,255,255,.08);scrollbar-width:thin}.camera-stage .top-actions::-webkit-scrollbar{height:.22rem}.camera-stage .top-actions::-webkit-scrollbar-thumb{border-radius:1rem;background:var(--handy-pink)}.camera-stage .top-actions>button{flex:0 0 auto;white-space:nowrap}}.song-library-grid li>.song-improve-button{position:absolute;z-index:3;top:50%;right:3.5rem;bottom:auto;display:block;width:auto;min-height:2rem;padding:.3rem .65rem;border:1px solid rgba(244,114,182,.48);border-radius:999px;color:#f8d7e5;background:#be185d3d;font-weight:800;transform:translateY(-50%)}.song-library-grid>li:has(.song-community-remixes){padding-bottom:.35rem}.song-library-grid>li:has(.song-community-remixes)>.song-improve-button{top:2.55rem}.song-library-grid>li:has(.song-community-remixes)>.song-bookmark-button{top:2.55rem}.song-library-grid .song-community-remixes{display:grid;margin:0 .7rem .55rem;padding:.55rem;border:1px solid rgba(57,125,226,.25);background:#2563eb1a}.song-library-grid .song-community-remixes li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border:0}.song-library-grid .song-community-remixes li>span{display:grid}.song-library-grid .song-community-remixes li>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem}.song-library-grid .song-community-remixes li button{width:auto;min-height:2rem;padding:.25rem .55rem;border:1px solid rgba(96,165,250,.4);border-radius:999px;color:#dbeafe;background:#1e40af4d;text-align:center}.song-library-grid .song-community-remixes li select{min-height:2rem;padding:.25rem .5rem;border:1px solid rgba(96,165,250,.28);border-radius:999px;color:#dbeafe;background:#172554}@media(max-width:720px){.song-library-grid .song-community-remixes li{align-items:stretch;flex-direction:column}}