.editor-shell .material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-style:normal;font-weight:400;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.editor-shell{display:flex;width:100%;height:100vh;overflow:hidden;background:transparent;position:relative}.editor-sidebar{width:260px;flex-shrink:0;background:rgba(10,10,10,.95);border-right:1px solid rgba(58,74,72,.18);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50;overflow-y:auto;transition:transform .3s ease;scrollbar-width:thin;scrollbar-color:rgba(0,221,214,.2) transparent}.editor-sidebar::-webkit-scrollbar{width:4px}.editor-sidebar::-webkit-scrollbar-track{background:transparent}.editor-sidebar::-webkit-scrollbar-thumb{background:rgba(0,221,214,.2);border-radius:2px}.editor-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(0,221,214,.4)}.sidebar-logo-area{padding:28px 24px 16px}.sidebar-logo-link{text-decoration:none}.sidebar-logo-text{font-family:Manrope,sans-serif;font-size:1.8rem;font-weight:700;color:#cffffb;letter-spacing:-.03em;line-height:1}.sidebar-logo-o{color:#00ddd6}.sidebar-tagline{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:#b9cac8;opacity:.55;margin-top:4px}.sidebar-new-song-wrap{padding:0 20px 20px}.sidebar-new-song-btn{width:100%;padding:11px 16px;background:#00f2ea;color:#003735;border:none;border-radius:8px;font-weight:700;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:center;font-family:inherit;transition:box-shadow .2s ease,opacity .2s ease}.sidebar-new-song-btn:hover{box-shadow:0 0 16px rgba(0,242,234,.45);opacity:.92}.sidebar-new-song-btn .material-symbols-outlined{font-size:18px}.sidebar-nav{flex:1 1;padding:4px 0}.sidebar-nav-item{display:flex;align-items:center;gap:14px;padding:11px 24px;font-size:.88rem;color:#b9cac8;cursor:pointer;border-left:2px solid transparent;transition:color .15s ease,background .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-nav-item:hover{color:#cffffb;background:rgba(0,221,214,.06)}.sidebar-nav-item.active{color:#e5e2e1;border-left-color:#00ddd6;background:rgba(0,221,214,.08);font-weight:600}.sidebar-nav-item .material-symbols-outlined{font-size:20px;flex-shrink:0}.sidebar-nav-item.active .material-symbols-outlined,.sidebar-nav-item:hover .material-symbols-outlined{color:#00ddd6}.sidebar-tutorial-btn-wrap{padding:4px 16px 8px}.sidebar-tutorial-btn{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:1px solid rgba(0,221,214,.22);border-radius:8px;color:rgba(255,255,255,.55);padding:8px 14px;font-size:.82rem;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.sidebar-tutorial-btn .material-symbols-outlined{font-size:17px;color:rgba(0,221,214,.6)}.sidebar-tutorial-btn:hover{border-color:rgba(0,221,214,.5);color:#00ddd6;background:rgba(0,221,214,.06)}.sidebar-tutorial-btn:hover .material-symbols-outlined{color:#00ddd6}.sidebar-bottom{border-top:1px solid rgba(58,74,72,.15);padding:8px 0 12px}.sidebar-bottom-lang{padding:8px 20px 4px}.sidebar-bottom-lang .language-switcher{gap:6px}.sidebar-bottom-lang .lang-button{background:rgba(0,221,214,.06);color:rgba(255,255,255,.6);border:1px solid rgba(0,221,214,.2);border-radius:6px;padding:5px 12px;font-size:.75rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;font-family:inherit;-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar-bottom-lang .lang-button:hover{background:rgba(0,221,214,.12);border-color:rgba(0,221,214,.45);color:#fff;transform:none}.sidebar-bottom-lang .lang-button.active{background:rgba(0,221,214,.16);border-color:rgba(0,221,214,.6);color:#00ddd6;box-shadow:none}.editor-workspace{margin-left:260px;display:flex;flex-direction:column;height:100vh;flex:1 1;overflow:hidden}.editor-topbar{height:60px;display:flex;align-items:center;gap:16px;padding:0 24px;flex-shrink:0;background:transparent;position:relative;z-index:10}.editor-hamburger{display:none;background:none;border:none;color:#b9cac8;cursor:pointer;padding:4px}.editor-hamburger .material-symbols-outlined{font-size:24px}.editor-topbar-search{position:relative;flex:1 1;max-width:460px}.editor-topbar-search input{width:100%;background:rgba(255,255,255,.04);border:none;border-bottom:1px solid rgba(58,74,72,.3);color:#e5e2e1;font-size:.875rem;padding:8px 12px 8px 36px;border-radius:8px 8px 0 0;font-family:inherit;outline:none;transition:border-color .2s ease,background .2s ease}.editor-topbar-search input:focus{border-color:#00ddd6;background:rgba(255,255,255,.06)}.editor-topbar-search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#b9cac8;font-size:18px;pointer-events:none}.editor-topbar-icons{gap:16px;margin-left:auto}.editor-topbar-icon-btn,.editor-topbar-icons{display:flex;align-items:center;color:#b9cac8}.editor-topbar-icon-btn{background:none;border:none;cursor:pointer;padding:4px;transition:color .15s ease;z-index:999}.editor-topbar-icon-btn:hover{color:#cffffb}.editor-topbar-icon-btn .material-symbols-outlined{font-size:22px}.editor-main{flex:1 1;overflow-y:auto;padding:20px 32px 48px;display:flex;flex-direction:column;align-items:stretch;scrollbar-width:thin;scrollbar-color:rgba(0,221,214,.25) transparent}.editor-main::-webkit-scrollbar{width:6px}.editor-main::-webkit-scrollbar-track{background:transparent}.editor-main::-webkit-scrollbar-thumb{background:rgba(0,221,214,.25);border-radius:3px}.editor-main::-webkit-scrollbar-thumb:hover{background:rgba(0,221,214,.5)}.editor-main-layout{width:100%;display:flex;gap:20px}.editor-main-layout,[dir=ltr] .editor-main{align-items:flex-start}[dir=rtl] .editor-main{align-items:flex-end}[dir=rtl] .editor-main-layout{direction:rtl}.editor-card{flex:1 1;min-width:0;width:100%;background:rgba(20,20,20,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:rgba(255,255,255,.1) rgba(255,255,255,.04) rgba(255,255,255,.04) rgba(255,255,255,.07);border-style:solid;border-width:1px;border-radius:14px;min-height:75vh;box-shadow:0 24px 60px rgba(0,0,0,.55);overflow:hidden}.editor-card,.editor-card-header{display:flex;flex-direction:column}.editor-card-header{padding:28px 32px 20px;border-bottom:1px solid rgba(58,74,72,.2);gap:12px}.editor-card-title-input{background:transparent;border:none;outline:none;font-family:Manrope,sans-serif;font-size:2.6rem;font-weight:700;color:#e5e2e1;letter-spacing:-.02em;line-height:1.15;width:100%;padding:0}.editor-card-title-input::placeholder{color:rgba(229,226,225,.2)}.editor-card-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.editor-card-meta-field{display:flex;flex-direction:column;gap:2px}.editor-card-meta-label{font-family:JetBrains Mono,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#00ddd6}.editor-card-meta-value{font-size:.875rem;color:#b9cac8}.editor-card-meta-divider{width:1px;height:28px;background:rgba(58,74,72,.35);flex-shrink:0}.editor-jam-title{padding:20px 32px 14px;border-bottom:1px solid rgba(58,74,72,.15);flex-shrink:0}.editor-jam-title-text{font-family:Manrope,sans-serif;font-size:2rem;font-weight:700;color:#e5e2e1;letter-spacing:-.02em;line-height:1.15}.editor-jam-title-artist{font-family:Inter,sans-serif;font-size:.85rem;color:#b9cac8;margin-top:4px}@media (max-width:768px){.editor-jam-title{padding:12px 16px 10px}.editor-jam-title-text{font-size:1.4rem}}.editor-shell .editor-container,.editor-shell .editor-wrapper{padding:0;align-items:stretch}.editor-shell .editor-container,.editor-shell .editor-container-with-toggle,.editor-shell .editor-wrapper{width:100%;max-width:none;flex:1 1;display:flex;flex-direction:column}.editor-shell .editor-box{max-width:none!important;width:100%!important;border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;flex:1 1;display:flex;flex-direction:column}.editor-shell #editor{max-width:none;width:100%;flex:1 1;padding:24px 32px 40px;box-sizing:border-box;background-image:none}.editor-shell .title-container{display:none}.editor-shell #editor{color:#c9c6c5;font-size:1rem;line-height:2.6}.editor-shell .chorded:before{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;color:#00ddd6!important;font-family:JetBrains Mono,monospace!important;font-weight:700!important;letter-spacing:.04em!important;bottom:72%!important}.editor-shell .editor:not(.jam) .chorded:before{font-size:.8rem!important}.editor-shell .editor.jam .chorded:before{font-size:1rem!important;color:#00ddd6!important;font-family:JetBrains Mono,monospace!important}.editor-shell #chordInput{background:rgba(20,20,20,.96)!important;border-color:#00ddd6!important;color:#e5e2e1!important}.editor-shell .floating-editor-mode-toggle{background:rgba(16,16,16,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.09);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.5)}.editor-shell .floating-editor-mode-toggle:active{box-shadow:0 4px 20px rgba(0,242,234,.2)}.editor-shell .drag-handle{color:rgba(185,202,200,.35)}.editor-shell .drag-handle:active{color:rgba(0,221,214,.7)}.editor-shell .floating-editor-mode-toggle button{background:transparent;border-color:transparent;color:#b9cac8;font-size:.8rem}.editor-shell .floating-editor-mode-toggle button:hover:not(.active){background:rgba(0,221,214,.08);color:#cffffb;transform:none;box-shadow:none;border-color:transparent}.editor-shell .floating-editor-mode-toggle button.active{background:rgba(0,242,234,.14);color:#00ddd6;border-color:rgba(0,242,234,.35);box-shadow:none;transform:none;font-weight:700}.editor-shell .chorded:hover:before{color:#cffffb!important;text-shadow:0 0 10px rgba(0,221,214,.65)!important;cursor:pointer}.editor-shell .chorded.chord-active:before{color:#ffffff!important;text-shadow:0 0 18px rgba(0,242,234,1),0 0 36px rgba(0,242,234,.45)!important;transition:text-shadow .15s ease!important}.editor-floating-actions{position:fixed;bottom:40px;right:40px;display:flex;flex-direction:column;gap:14px;align-items:flex-end;z-index:100}.editor-floating-row{display:flex;gap:14px}.editor-fab{width:52px;height:52px;border-radius:50%;background:rgba(20,20,20,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,242,234,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#b9cac8;transition:all .2s ease}.editor-fab:hover{color:#00ddd6;box-shadow:0 0 16px rgba(0,242,234,.35);border-color:rgba(0,242,234,.4)}.editor-fab .material-symbols-outlined{font-size:22px}.editor-fab-primary{display:flex;align-items:center;gap:10px;padding:14px 28px;background:#00f2ea;color:#003735;font-weight:700;border:none;border-radius:9999px;cursor:pointer;font-family:inherit;font-size:.95rem;transition:box-shadow .2s ease,opacity .2s ease}.editor-fab-primary:hover{box-shadow:0 0 22px rgba(0,242,234,.55);opacity:.93}.editor-fab-primary .material-symbols-outlined{font-size:20px}.help-panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:149}.editor-help-panel{position:fixed;top:0;right:-360px;width:320px;height:100vh;background:#1c1b1b;border-left:1px solid rgba(58,74,72,.22);z-index:150;transition:right .28s ease;display:flex;flex-direction:column;overflow:hidden}.editor-help-panel.open{right:0}.help-panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(58,74,72,.18);flex-shrink:0}.help-panel-title{font-weight:600;font-size:.95rem;color:#e5e2e1}.help-panel-close{background:none;border:none;color:#b9cac8;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.help-panel-close:hover{color:#cffffb}.help-panel-close .material-symbols-outlined{font-size:20px}.help-panel-body{flex:1 1;overflow-y:auto;padding:24px}.help-panel-steps{list-style:decimal;padding-left:20px;display:flex;flex-direction:column;gap:16px;color:#b9cac8;font-size:.88rem;line-height:1.6}.help-panel-steps li{padding-left:6px}.help-panel-reset-btn{margin-top:24px;padding:8px 16px;background:rgba(0,221,214,.1);border:1px solid rgba(0,221,214,.25);border-radius:8px;color:#00ddd6;font-size:.8rem;cursor:pointer;font-family:inherit;transition:background .15s}.help-panel-reset-btn:hover{background:rgba(0,221,214,.18)}.help-panel-footer{padding:16px 24px 24px;border-top:1px solid rgba(58,74,72,.18);display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}.help-panel-footer a{color:#64748b;text-decoration:none;font-size:.78rem;transition:color .15s}.help-panel-footer a:hover{color:#cffffb}.sidebar-jam-panel{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:8px}.sidebar-exit-jam-btn{display:flex;align-items:center;gap:10px;margin:4px 20px 16px;padding:11px 16px;background:#00f2ea;color:#003735;border:none;border-radius:8px;font-family:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:box-shadow .2s ease,opacity .2s ease;justify-content:center}.sidebar-exit-jam-btn:hover{box-shadow:0 0 16px rgba(0,242,234,.45);opacity:.92}.sidebar-exit-jam-btn .material-symbols-outlined{font-size:18px}.sidebar-jam-section{padding:12px 20px;border-top:1px solid rgba(58,74,72,.15);display:flex;flex-direction:column;gap:10px}.sidebar-jam-toggle-row{display:flex;align-items:center;gap:14px;padding:11px 20px;border-top:1px solid rgba(58,74,72,.12);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease}.sidebar-jam-toggle-row:hover{background:rgba(0,221,214,.06)}.sidebar-jam-row-icon{font-size:20px!important;color:rgba(185,202,200,.55);flex-shrink:0;transition:color .15s ease}.sidebar-jam-toggle-row.on .sidebar-jam-row-icon{color:#00ddd6}.sidebar-jam-row-label{flex:1 1;font-size:.88rem;color:#b9cac8;transition:color .15s ease}.sidebar-jam-toggle-row.on .sidebar-jam-row-label{color:#e5e2e1}.sidebar-jam-switch{position:relative;width:32px;height:18px;flex-shrink:0;border-radius:9px;background:rgba(58,74,72,.45);border:1px solid rgba(58,74,72,.6);transition:background .2s ease,border-color .2s ease}.sidebar-jam-switch:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(185,202,200,.45);top:2px;left:2px;transition:left .2s ease,background .2s ease}.sidebar-jam-toggle-row.on .sidebar-jam-switch{background:rgba(0,242,234,.18);border-color:rgba(0,242,234,.5)}.sidebar-jam-toggle-row.on .sidebar-jam-switch:after{background:#00ddd6;left:16px}.sidebar-jam-sublabel{font-family:JetBrains Mono,monospace;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(185,202,200,.45)}.sidebar-jam-speed{padding:0 20px 10px;border-top:none}.sidebar-jam-slider{width:100%;height:4px;accent-color:#00ddd6;cursor:pointer;border-radius:2px}.sidebar-jam-chips{display:flex;gap:6px;flex-wrap:wrap}.sidebar-jam-chip{flex:0 0 auto;padding:6px 12px;border-radius:7px;border:1px solid rgba(58,74,72,.35);background:rgba(255,255,255,.04);color:rgba(185,202,200,.7);font-size:.78rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center;white-space:nowrap}.sidebar-jam-chip:hover:not(.active){border-color:rgba(0,242,234,.3);color:#cffffb;background:rgba(0,242,234,.06)}.sidebar-jam-chip.active{background:rgba(0,242,234,.14);border-color:rgba(0,242,234,.5);color:#00ddd6;font-weight:700}.sidebar-metronome-wrap{padding:10px 20px 14px}.sidebar-metronome-wrap .metronome-container{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;position:static!important;border-radius:0!important}.sidebar-metronome-wrap .metronome-controls{display:flex;align-items:center;gap:8px}.sidebar-metronome-wrap .metronome-label{display:none}.sidebar-metronome-wrap .metronome-bpm-input{width:60px;height:40px;padding:7px 8px;background:rgba(255,255,255,.05);border:1px solid #00ddd6;border-radius:7px;color:#00ddd6;font-size:1rem;font-family:JetBrains Mono,monospace;font-weight:600;text-align:center;outline:none;transition:border-color .15s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.sidebar-metronome-wrap .metronome-bpm-input::-webkit-inner-spin-button,.sidebar-metronome-wrap .metronome-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none}.sidebar-metronome-wrap .metronome-bpm-input:focus{border-color:rgba(0,242,234,.6);background:rgba(0,242,234,.06)}.sidebar-metronome-wrap .metronome-bpm-input:after{content:"BPM"}.sidebar-metronome-wrap .metronome-play-button{flex:1 1;padding:7px 12px;border-radius:7px;border:1px solid #00ddd6;background:rgba(255,255,255,.04);color:rgba(185,202,200,.75);font-size:.82rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:center}.sidebar-metronome-wrap .metronome-play-button:hover{border-color:rgba(0,242,234,.3);color:#cffffb;background:rgba(0,242,234,.06)}.sidebar-metronome-wrap .metronome-play-button.playing{background:rgba(0,242,234,.14);border-color:rgba(0,242,234,.5);color:#00ddd6;font-weight:700}.sidebar-metronome-wrap .metronome-close-button{display:none}[dir=rtl] .editor-sidebar{left:auto;right:0;border-right:none;border-left:1px solid rgba(58,74,72,.18)}[dir=rtl] .editor-sidebar .sidebar-nav-item{border-left:none;border-right:2px solid transparent}[dir=rtl] .editor-sidebar .sidebar-nav-item.active{border-right-color:#00ddd6}[dir=rtl] .editor-workspace{margin-left:0;margin-right:260px}[dir=rtl] .editor-topbar-search input{padding:8px 36px 8px 12px}[dir=rtl] .editor-topbar-search .search-icon{left:auto;right:10px}[dir=rtl] .editor-floating-actions{right:auto;left:40px;align-items:flex-start}[dir=rtl] .editor-help-panel{right:auto;left:-360px;border-left:none;border-right:1px solid rgba(58,74,72,.22)}[dir=rtl] .editor-help-panel.open{left:0}[dir=rtl] .editor-card-header{text-align:right}@media (max-width:768px){.editor-sidebar{transform:translateX(-100%);z-index:200}.editor-sidebar.open{transform:translateX(0)}[dir=rtl] .editor-sidebar{transform:translateX(100%)}[dir=rtl] .editor-sidebar.open{transform:translateX(0)}.editor-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199}.editor-workspace{margin-left:0!important;margin-right:0!important}.editor-hamburger{display:flex}.editor-main{padding:0;overflow-y:hidden}.editor-main-layout{flex:1 1;min-height:0;height:100%;flex-direction:column;gap:0;align-items:stretch}.editor-card{flex:1 1;min-height:0;border-radius:0;border-left:none;border-right:none;border-bottom:none}.editor-card-title-input{font-size:1.6rem}.editor-card-header{padding:10px 16px 8px;border-bottom:none}.editor-card-title-input{font-size:1.4rem}.editor-shell #editor{padding:12px 16px 80px}.editor-floating-actions{bottom:24px;right:16px}[dir=rtl] .editor-floating-actions{right:auto;left:16px}}