: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:.18rem;padding:.5rem;border:0;background:transparent;cursor:pointer;color:#fbfbfb7a;font-size:clamp(.9rem,1.35vw,1.2rem);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}.app-legal-links{position:absolute;z-index:8;bottom:.3rem;left:50%;display:flex;gap:.65rem;transform:translate(-50%);font-size:.58rem}.app-legal-links a{color:#e2e8f094;text-decoration:none}.app-legal-links a:hover,.app-legal-links a:focus-visible{color:#f8fafc;text-decoration:underline}.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}.account-status.allowance-exhausted-status{border-color:#f08ca573;color:#fff4f7;background:#1b1619f5}.billing-return-status{top:6.4rem}.allowance-exhausted-status button:first-child{border-color:#75c69d66;color:#d1fae5;background:#31785b47}.login-page{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:1.25rem;overflow-y:auto;overscroll-behavior:contain;background:#020617c2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card{position:relative;width:min(29rem,100%);max-height:100%;overflow-y:auto;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{width:3.25rem;height:3.25rem;margin:0 auto .8rem;border-radius:1.05rem;overflow:hidden;background:#11172d;box-shadow:0 .55rem 1.3rem #11172d47}.login-brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.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}.login-note a{color:#5b3dac;font-weight:750}.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%);max-height:calc(100svh - 2rem);overflow-y:auto;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(0,43.5fr) minmax(0,56.5fr);min-height:0}.pro-paywall-visual{position:relative;align-self:stretch;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:cover;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{box-sizing:border-box;min-height:39rem;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:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 0 1rem;padding:0;list-style:none}.pro-paywall-benefits li{display:grid;align-content:start;gap:.28rem;min-height:5.25rem;padding:.7rem .8rem .72rem;border-top:3px solid #b9546c;background:#ebe4d9}.pro-paywall-benefits strong{color:#20252c;font-family:Georgia,Times New Roman,serif;font-size:1.02rem;line-height:1.15}.pro-paywall-benefits span{color:#4f555e;font-size:.78rem;line-height:1.38}.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:has(input:focus-visible){outline:3px solid #2563eb;outline-offset:2px}.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:.04em;text-transform:uppercase;white-space:nowrap;background:#cee787}.pro-paywall-plans:disabled .pro-plan{cursor:not-allowed}.pro-paywall-consent{display:grid;grid-template-columns:1rem 1fr;gap:.08rem .48rem;margin-top:.72rem;color:#555a62;font-size:.62rem;line-height:1.35;text-align:left}.pro-paywall-consent input{display:grid;place-content:center;width:1.08rem;height:1.08rem;grid-row:1 / span 2;margin:.04rem 0 0;appearance:none;border:1.5px solid #797e87;border-radius:.24rem;color-scheme:light;background:#fff;cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.pro-paywall-consent input:after{width:.26rem;height:.5rem;border:solid #fff;border-width:0 .13rem .13rem 0;content:"";opacity:0;transform:translateY(-.04rem) rotate(45deg)}.pro-paywall-consent input:checked{border-color:#2563eb;background:#2563eb;box-shadow:0 0 0 1px #2563eb}.pro-paywall-consent input:checked:after{opacity:1}.pro-paywall-consent input:checked+label{color:#1d4ed8}.pro-paywall-consent input:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}.pro-paywall-consent input:disabled{cursor:not-allowed;opacity:.55}.pro-paywall-consent label{color:#353a42;font-size:.68rem;font-weight:800}.pro-paywall-consent a{color:#8f3349;font-weight:750}.pro-paywall-continue{width:100%;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{min-height:2.4rem;margin:0;color:#55585d;font-size:.65rem;font-weight:700;line-height:1.4;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:1080px){.pro-paywall-layout{grid-template-columns:1fr}.pro-paywall-visual{min-height:13rem;aspect-ratio:16 / 9}.pro-paywall-slides{inset:0;aspect-ratio:auto}.pro-paywall-slides img{object-fit:contain;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{min-height:40rem;padding:1.4rem 1rem .8rem}.pro-paywall h1{font-size:2.15rem}.pro-paywall-benefits{grid-template-columns:1fr}.pro-paywall-benefits li{min-height:0}}@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-profile-link{display:block;margin-top:1rem;padding:.8rem .9rem;border:1px solid #dbe3ed;border-radius:.65rem;color:#334155;font-size:.82rem;font-weight:750;text-align:left;text-decoration:none;background:#f8fafc}.account-profile-link:after{float:right;color:#64748b;content:"›";font-size:1rem}.account-profile-link:hover,.account-profile-link:focus-visible{border-color:#8b5cf6;color:#5b21b6;outline:2px solid #3b82f6;outline-offset:2px}.profile-shell{min-height:100svh;color:#f7f4ee;background:radial-gradient(circle at 78% 8%,rgba(55,91,184,.2),transparent 32rem),linear-gradient(145deg,#191817,#292725 58%,#201f1e)}.profile-header{display:flex;height:4.5rem;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,3.25rem);border-bottom:1px solid rgba(251,251,251,.12);background:#191817d6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.profile-brand,.profile-back{color:#f7f4ee;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-decoration:none}.profile-brand{display:flex;align-items:center;gap:.65rem}.profile-brand img{width:1.75rem;height:1.75rem;flex:0 0 auto;object-fit:contain;border-radius:.35rem}.profile-back{padding:.55rem .8rem;border:1px solid rgba(251,251,251,.18);border-radius:.4rem;letter-spacing:.03em}.profile-brand:hover,.profile-brand:focus-visible,.profile-back:hover,.profile-back:focus-visible{color:#bde0ff;outline:2px solid #75c69d;outline-offset:3px}.profile-layout{min-height:calc(100svh - 4.5rem)}.profile-nav{display:grid;width:min(62rem,calc(100% - 2rem));grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 auto;padding:1.2rem 0;border-bottom:1px solid rgba(251,251,251,.12)}.profile-nav a{display:grid;min-width:0;grid-template-columns:3.25rem minmax(0,1fr);align-items:center;gap:.8rem;padding:.55rem;border:1px solid rgba(251,251,251,.12);border-radius:.5rem;color:#bdb9b4;text-decoration:none;background:#0c0c0c33}.profile-menu-emoji{display:grid;width:3.25rem;height:3.25rem;place-items:center;border:1px solid rgba(251,251,251,.14);border-radius:.35rem;font-size:1.35rem;line-height:1;background:#ffffff0e}.profile-nav .profile-menu-copy{display:grid;min-width:0;gap:.15rem}.profile-nav strong{overflow:hidden;color:inherit;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.profile-nav small{overflow:hidden;color:#85817d;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.profile-nav a:hover,.profile-nav a:focus-visible{color:#fff;background:#ffffff0a;outline:none}.profile-nav a[aria-current=page]{color:#fff;border-color:#f08aa88c;background:#f08aa817;box-shadow:inset 3px 0 #f08aa8}.profile-main{width:min(62rem,100%);margin:0 auto;padding:clamp(1.35rem,4vw,2.75rem) 1rem 4rem}.profile-title-block{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.15rem 1.25rem;margin-bottom:1.25rem}.profile-title-block .profile-kicker{grid-column:1 / -1}.profile-title-block h1{margin:.15rem 0 0;font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.035em}.profile-title-block>p:last-child{max-width:38rem;margin:0 0 .15rem;color:#aaa6a1;font-size:.88rem;line-height:1.5}.profile-kicker,.profile-surface-label{margin:0;color:#f08aa8!important;font-size:.66rem!important;font-weight:850;letter-spacing:.14em}.profile-hero{display:flex;align-items:center;gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(251,251,251,.16);border-radius:.65rem;background:#fbfbfb0e;box-shadow:0 1.2rem 3rem #00000038}.profile-avatar{width:6rem;height:6rem;flex:0 0 auto;border:3px solid #f7f4ee;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px #f08aa83d}.profile-avatar-fallback{display:grid;place-items:center;color:#fff;font-size:1.4rem;font-weight:850;background:linear-gradient(145deg,#da5893,#375bb8)}.profile-hero-copy h2{margin:.35rem 0 .2rem;font-size:clamp(1.65rem,4vw,2.4rem)}.profile-hero-copy>p:not(.profile-surface-label){margin:0;color:#aaa6a1}.profile-hero-copy>span{display:inline-block;margin-top:.8rem;padding:.25rem .5rem;border:1px solid rgba(117,198,157,.38);border-radius:999px;color:#b8ead0;font-size:.7rem;font-weight:750;background:#31785b29}.profile-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.profile-overview-tile,.profile-surface{padding:1.35rem;border:1px solid rgba(251,251,251,.13);border-radius:.55rem;background:#0c0c0c3d}.profile-overview-tile h2,.profile-surface h2,.profile-danger-zone h2{margin:.35rem 0 .5rem;color:#fff;font-size:1.15rem}.profile-overview-tile>p:not(.profile-surface-label),.profile-surface>div>p:not(.profile-surface-label),.profile-danger-zone>div>p:not(.profile-surface-label){color:#aaa6a1;line-height:1.55}.profile-overview-tile a,.profile-text-link{color:#9fc9ff;font-weight:750;text-underline-offset:.2rem}.profile-surface{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:1rem;margin-bottom:1rem}.profile-surface-emoji{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid rgba(117,198,157,.28);border-radius:.5rem;font-size:1.25rem;line-height:1;background:#ffffff0d}.profile-account-management{display:grid;grid-template-columns:2.8rem minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.35rem;border:1px solid rgba(251,251,251,.13);border-radius:.55rem;color:#fff;text-decoration:none;background:#0c0c0c3d}.profile-account-management:hover,.profile-account-management:focus-visible{border-color:#9fc9ff8c;background:#375bb81f;outline:2px solid #75c69d;outline-offset:2px}.profile-account-management>span:nth-child(2){display:grid;gap:.18rem}.profile-account-management small{color:#f08aa8;font-size:.66rem;font-weight:850;letter-spacing:.14em}.profile-account-management strong{font-size:1rem}.profile-account-management>span>span{color:#aaa6a1;font-size:.78rem}.profile-account-management>b{color:#9fc9ff;font-size:1.5rem}.profile-subpage-back{display:inline-block;margin-bottom:1.1rem;color:#9fc9ff;font-size:.78rem;font-weight:750;text-decoration:none}.profile-subpage-back:hover,.profile-subpage-back:focus-visible{text-decoration:underline}.profile-danger-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;margin-top:2.25rem;padding:1.35rem;border:1px solid rgba(239,139,139,.38);border-radius:.55rem;background:#5f1d1d29}.profile-danger-page{margin-top:0}.profile-danger-zone .profile-surface-label,.profile-danger-zone h2{color:#ffb0b0!important}.profile-danger-zone>button{min-height:2.7rem;padding:.65rem .9rem;border:1px solid #d66b6b;border-radius:.4rem;color:#ffd7d7;font-weight:800;background:#83232357}.profile-delete-confirmation{grid-column:1 / -1;padding-top:1rem;border-top:1px solid rgba(239,139,139,.3)}.profile-delete-confirmation>p{color:#ffd0d0}.profile-delete-confirmation>div{display:flex;gap:.65rem}.profile-delete-confirmation button{min-height:2.7rem;padding:.6rem .9rem;border:1px solid rgba(251,251,251,.25);border-radius:.4rem;color:#fff;font-weight:750;background:#ffffff0f}.profile-delete-confirmation button:last-child{border-color:#dd6868;background:#9e3434}.profile-delete-confirmation-label{display:block;margin-bottom:.5rem;color:#f7f4ee;font-weight:700}.profile-delete-confirmation input{display:block;width:100%;max-width:24rem;margin-bottom:1rem;padding:.7rem;border:1px solid #aaa6a1;border-radius:.4rem;color:#fff;background:#191817;font:inherit}.profile-delete-confirmation input:focus-visible{outline:2px solid #9fc9ff;outline-offset:2px}.profile-delete-confirmation button:disabled{opacity:.55;cursor:not-allowed}.profile-surface.profile-recovery-surface{grid-template-columns:minmax(0,1fr)}.profile-error{margin-bottom:1rem;padding:.8rem 1rem;border:1px solid rgba(239,139,139,.4);border-radius:.45rem;color:#ffd0d0;background:#5f1d1d38}.profile-loading{display:flex;align-items:center;gap:1.35rem;padding:1.5rem;border:1px solid rgba(251,251,251,.12);border-radius:.6rem;background:#fbfbfb0a}.profile-loading-avatar{width:4.5rem;height:4.5rem;flex:0 0 auto;border-radius:50%;background:linear-gradient(90deg,#343230,#484542,#343230);background-size:200% 100%;animation:profile-shimmer 1.2s linear infinite}.profile-loading p{margin:0;color:#8f8b87;font-size:.65rem;font-weight:800;letter-spacing:.14em}.profile-loading h1{margin:.25rem 0 .65rem;font-size:1.55rem}.profile-loading-line{display:block;width:min(18rem,45vw);height:.65rem;border-radius:999px;background:linear-gradient(90deg,#343230,#484542,#343230);background-size:200% 100%;animation:profile-shimmer 1.2s linear infinite}@keyframes profile-shimmer{to{background-position:-200% 0}}.profile-empty{max-width:38rem;padding:clamp(1.5rem,4vw,2.5rem);border:1px solid rgba(251,251,251,.13);border-radius:.65rem;background:#fbfbfb0d}.profile-empty h1{margin:.4rem 0 .7rem;font-size:clamp(2rem,5vw,3rem)}.profile-empty>p:not(.profile-kicker){color:#aaa6a1;line-height:1.6}.profile-empty-actions{display:flex;gap:.65rem;margin-top:1.4rem}.profile-empty-actions a,.profile-empty-actions button{min-height:2.7rem;padding:.65rem .9rem;border:1px solid #6b9ddd;border-radius:.4rem;color:#e6f1ff;font:inherit;font-weight:750;text-decoration:none;background:#375bb847}@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}.profile-header{height:auto;min-height:4.5rem;gap:.65rem;padding:.8rem}.profile-layout{min-height:calc(100svh - 4.5rem)}.profile-nav{position:sticky;z-index:2;top:0;width:100%;gap:.45rem;padding:.55rem .8rem;background:#191817f5}.profile-nav a{grid-template-columns:2.35rem minmax(0,1fr);gap:.55rem;padding:.4rem}.profile-menu-emoji{width:2.35rem;height:2.35rem;font-size:1rem}.profile-nav strong{font-size:.76rem;line-height:1.15;white-space:normal}.profile-nav small{display:none}.profile-main{padding:1.35rem .8rem 2.5rem}.profile-title-block{display:block;margin-bottom:1.25rem}.profile-title-block>p:last-child{margin-top:.55rem}.profile-hero{align-items:flex-start}.profile-avatar{width:4.3rem;height:4.3rem}.profile-overview-grid{grid-template-columns:1fr}.profile-surface{grid-template-columns:2.35rem minmax(0,1fr)}.profile-surface-emoji{width:2.35rem;height:2.35rem;font-size:1rem}.profile-account-management{grid-template-columns:2.35rem minmax(0,1fr) auto;padding:.9rem}.profile-danger-zone{grid-template-columns:1fr}.profile-delete-confirmation>div,.profile-empty-actions{flex-direction:column}}.tool-label{display:grid;width:100%;grid-template-columns:1.1rem minmax(0,1fr);align-items:center;gap:.55rem;text-align:left}.tool-label .material-icon{width:1rem;height:1rem;color:currentColor}.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{display:grid;grid-column:1 / -1;gap:.45rem;min-width:0}.settings-sound-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.settings-sound-pack{position:relative;display:grid;min-width:0;min-height:4.7rem;align-content:start;gap:.18rem;padding:.55rem .62rem;overflow:hidden;border:1px solid var(--handy-line);border-radius:.35rem;color:var(--handy-white);background:#fbfbfb09;text-align:left}.settings-sound-pack>span{display:flex;align-items:baseline;justify-content:space-between;gap:.35rem}.settings-sound-pack strong{font-size:.78rem}.settings-sound-pack em{color:#aaa9a2;font-size:.62rem;font-style:normal;white-space:nowrap}.settings-sound-pack small{max-width:calc(100% - 2.3rem);color:#aaa9a2;font-size:.64rem;line-height:1.25}.settings-sound-pack>i{position:absolute;right:.5rem;bottom:.45rem;color:#df7894;font-size:.54rem;font-style:normal;font-weight:900;letter-spacing:.08em}.settings-sound-pack:first-child>i{color:#6fc69a}.settings-sound-pack:hover,.settings-sound-pack:focus-visible{border-color:#697fe5;background:#536bdc1f}.settings-sound-pack-active{border-color:#697fe5;background:#536bdc2e;box-shadow:inset 3px 0 #697fe5}.settings-sound-list{display:grid;max-height:13.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;overflow-y:auto;padding:.1rem .2rem .1rem .1rem;scrollbar-color:#55534f transparent}.settings-sound-option{position:relative;display:grid;min-width:0;min-height:3.2rem;align-content:center;gap:.12rem;padding:.48rem 2.25rem .48rem .58rem;border:1px solid var(--handy-line);border-radius:.3rem;color:var(--handy-white);background:#141413b3;text-align:left}.settings-sound-option strong{overflow:hidden;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.settings-sound-option small{color:#aaa9a2;font-size:.61rem}.settings-sound-option>i{position:absolute;top:.5rem;right:.5rem;color:#df7894;font-size:.52rem;font-style:normal;font-weight:900;letter-spacing:.08em}.settings-sound-option:hover,.settings-sound-option:focus-visible{border-color:#6fc69a;background:#2d664a24}.settings-sound-option-active{border-color:#6fc69a;background:#2d664a33;box-shadow:inset 3px 0 #6fc69a}.settings-sound-option-active small{color:#bdebd3}.settings-sound-option-dormant{border-style:dashed}.settings-sound-option-previewing{border-color:#df7894;background:#ac436329}.settings-sound-field>.settings-context-note{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-top:.4rem;padding:.5rem .6rem;border:1px solid rgba(143,180,239,.28);border-radius:.5rem;color:#dbeafe;background:#397de21a}.settings-sound-field>.settings-context-note button{flex:0 0 auto;min-height:2rem;padding:.25rem .55rem;border:1px solid rgba(240,140,165,.45);border-radius:.45rem;color:#fff4f7;background:#f08ca524}@media(max-width:420px){.settings-sound-list{max-height:15rem;grid-template-columns:1fr}.settings-sound-pack{min-height:4.4rem;padding:.48rem .52rem}.settings-sound-pack small{max-width:100%;padding-right:1.8rem}}.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}.camera-stage .song-library.singer-range-setup{width:min(39rem,100%);overflow:auto;border-color:#5b5650;border-radius:.5rem;color:#f4f0e8;background:#282622;box-shadow:0 24px 70px #0000009e}.camera-stage .singer-range-setup .song-library-header{display:flex;align-items:start;justify-content:space-between;gap:1.25rem;padding:1.45rem 1.5rem 1.1rem;border-bottom:1px solid #49453f;background:#302d29}.camera-stage .singer-range-setup .song-library-header:before{display:none}.camera-stage .singer-range-setup .song-library-header small,.singer-range-section-heading small{color:#ee849f;font-size:.62rem;font-weight:900;letter-spacing:.14em}.camera-stage .singer-range-setup .song-library-header h2{max-width:31rem;margin-top:.3rem;color:#faf7f0;font-size:1.65rem;font-weight:850;letter-spacing:-.025em;line-height:1.08}.camera-stage .singer-range-setup .song-library-header p{max-width:32rem;margin:.5rem 0 0;color:#b8b1a7;font-size:.78rem;line-height:1.45}.singer-range-close{display:grid;width:2.75rem;height:2.75rem;flex:none;place-items:center;border:1px solid #5b5650;border-radius:.35rem;color:#cfc8be;background:#3a3732}.singer-range-close:hover,.singer-range-close:focus-visible{border-color:#ee849f;color:#fff;background:#46393b}.singer-range-close .material-icon{width:1.05rem;height:1.05rem}.singer-range-body{display:grid;gap:.85rem;padding:1rem 1.5rem 1.1rem}.singer-range-manual,.singer-range-calibration{display:grid;gap:.75rem;padding:.9rem;border:1px solid #4e4a44;border-radius:.4rem;background:#211f1c}.singer-range-section-heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.8rem}.singer-range-section-heading h3{margin:.18rem 0 0;color:#f5f1e9;font-size:.92rem;font-weight:850}.singer-range-section-heading>span{color:#9fba8d;font-size:.61rem;font-weight:750;text-align:right}.singer-range-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.singer-range-options button{position:relative;display:grid;min-width:0;min-height:8.4rem;align-content:start;justify-items:start;gap:.45rem;padding:.72rem;border:1px solid #555049;border-radius:.35rem;color:#f3efe7;background:#302e2a;text-align:left;transition:border-color .14s ease,background .14s ease,transform .14s ease}.singer-range-options button:hover,.singer-range-options button:focus-visible{border-color:#6d84e6;background:#363633;transform:translateY(-1px)}.singer-range-options button:focus-visible{outline:2px solid #8ca1ff;outline-offset:2px}.singer-range-register{display:flex;width:2.7rem;height:2rem;align-items:end;justify-content:center;gap:.23rem;padding:.35rem .45rem;border:1px solid #615c55;border-radius:.25rem;color:#ee849f;background:#26231f}.singer-range-register i{width:.22rem;border-radius:1px;background:currentColor}.singer-range-register.is-low i:nth-child(1){height:1.05rem}.singer-range-register.is-low i:nth-child(2){height:.72rem}.singer-range-register.is-low i:nth-child(3){height:.42rem}.singer-range-register.is-medium i:nth-child(1),.singer-range-register.is-medium i:nth-child(3){height:.62rem}.singer-range-register.is-medium i:nth-child(2){height:1.05rem}.singer-range-register.is-high i:nth-child(1){height:.42rem}.singer-range-register.is-high i:nth-child(2){height:.72rem}.singer-range-register.is-high i:nth-child(3){height:1.05rem}.singer-range-option-copy{display:grid;gap:.2rem}.singer-range-option-copy strong{font-size:.96rem}.singer-range-option-copy small{min-height:2.35rem;color:#bbb4aa;font-size:.66rem;line-height:1.35}.singer-range-notes{color:#aebaff;font-size:.68rem;font-weight:850}.singer-range-options em{position:absolute;right:.6rem;bottom:.55rem;color:#91c6a7;font-size:.5rem;font-style:normal;font-weight:900;letter-spacing:.08em}.singer-range-calibration{border-color:#46594e;background:#242824}.singer-range-meter{display:flex;height:1.55rem;align-items:center;gap:.18rem}.singer-range-meter i{width:.16rem;height:.38rem;border-radius:1px;background:#6f7e73}.singer-range-meter i:nth-child(2),.singer-range-meter i:nth-child(8){height:.56rem}.singer-range-meter i:nth-child(3),.singer-range-meter i:nth-child(7){height:.78rem}.singer-range-meter i:nth-child(4),.singer-range-meter i:nth-child(6){height:1rem}.singer-range-meter i:nth-child(5){height:1.28rem;background:#8ebc9f}.singer-range-calibration.is-listening .singer-range-meter i{animation:singer-range-pulse .8s ease-in-out infinite alternate;background:#7189ec}.singer-range-calibration.is-listening .singer-range-meter i:nth-child(2n){animation-delay:-.35s}@keyframes singer-range-pulse{to{height:.28rem;opacity:.5}}.singer-range-message{display:grid;min-height:2.65rem;gap:.18rem;margin:0}.singer-range-message strong{color:#f4f0e8;font-size:.78rem}.singer-range-message span{color:#b8b2a9;font-size:.7rem;line-height:1.4}.singer-range-check-actions{display:flex;flex-wrap:wrap;gap:.5rem}.singer-range-calibrate,.singer-range-recommendation{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.42rem;padding:.48rem .85rem;border:1px solid #c9647e;border-radius:.35rem;color:#fff;font-size:.72rem;font-weight:850;background:#a84460}.singer-range-calibrate .material-icon{width:1rem;height:1rem}.singer-range-calibrate:hover:not(:disabled),.singer-range-calibrate:focus-visible{background:#91384f}.singer-range-calibrate:disabled{cursor:progress;opacity:.65}.singer-range-recommendation{border-color:#5d956f;background:#37664a}.singer-range-recommendation:hover,.singer-range-recommendation:focus-visible{background:#2d573e}.singer-range-privacy{display:flex;align-items:center;gap:.35rem;margin:0;color:#9faaa1;font-size:.61rem;line-height:1.35}.singer-range-privacy .material-icon{width:.85rem;height:.85rem;flex:none}.singer-range-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.5rem;border-top:1px solid #49453f;color:#aaa39a;font-size:.66rem;background:#201e1b}.singer-range-footer>span{max-width:24rem;line-height:1.4}.singer-range-footer button{display:inline-flex;min-height:2.75rem;flex:none;align-items:center;gap:.35rem;padding:.35rem .15rem;border:0;color:#f093aa;font-size:.7rem;font-weight:850;background:transparent}.singer-range-footer button span{font-size:1.25rem;line-height:.8}.singer-range-footer button:hover,.singer-range-footer button:focus-visible{color:#fff;text-decoration:underline}@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;flex-wrap:wrap}.practice-progressions-heading>span{white-space:normal}.song-library-footer{padding:.8rem 1.1rem}.song-library-footer button{min-width:0}.camera-stage .song-library.singer-range-setup{align-self:center;max-height:calc(100svh - .9rem);border-radius:.4rem}.camera-stage .singer-range-setup .song-library-header{padding:1.1rem .9rem .8rem}.camera-stage .singer-range-setup .song-library-header h2{padding-right:.25rem;font-size:1.35rem}.singer-range-body{gap:.65rem;padding:.75rem .9rem .8rem}.singer-range-manual,.singer-range-calibration{gap:.65rem;padding:.72rem}.singer-range-section-heading{align-items:start}.singer-range-section-heading>span{max-width:8rem}.singer-range-options{grid-template-columns:1fr;gap:.38rem}.singer-range-options button{min-height:4.55rem;grid-template-columns:2.7rem minmax(0,1fr) auto;align-items:center;align-content:center;gap:.65rem;padding:.58rem .65rem}.singer-range-option-copy small{min-height:0}.singer-range-notes{align-self:center}.singer-range-options em{right:.65rem;bottom:.35rem}.singer-range-check-actions{display:grid;grid-template-columns:1fr}.singer-range-footer{align-items:start;gap:.45rem;padding:.65rem .9rem}}@media(prefers-reduced-motion:reduce){.singer-range-calibration.is-listening .singer-range-meter i{animation:none}}@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-dock-active{max-width:calc(100vw - 24rem);flex-wrap:wrap;justify-content:center}.song-guide-roadmap{display:grid;min-width:7.25rem;padding:.22rem .35rem;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-roadmap .song-guide-identity{display:grid;min-width:0;margin:0 0 .22rem;color:#f8fafc;text-transform:none}.song-guide-roadmap .song-guide-identity strong,.song-guide-roadmap .song-guide-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-guide-roadmap .song-guide-identity strong{margin:0;font-size:.65rem}.song-guide-roadmap .song-guide-identity small{color:#cbd5e1;font-size:.5rem}.song-guide-announcement{margin:.2rem 0 0;color:#cbd5e1;font-size:.5rem;line-height:1.25}.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-sound{display:grid;gap:.1rem;color:#94a3b8;font-size:.48rem;font-weight:900;text-transform:uppercase}.song-guide-sound select{min-width:10rem;padding:.2rem .35rem;font-size:.62rem;text-transform:none}.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-key-stepper{display:grid;grid-template-columns:1.7rem minmax(3.2rem,auto) 1.7rem;align-items:center;overflow:hidden;border:1px solid rgba(148,163,184,.3);border-radius:.4rem;background:#1e293bc7}.song-guide-dock .song-guide-key-stepper button{display:grid;min-width:0;min-height:1.65rem;padding:0;place-items:center;border:0;border-radius:0;background:transparent}.song-guide-key-stepper button:first-child{border-right:1px solid rgba(148,163,184,.22)}.song-guide-key-stepper button:last-child{border-left:1px solid rgba(148,163,184,.22)}.song-guide-key-stepper button:hover:not(:disabled){color:#fff;background:#94a3b829}.song-guide-key-stepper button:focus-visible{position:relative;z-index:1;outline:2px solid #60a5fa;outline-offset:-2px}.song-guide-key-stepper .material-icon{width:.8rem;height:.8rem}.song-guide-key-stepper output{color:#f8fafc;font-size:.6rem;font-weight:800;text-align:center;text-transform:none}.song-guide-count{min-width:2.4rem;color:#67e8f9;font-size:.62rem;font-weight:900;text-align:center}.song-guide-dock .song-guide-collapse{display:inline-grid;width:1.4rem;min-width:1.4rem;min-height:1.55rem;padding:0;place-items:center;border-color:transparent;border-radius:0;color:#f08ca5;line-height:1;background:transparent}.song-guide-collapse .material-icon{width:1.15rem;height:1.15rem}.song-guide-dock .song-guide-collapse:hover{color:#fff;border-color:transparent;background:transparent}.song-guide-collapse:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.song-guide-dock-collapsed{gap:.35rem;padding:.28rem}.song-guide-dock-collapsed .song-guide-roadmap,.song-guide-dock-collapsed .song-guide-transport,.song-guide-dock-collapsed .song-guide-sound,.song-guide-dock-collapsed .song-guide-range{display:none}.session-action-stack{position:absolute;right:1rem;bottom:1.45rem;left:1rem;display:grid;justify-items:center;gap:.45rem;pointer-events:none}.session-action-stack>*{pointer-events:auto}.session-action-stack .account-status{position:relative;top:auto;right:auto}.settings-dock{position:relative;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}.microphone-live-status{position:relative;z-index:120;display:flex;align-items:center;gap:.65rem;padding:.45rem .5rem .45rem .7rem;border:1px solid rgba(117,198,157,.55);border-radius:.5rem;color:#d1fae5;background:#173429f5;box-shadow:0 8px 24px #0000004d;font-size:.72rem}.microphone-live-status button{min-height:2rem;padding:.35rem .6rem;border:1px solid rgba(248,113,113,.55);border-radius:.4rem;color:#fee2e2;background:#7f1d1db3;font-weight:800}.session-notice{position:relative;z-index:8;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}.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:relative;z-index:9;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}@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:.12rem;padding:.55rem;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 .7rem;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 .music-tools-guide{grid-column:1 / -1;margin:.1rem .35rem .35rem;padding:.45rem .5rem;border-left:2px solid var(--handy-green);color:var(--handy-gray);font-size:.72rem;line-height:1.4}.camera-stage .music-tools-guide b{color:var(--handy-white)}.camera-stage .music-tools-guide button{display:inline;margin-left:.45rem;padding:.1rem .28rem;border:1px solid rgba(117,198,157,.5);border-radius:.25rem;color:#d1fae5;font:inherit;font-weight:750;background:#31785b4d}.camera-stage .music-tools-guide button:hover,.camera-stage .music-tools-guide button:focus-visible{border-color:var(--handy-green);color:var(--handy-white);outline:2px solid var(--handy-blue);outline-offset:2px}.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{width:100%;min-width:0;min-height:2.5rem;padding:.48rem .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 .tool-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera-stage .top-actions .account-button .material-icon,.camera-stage .top-actions .voice-effect-button .material-icon{color:#8fb4ef}.camera-stage .top-actions .songs-button .material-icon,.camera-stage .top-actions .storybook-button .material-icon,.camera-stage .top-actions .harmonizer-button .material-icon{color:#f08ca5}.camera-stage .top-actions .bookmarked-button .material-icon{color:#e7bd67}.camera-stage .top-actions .chord-map-button .material-icon{color:#9fb9e6}.camera-stage .top-actions .settings-button .material-icon{color:#c4b5d9}.camera-stage .top-actions>button:hover .material-icon,.camera-stage .top-actions>button:focus-visible .material-icon,.camera-stage .top-actions>button[aria-expanded=true] .material-icon,.camera-stage .top-actions>.harmonizer-button-active .material-icon,.camera-stage .top-actions>.voice-effect-button-active .material-icon{color:#fff}.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){.account-status{z-index:9}.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;max-width:calc(100% - 1.65rem);margin:.18rem 0 0 1.65rem;overflow:hidden;text-overflow:ellipsis;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 - 4.25rem);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;grid-template-columns:minmax(0,1fr);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{min-width:0;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;flex-shrink:0;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 button{border:1px solid rgba(148,163,184,.3);border-radius:.48rem;color:#f8fafc;background:#1e293bcc}.chord-map-panel :is(button,input,select):focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}.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:#94a3b8;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;grid-template-columns:minmax(0,1fr);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-pro-badge{padding:.12rem .3rem;border:1px solid rgba(240,140,165,.5);border-radius:.35rem;color:#ffe4e9;font-size:.58rem;letter-spacing:.08em}.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{grid-template-columns:minmax(0,1fr)}.storybook-melody-heading{grid-template-columns:2.55rem minmax(0,1fr)}.storybook-melody-heading>span{grid-column:2}.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}}.performance-looper-layer{position:fixed;z-index:110;inset:0;pointer-events:none}.performance-looper-panel{position:absolute;top:50%;left:max(12rem,3vw);width:min(28rem,calc(100vw - 14rem));max-height:calc(100svh - 2rem);overflow-y:auto;pointer-events:auto;transform:translateY(-50%);border:1px solid #3b3d41;border-radius:.65rem;color:#f2f0eb;background:#141619;box-shadow:0 24px 72px #00000094}.performance-looper-panel-positioned{top:var(--performance-looper-y);left:var(--performance-looper-x);transform:translate(-50%,-50%)}.camera-stage .top-actions>.looper-button-active{border-color:#75c69d7a;color:#d1fae5;background:#31785b33}.performance-looper-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.2rem 1.25rem 1rem;border-bottom:1px solid #303238}.performance-looper-heading small{color:#df7894;font-size:.68rem;font-weight:850;letter-spacing:.11em}.performance-looper-heading h2{margin:.18rem 0 .25rem;font-family:ui-serif,Georgia,Cambria,serif;font-size:2rem;font-weight:600;letter-spacing:-.025em}.performance-looper-heading p{margin:0;color:#aaa69e;font-size:.88rem;line-height:1.45}.performance-looper-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:.4rem}.performance-looper-move{display:inline-flex;min-height:2.5rem;align-items:center;gap:.35rem;padding:.35rem .55rem;border:1px solid #42474f;border-radius:.4rem;color:#bbbdbb;background:#1b1e22;font-size:.7rem;font-weight:750;cursor:grab;touch-action:none}.performance-looper-move:active{cursor:grabbing}.performance-looper-move span{color:#70a1df;font-size:1rem}.performance-looper-close{display:inline-grid;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;padding:0;border:1px solid #5e4149;border-radius:.4rem;color:#efb0c0;background:#251b1f;place-items:center}.performance-looper-close .material-icon{width:1.2rem;height:1.2rem}.performance-looper-privacy{display:flex;align-items:center;gap:.65rem;margin:1rem 1.25rem;padding:.7rem .8rem;border-left:3px solid #66a37b;color:#bfc7bf;background:#18221c;font-size:.78rem;line-height:1.45}.performance-looper-privacy .material-icon{flex:0 0 1.15rem;width:1.15rem;height:1.15rem;color:#82bd93}.performance-looper-privacy strong{color:#dce9df}.performance-looper-bars{margin:0;padding:.15rem 1.25rem 1rem;border:0}.performance-looper-bars legend{margin-bottom:.55rem;color:#a9a59e;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.performance-looper-bar-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.performance-looper-length-note{display:block;margin-top:.4rem;color:#aaa9a2;font-size:.68rem}.performance-looper-bar-options button{position:relative;display:grid;min-height:4.1rem;padding:.5rem;border:1px solid #414348;border-radius:.4rem;color:#d4d1cb;background:#1d1f23;place-content:center;transition:border-color .14s ease,background .14s ease}.performance-looper-bar-options button:not(:disabled):hover{border-color:#6d86b4;background:#222833}.performance-looper-bar-options button[aria-pressed=true]{border-color:#4f85d4;color:#f4f7fc;background:#1c2b42;box-shadow:inset 0 -3px #4f85d4}.performance-looper-bar-options button:disabled{opacity:.5;cursor:not-allowed}.performance-looper-bar-options b{font-size:1.2rem;line-height:1}.performance-looper-bar-options span{color:#aaa69e;font-size:.68rem}.performance-looper-bar-options small{position:absolute;top:.35rem;right:.4rem;color:#e894aa;font-size:.57rem;font-weight:900;letter-spacing:.06em}.performance-looper-status{margin:0 1.25rem 1rem;padding:.85rem;border:1px solid #34363a;border-radius:.4rem;background:#101215}.performance-looper-summary{display:flex;justify-content:space-between;gap:1rem;color:#9d9992;font-size:.74rem;letter-spacing:.03em;text-transform:uppercase}.performance-looper-summary b{color:#f0ede7;font-size:.88rem}.performance-looper-progress{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:.25rem;height:.45rem;margin:.8rem 0 .55rem}.performance-looper-progress>span{border-radius:.12rem;background:#343941}.performance-looper-progress>.performance-looper-progress-active{background:#4d83d0}.performance-looper-position{display:flex;min-height:1.65rem;align-items:center;justify-content:space-between;gap:.75rem;color:#9d9992;font-size:.72rem}.performance-looper-count-in{display:flex;align-items:center;gap:.35rem;color:#777a7e}.performance-looper-count-in small{margin-right:.15rem;color:#aaa9a2;font-size:.64rem}.performance-looper-armed{color:#f2b2c2;font-size:.68rem;font-weight:750}.performance-looper-count-in span{display:inline-grid;width:1.5rem;height:1.5rem;border:1px solid #3c3f44;border-radius:.25rem;place-items:center}.performance-looper-count-in span[aria-current=step]{border-color:#df7894;color:#191316;font-weight:900;background:#df7894}.performance-looper-layers{margin:0 1.25rem 1rem;border:1px solid #34363a;border-radius:.4rem;background:#101215}.performance-looper-layers>header{display:flex;align-items:center;justify-content:space-between;padding:.55rem .7rem;border-bottom:1px solid #2f3237;color:#aaa69e;font-size:.67rem;letter-spacing:.06em;text-transform:uppercase}.performance-looper-layers>header b{color:#e6e3dc}.performance-looper-layers ol{margin:0;padding:0;list-style:none}.performance-looper-layers li{display:grid;grid-template-columns:1.7rem minmax(6rem,1fr) minmax(5rem,8rem);align-items:center;gap:.55rem;min-height:3.15rem;padding:.5rem .7rem}.performance-looper-layers li+li{border-top:1px solid #292c30}.performance-looper-layer-number{display:inline-grid;width:1.55rem;height:1.55rem;border:1px solid #4d668d;border-radius:.25rem;color:#d8e6fb;background:#1b2b42;font-size:.72rem;font-weight:850;place-items:center}.performance-looper-layer-name{display:grid;gap:.12rem;min-width:0}.performance-looper-layer-name b{overflow:hidden;color:#e9e6df;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.performance-looper-layer-name small{color:#8f918d;font-size:.65rem}.performance-looper-layer-bars{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:.2rem}.performance-looper-layer-bars i{height:.48rem;border-radius:.1rem;background:#343941}.performance-looper-layer-bars>.performance-looper-layer-bar-active{background:#66a37b}.performance-looper-layer-pending{background:#15171a}.performance-looper-layer-pending .performance-looper-layer-number{border-style:dashed;color:#aaa9a2;background:transparent}.performance-looper-layer-voice .performance-looper-layer-number{border-color:#4d8a70;color:#d5f5e7;background:#173328}.performance-looper-tempo-lock{margin:-.35rem 1.25rem .8rem;color:#d5b985;font-size:.68rem;line-height:1.4}.performance-looper-actions{padding:0 1.25rem 1rem}.performance-looper-error{margin:0 0 .75rem;padding:.65rem .75rem;border-left:3px solid #df7894;color:#f7d4dc;background:#2b1a20;font-size:.75rem}.performance-looper-primary{display:flex;width:100%;min-height:3.4rem;align-items:center;justify-content:center;gap:.55rem;border:1px solid #ec8ba5;border-radius:.45rem;color:#201116;background:#df7894;font-size:.98rem;font-weight:850}.performance-looper-primary:hover{background:#eba0b4}.performance-looper-primary .material-icon{width:1.25rem;height:1.25rem}.performance-looper-voice-action{display:inline-flex;width:100%;min-height:2.75rem;align-items:center;justify-content:center;gap:.45rem;margin-top:.55rem;border:1px solid #4d8a70;border-radius:.35rem;color:#def7ea;background:#19382c;font-size:.75rem;font-weight:800}.performance-looper-voice-action:hover,.performance-looper-voice-action:focus-visible{background:#24533f}.performance-looper-voice-action:disabled{cursor:not-allowed;opacity:.45}.performance-looper-headphones{margin:.4rem 0 0;color:#aaa9a2;font-size:.65rem;text-align:center}.performance-looper-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.55rem}.performance-looper-secondary button{display:flex;min-height:2.65rem;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .5rem;border:1px solid #3d4045;border-radius:.35rem;color:#c8c5bf;background:#1b1d21;font-size:.72rem;font-weight:750}.performance-looper-secondary button:not(:disabled):hover{border-color:#687b9c;background:#22262c}.performance-looper-secondary button:disabled{color:#666762;background:#17181b;cursor:not-allowed}.performance-looper-secondary .material-icon{width:1rem;height:1rem}.performance-looper-plan{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.25rem;border-top:1px solid #303238;background:#111316}.performance-looper-plan p{margin:0;color:#aaa69e;font-size:.75rem}.performance-looper-plan button{display:flex;min-height:2.35rem;align-items:center;gap:.35rem;padding:.4rem .65rem;border:1px solid #5378ad;border-radius:.35rem;color:#dbe8fb;background:#1b2b42;font-size:.72rem;font-weight:800}.performance-looper-plan button:hover{border-color:#6f9ddd;background:#203653}.performance-looper-plan .material-icon{width:1rem;height:1rem}.performance-looper-panel button:focus-visible{outline:2px solid #f2f0eb;outline-offset:2px}@media(max-width:540px){.performance-looper-layer{pointer-events:none}.performance-looper-panel{top:auto!important;bottom:0;left:0!important;width:100%;max-height:94svh;transform:none!important;border-right:0;border-bottom:0;border-left:0;border-radius:.65rem .65rem 0 0}.performance-looper-move{display:none}.performance-looper-header{padding:1rem}.performance-looper-privacy{margin:.85rem 1rem}.performance-looper-bars{padding-right:1rem;padding-left:1rem}.performance-looper-status,.performance-looper-layers,.performance-looper-tempo-lock{margin-right:1rem;margin-left:1rem}.performance-looper-actions{padding-right:1rem;padding-left:1rem}.performance-looper-secondary{grid-template-columns:1fr}.performance-looper-secondary button{min-height:2.45rem}.performance-looper-plan{align-items:stretch;flex-direction:column;padding:.8rem 1rem 1rem}.performance-looper-plan button{justify-content:center}}.performance-looper-record-status{margin:0 0 .6rem;padding:.45rem .6rem;border-left:3px solid #70a1df;color:#e4e8ef;background:#4f85d41f;font-size:.75rem;font-weight:750}@media(max-height:620px){.camera-stage .harmonizer-panel{position:fixed;top:.5rem;right:.5rem;bottom:.5rem;box-sizing:border-box;max-height:none;overscroll-behavior:contain}}@media(max-width:720px){.camera-stage .top-actions{right:auto;left:.65rem;display:grid;width:min(20rem,calc(100vw - 1.3rem));max-height:min(22rem,calc(100svh - 1.3rem));grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;overflow-x:hidden;overflow-y:auto;padding:.35rem;gap:.2rem;scrollbar-width:thin}.camera-stage .top-actions>.music-tools-toggle{grid-column:1 / -1}.camera-stage .top-actions>button{width:100%;min-height:2.65rem;justify-content:flex-start;white-space:normal;text-align:left}.camera-stage .top-actions .tool-label>span:last-child{white-space:normal}.camera-stage .top-actions-collapsed{display:block;width:auto;max-height:none;overflow:visible}.song-library-grid li>button:not(.song-bookmark-button):not(.song-improve-button){padding-right:1rem;padding-bottom:3.3rem}.song-library-grid li>.song-improve-button,.song-library-grid>li:has(.song-community-remixes)>.song-improve-button{top:auto;right:3.5rem;bottom:.55rem;transform:none}.song-library-grid li>.song-bookmark-button,.song-library-grid>li:has(.song-community-remixes)>.song-bookmark-button{top:auto;right:.65rem;bottom:.45rem;transform:none}.transport-dock{width:100%;justify-content:center}.microphone-live-status{width:100%;justify-content:space-between}.session-notice{width:100%;max-width:none}.session-action-stack{right:.65rem;bottom:1.85rem;left:.65rem;gap:.35rem}.song-guide-dock-active{right:.65rem;left:.65rem;width:auto;max-width:none;flex-wrap:wrap;justify-content:center;transform:none}.song-guide-dock-active .song-guide-roadmap{min-width:0;flex:1 1 8rem}.song-guide-dock-active.song-guide-dock-collapsed .song-guide-roadmap{display:grid}.song-guide-dock-active .song-guide-roadmap>:not(.song-guide-identity){display:none}.song-guide-dock-active .song-guide-identity{margin:0}.song-guide-dock-tool-open{position:fixed;z-index:120;top:.5rem}.song-guide-dock-tool-open .song-guide-transport,.song-guide-dock-tool-open .song-guide-sound,.song-guide-dock-tool-open .song-guide-range,.song-guide-dock-tool-open .song-guide-collapse{display:none}.song-guide-dock-tool-open~.session-action-stack{z-index:121;max-height:8rem;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.song-guide-dock-tool-open~.performance-looper-layer .performance-looper-panel,.song-guide-dock-tool-open~.instrument-settings-panel,.song-guide-dock-tool-open~.harmonizer-panel,.song-guide-dock-tool-open~.chord-map-panel{top:4.5rem;bottom:10rem;max-height:calc(100svh - 14.5rem)}.song-guide-dock-tool-open~.storybook-backdrop .storybook-panel{margin-top:4.5rem;margin-bottom:10rem;max-height:calc(100svh - 14.5rem)}.free-account-watermark{right:.65rem;bottom:13rem}.app-legal-links{bottom:.35rem;width:100%;justify-content:center}.billing-return-status{top:6.8rem;right:.65rem;left:.65rem;max-width:none}}