.step.compound-strong{width:calc(var(--step-size) * 1.3);height:calc(var(--step-size) * 1.3);border-radius:5px}.step.measure-start{width:calc(var(--step-size) * 1.3);height:calc(var(--step-size) * 1.3);border-radius:5px}.step.compound-weak{width:calc(var(--step-size) * .8);height:calc(var(--step-size) * .8);border-radius:50%}.panel-params #dirToggle{flex:0 0 auto;width:124px;gap:8px;padding:0;border:0;background:transparent}.panel-params #dirToggle button{flex:0 0 58px;width:58px;height:30px;padding:0 2px;border:1px solid var(--border);border-radius:5px;font-size:8px}@media(max-width:1100px){.panel-params #dirToggle button{height:44px;min-height:44px}}@media(max-width:1100px){body{padding:8px;gap:0}header{min-height:48px;margin-bottom:8px}.brand h1{font-size:12px}.brand p{font-size:8px}.index2-header-btn{min-height:44px}#index2SettingsBtn{width:44px}.mobile-tabs{gap:4px;padding:4px;margin-bottom:8px}.mobile-tabs button{min-height:44px;font-size:10px;letter-spacing:.2px;padding:8px 4px;color:#b6b6c2}.mobile-tabs button.active{color:#000}.main-grid{overflow:hidden}.main-grid>.panel.mobile-active{height:100%;overflow-y:auto;padding:14px;gap:14px}.panel-title{font-size:11px;padding-bottom:10px}.panel-visu.mobile-active{gap:8px}.panel-training.mobile-active{gap:14px}.panel-training #mobileTrainingHost{width:min(100%,560px);align-self:center}.panel-training .training-section{display:flex;flex-direction:column;gap:12px;padding-top:0;margin-top:0}.panel-training .training-section>label{display:none}.panel-training .training-row{display:flex;align-items:center;gap:8px}.panel-training .training-row .row-label{flex:0 0 52px;font-size:10px}.panel-training .training-row input[type=number]{min-height:44px;padding:10px;font-size:14px;border-radius:7px;flex:1;min-width:0}.panel-training .training-row .unit{font-size:10px;min-width:26px}.panel-training #dirToggle{flex:1;width:auto;margin-right:34px;display:flex;gap:8px}.panel-training #dirToggle button{flex:1;width:auto;min-width:0;min-height:44px;font-family:var(--font);font-size:11px;letter-spacing:.2px}.panel-training .btn-train{min-height:44px;padding:10px;font-size:11px;border-radius:7px}.mobile-training-bpm{display:inline-flex;align-items:center;font:700 13px "JetBrains Mono",monospace;color:var(--orange);white-space:nowrap;cursor:pointer;pointer-events:auto;position:relative;z-index:4;touch-action:manipulation;appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0;margin:0;line-height:inherit}.mode-switch button{min-height:44px;font:700 11px var(--font);letter-spacing:.3px}.visu-toolbar{padding:4px 0 10px}.visu-measure-info .measure-label{font-size:11px;letter-spacing:.4px}.visu-measure-info{gap:10px}.numbox-button{width:58px;height:44px;border-radius:7px}.sequencer-container{width:min(100%,max(100px,calc(100dvh - 380px)))}.legend{font-size:10px;gap:10px;flex-wrap:wrap;margin-top:8px}.panel-params .control-group{gap:10px}.control-group label,.panel-params .training-section>label{font-size:11px;color:#b6b6c2}.panel-params .tempo-display{font-size:40px}.panel-params select,.panel-params .training-row input[type=number]{min-height:44px;padding:10px;font-size:14px;border-radius:7px}.panel-params .tap-tempo-btn,.panel-params .btn-train{min-height:44px;padding:10px;font-size:11px;border-radius:7px}.panel-params input[type=range]{height:6px;margin:12px 0}.panel-params input[type=range]::-webkit-slider-thumb{width:24px;height:24px}.panel-params .training-section{gap:12px;padding-top:16px;margin-top:8px}.panel-params .training-row{gap:8px}.panel-params .training-row .row-label{flex-basis:52px;font-size:10px}.panel-params .training-row .unit{font-size:10px;min-width:26px}.panel-params>.panel-title,.panel-params>.control-group,.panel-params>.training-section{width:min(100%,560px);align-self:center}.panel-params #dirToggle{flex:1;width:auto;margin-right:34px}.panel-params #dirToggle button{flex:1;width:auto;min-width:0;height:44px;font-family:var(--font);font-size:11px;letter-spacing:.2px}.main-grid>.panel.mobile-active{scrollbar-width:thin;scrollbar-color:#555563 var(--panel);scrollbar-gutter:stable}.main-grid>.panel.mobile-active::-webkit-scrollbar{width:6px}.main-grid>.panel.mobile-active::-webkit-scrollbar-track{background:var(--panel)}.main-grid>.panel.mobile-active::-webkit-scrollbar-thumb{background:#555563;border-radius:6px}.panel-params .training-section{padding-bottom:12px}.panel-params .dir-toggle button{min-height:40px;font-size:10px;padding:8px 4px}.seq-count-row select,.silent-toggle,.measure-tempo-input{min-height:44px}.measure-tempo-input{font-size:12px!important}.index2-settings-section{padding:14px;gap:12px}.index2-setting-row{grid-template-columns:minmax(0,1fr) 130px;gap:12px}.index2-setting-row label,.index2-settings-section h3{font-size:11px;line-height:1.5}.index2-setting-row select,.index2-setting-row button{min-height:44px;border-radius:7px}.index2-setting-row button:disabled{background:#25252e;color:#b6b6c2;border:1px solid #40404d;font:600 12px var(--font);opacity:.65}.index2-settings-note{font-size:11px;line-height:1.6;padding:10px}.index2-status{font-size:10px;line-height:1.5}.index2-close{width:44px;height:44px;flex-shrink:0}footer{display:grid;grid-template-columns:1fr;gap:4px;flex-shrink:0;padding-top:8px;padding-bottom:env(safe-area-inset-bottom,0px)}.footer-left{display:none}.footer-center{width:min(100%,440px);margin:0 auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:10px}.footer-center #playBtn,.footer-center #playBtn[data-song-transport=true],.footer-center #panicBtn{width:100%;min-width:0;min-height:48px;font-size:12px}.footer-right{justify-content:center;font-size:8px}.audio-ready-wrap{bottom:5px;right:8px}}@media(max-width:600px){.mobile-tabs{display:grid;grid-template-columns:1fr 1fr}.mobile-tabs button{font-size:11px}.index2-header-btn span{display:inline}#index2SongsBtn{width:auto;padding:8px 10px;font-size:10px}#index2SongsBtn::before{content:none}.index2-setting-row{grid-template-columns:minmax(0,1fr) 118px}.sequencer-container{width:min(100%,max(100px,calc(100dvh - 430px)))}}@media(max-width:1100px)and (max-height:500px){header{min-height:40px;margin-bottom:4px}.mobile-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:4px}.mobile-tabs button{min-height:40px}.main-grid>.panel-visu.mobile-active{padding:8px 12px;gap:4px}.main-grid>.panel-visu.mobile-active{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto}.panel-visu .mode-switch{grid-column:1;grid-row:1}.panel-visu .visu-toolbar{grid-column:1;grid-row:2;align-self:start}.panel-visu .sequencer-wrapper{grid-column:2;grid-row:1 / 4}.panel-visu .legend{grid-column:1;grid-row:3}.panel-visu .panel-title{display:none}.panel-visu .mode-switch{padding-bottom:0}.panel-visu .mode-switch button{min-height:36px}.visu-toolbar{padding:0 0 4px}.visu-toolbar .numbox-button{height:36px}.sequencer-container{width:min(100%,max(100px,calc(100dvh - 185px)))}.legend{margin-top:0}.footer-right{display:none}}@media(max-width:1100px){.panel-visu .sequencer-wrapper{container-type:size;width:100%}.panel-visu .sequencer-container{width:min(100%,max(40px,calc(100cqh - 24px)))}.main-grid>.panel-visu.mobile-active{padding:10px 12px;gap:6px}.panel-visu .panel-title{padding-bottom:6px;font-size:10px}.panel-visu .mode-switch{padding-bottom:0}.panel-visu .visu-toolbar{padding:0 0 6px}.panel-visu .legend{margin-top:0}.panel-visu .sequencer-container{width:min(100%,max(40px,calc(100cqh - 8px)))}.panel-visu .beat-number{font-size:clamp(30px,6cqh,44px)}}@media(min-width:601px)and (max-width:1100px)and (min-height:501px){.main-grid>.panel-visu.mobile-active{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:16px;row-gap:10px}.panel-visu .mode-switch{grid-column:1 / 3;grid-row:1}.panel-visu .panel-title{grid-column:1;grid-row:2;width:min(100%,340px);align-self:center}.panel-visu .visu-toolbar{grid-column:2;grid-row:2;border:0;padding:0}.panel-visu .sequencer-wrapper{grid-column:1 / 3;grid-row:3}.panel-visu .legend{grid-column:1 / 3;grid-row:4}.mobile-tabs{width:min(100%,720px);align-self:center}.panel-visu .mode-switch button{font-size:10px}.footer-center{width:min(100%,360px)}}#songExportFormat,#mp3ExportLevel{display:block;margin:0 0 16px;min-height:40px}#mp3ExportDialog>p:not(#mp3ExportStatus){margin:0 0 16px;color:var(--text-muted);font-size:11px;line-height:1.5}@media(max-width:1100px){body{padding:6px}header{min-height:32px;padding:0 0 4px;margin-bottom:4px}#index2SettingsBtn{width:32px;height:32px;min-height:32px;padding:0;font-size:14px}.mobile-tabs{width:100%;margin-bottom:4px;padding:2px;gap:3px}.mobile-tabs button{min-height:32px;padding:5px 3px;font-size:9px;border:1px solid #454552;background:rgba(255,255,255,.025)}.mobile-tabs button.active{border-color:var(--orange)}.main-grid>.panel-visu.mobile-active{padding:6px 10px;gap:4px}.panel-visu .panel-title{font-size:9px;padding:0;margin:0;border:0;line-height:14px}.panel-visu .train-timer{font-size:10px}.panel-visu .mode-switch{gap:5px}.panel-visu .mode-switch button{min-height:32px;font-size:10px;border-radius:6px}.panel-visu .visu-toolbar{padding:0;border:0}.panel-visu .visu-measure-info{gap:8px}.panel-visu .visu-measure-info .measure-label{font:700 13px "JetBrains Mono",monospace;letter-spacing:0}.panel-visu .visu-measure-info .sig-group .slash{font:700 13px "JetBrains Mono",monospace}.panel-visu .numbox-custom{width:40px;flex-basis:40px}.panel-visu .numbox-button{width:40px;height:30px;padding:3px 5px;font:700 13px "JetBrains Mono",monospace}.panel-visu .numbox-button::after{width:5px;height:5px}.panel-visu .sequencer-wrapper{padding:0}.panel-visu .legend{font-size:9px;gap:8px;line-height:12px}footer{margin-top:4px;padding-top:4px;gap:0}.footer-center{width:min(100%,260px);grid-template-columns:164px 86px}.footer-center #playBtn,.footer-center #playBtn[data-song-transport=true],.footer-center #panicBtn{min-height:36px;height:36px;padding:6px 10px;font-size:11px}.footer-right{display:none}}@media(min-width:601px)and (max-width:1100px)and (min-height:501px){.main-grid>.panel-visu.mobile-active{row-gap:4px;column-gap:12px}.panel-visu .mode-switch{width:min(100%,280px)}}.visu-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;min-width:0}.panel-visu>.visu-bottom{grid-column:1/-1;grid-row:4;padding-top:6px}.visu-bottom .footer-center{position:static;inset:auto;transform:none;display:flex;justify-content:center;align-items:center;width:auto;margin:0;gap:8px;z-index:auto}.visu-bottom .footer-center #playBtn,.visu-bottom .footer-center #panicBtn{width:auto;min-width:76px;min-height:36px;height:36px;padding:7px 14px;font-size:11px;border-radius:6px}.visu-bottom .footer-center #playBtn{min-width:104px}.visu-bottom .footer-center #playBtn[data-song-transport=true]{width:auto;min-width:136px}.visu-bottom .legend{margin:0;gap:12px;font-size:10px;line-height:14px}@media(min-width:1101px){.main-grid>.panel-visu{padding-bottom:14px}}@media(max-width:1100px){footer>.visu-bottom{gap:6px;padding:0}.visu-bottom .footer-center{display:grid;grid-template-columns:86px 86px;gap:16px;justify-content:center}.visu-bottom .footer-center #playBtn,.visu-bottom .footer-center #playBtn[data-song-transport=true],.visu-bottom .footer-center #panicBtn{width:86px;min-width:86px;min-height:40px;height:40px;padding:6px 10px}footer>.visu-bottom .legend{display:none;font-size:9px;line-height:12px}body:has(.panel-visu.mobile-active) footer>.visu-bottom .legend{display:flex}}#songsHome>button.song-entry{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;min-height:52px;margin:10px 0;padding:12px 14px;border:1px solid #363640;border-radius:8px;background:#15151b;color:var(--text);text-align:left;font:700 12px/1.35 var(--font);letter-spacing:.35px;transition:background-color .15s,border-color .15s}#songsHome>button.song-entry::before{content:"";display:block;flex:0 0 20px;width:20px;height:20px;background:var(--orange);mask:center/contain no-repeat var(--entry-icon);-webkit-mask:center/contain no-repeat var(--entry-icon)}#songsHome>button.song-entry:first-child{--entry-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='M12 16V8m-4 4 4-4 4 4'/%3E%3C/svg%3E")}#songsHome>button.song-entry:nth-child(2){--entry-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h10M3 12h8M3 18h6M18 16V4l3 2'/%3E%3Cellipse cx='15.5' cy='17.5' rx='2.5' ry='2'/%3E%3C/svg%3E")}#songsHome>button.song-entry:hover{background:#1c1918;border-color:#a45427}#songsHome>button.song-entry:active{background:#2b1e15;border-color:var(--orange)}#songsHome>button.song-entry:focus-visible{outline:2px solid #ff6b0099;outline-offset:3px}@media(prefers-reduced-motion:reduce){#songsHome>button.song-entry{transition:none}}#index2SettingsPanel{color-scheme:dark;scrollbar-width:thin;scrollbar-color:#00c6d9 #111116}#index2SettingsPanel::-webkit-scrollbar{width:6px}#index2SettingsPanel::-webkit-scrollbar-track{background:#111116}#index2SettingsPanel::-webkit-scrollbar-thumb{background:#00c6d9;border-radius:8px;border:1px solid #111116}#index2SettingsPanel::-webkit-scrollbar-button{display:none}.song-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px}.song-tabs>button::before{content:"";flex:0 0 18px;width:18px;height:18px;background:var(--orange);mask:var(--nav-icon) center/contain no-repeat;-webkit-mask:var(--nav-icon) center/contain no-repeat}.song-tabs>button[aria-selected=true]::before{background:var(--orange)}.song-tabs>button[data-pane=sequence]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7'%3E%3Crect x='3' y='4' width='5' height='6' rx='1'/%3E%3Crect x='10' y='4' width='5' height='6' rx='1'/%3E%3Crect x='17' y='4' width='4' height='6' rx='1'/%3E%3Cpath d='M3 15h18M3 19h12'/%3E%3C/svg%3E")}.song-tabs>button[data-pane=songs]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='M15 15V6l3 2'/%3E%3Cellipse cx='12.5' cy='16.5' rx='2.5' ry='2'/%3E%3C/svg%3E")}:is(#songPane,#profilePane,.playlist-heading,#songPane .song-detail-toolbar)>button.song-back{display:flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;width:96px;min-width:96px;height:36px;min-height:36px;box-sizing:border-box;padding:6px 10px;background:#15151b;border:1px solid #363640;font:600 11px/1.3 var(--font);text-transform:none;letter-spacing:0}:is(#songPane,#profilePane,.playlist-heading,#songPane .song-detail-toolbar)>button.song-back::before{content:"";flex:0 0 18px;width:18px;height:18px;background:var(--orange);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat}:is(#songPane,#profilePane,.playlist-heading,#songPane .song-detail-toolbar)>button.song-back::after{content:none}:is(#songPane,#profilePane,.playlist-heading,#songPane .song-detail-toolbar)>button.song-back:hover{background:#211a16;border-color:#a45427}:is(#songPane,#profilePane,.playlist-heading,#songPane .song-detail-toolbar)>button.song-back:focus-visible{outline:2px solid #ff6b0099;outline-offset:3px}#songPane .playlist-manager{border:1px solid var(--border);border-radius:8px;padding:10px;margin:10px 0}#songPane .playlist-manager[hidden]{display:none}#songPane .playlist-manager label{margin:0;font-size:11px}#songPane .playlist-manager select{min-height:36px;font-size:12px}#songPane .playlist-tools,#songPane>.song-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#songPane .playlist-tools{margin-top:8px}#songPane .playlist-tools>button.btn,#songPane>.song-actions>button.btn{min-height:36px;padding:8px;font-size:11px;line-height:1.3;letter-spacing:0;text-transform:none;white-space:normal}#songPane .playlist-tools>button.btn{background:#15151b;border-color:#363640}#songPane>.song-actions>button.btn:last-child{background:#15151b;color:var(--text);border-color:#363640}#songPane>.song-actions>button.btn:first-child:not(#mp3ExportOpen){background:var(--orange);border-color:var(--orange);color:#111}.playlist-overview-head,.playlist-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 12px}.playlist-overview-head strong,.playlist-heading-name{min-width:0;overflow-wrap:anywhere;font-size:12px}.playlist-list{display:grid;gap:8px}#songPane .playlist-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:#10131a;color:var(--text);text-align:left;font:inherit;cursor:pointer}#songPane .playlist-choice::after{content:"\203a";flex:0 0 auto;color:var(--orange);font-size:22px;line-height:1}.playlist-choice-name{min-width:0;overflow-wrap:anywhere;font-size:12px}.playlist-choice-count{flex:0 0 auto;color:var(--text-muted);font-size:10px}#songPane .playlist-choice:hover{border-color:#a45427;background:#17171d}#songPane .playlist-choice:focus-visible,#songPane .playlist-create:focus-visible,#songPane .playlist-rename:focus-visible{outline:2px solid #00c6d9;outline-offset:2px}#songPane .playlist-create,#songPane .playlist-rename{min-height:36px;padding:8px 12px;border:1px solid #a45427;border-radius:6px;background:#211a16;color:var(--orange);font:600 11px/1.3 var(--font)}#songPane .playlist-create:hover,#songPane .playlist-rename:hover{background:#2b1e15;border-color:var(--orange)}#songPane .playlist-manager{padding:0;border:0;margin:2px 0 10px}@media(max-width:1100px){:is(#songPane,#profilePane,.playlist-heading,#songPane .song-detail-toolbar)>button.song-back{height:44px}:is(#songPane,#profilePane,.playlist-heading,#songPane .song-detail-toolbar)>button.song-back,#songPane .playlist-manager select,#songPane .playlist-tools>button.btn,#songPane>.song-actions>button.btn{min-height:44px}}@media(max-width:1100px){#songPane .playlist-choice{min-height:56px;padding:14px}#songPane .playlist-create,#songPane .playlist-rename{min-height:44px}}#songPane .playlist-heading{display:grid;grid-template-columns:96px minmax(0,1fr) 96px;gap:8px;align-items:center;margin:0 0 12px}#songPane .playlist-heading .song-back{grid-column:1;margin:0}#songPane .playlist-heading-name{grid-column:2;text-align:center;font-size:12px;line-height:1.4}@media(orientation:landscape)and (pointer:coarse)and (max-width:1100px)and (max-height:600px){#songPane .playlist-heading .song-back{height:36px;min-height:36px}}#songPane .playlist-overview-head .playlist-create{grid-column:1 / -1;justify-self:end}#songPane .song-actions.song-detail-toolbar>button.btn{height:36px;min-height:36px;padding:6px 10px;font:600 11px/1.3 var(--font);box-sizing:border-box}#songPane .song-actions.song-detail-toolbar>button.song-back{margin:0;width:96px;min-width:96px}:is(#songPane,#profilePane,.playlist-heading,#songPane .song-detail-toolbar)>button.song-back{width:36px!important;min-width:36px!important;max-width:36px!important;flex:0 0 36px!important;padding:0!important;gap:0;height:36px;min-height:36px}#songPane .playlist-heading{grid-template-columns:36px minmax(0,1fr) 36px}@media(max-width:1100px){:is(#songPane,#profilePane,.playlist-heading)>button.song-back{height:44px;min-height:44px}}@media(max-width:1100px){#songsRoot #songPane .song-actions.song-detail-toolbar>.btn.song-back{height:44px;min-height:44px}}#songsRoot .song-back{height:36px!important;min-height:36px!important}@media(max-width:1100px){#songsRoot .song-back{height:44px!important;min-height:44px!important}}.orange-ui-icon{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:6px;fill:none;stroke:var(--orange);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.mobile-tabs button.active .orange-ui-icon{stroke:#000;opacity:1;visibility:visible}
/*# sourceMappingURL=styles-2.css.map */