@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){.toolsite:has(.toolwrap>.toolpage):not(:has(.toolfullpage)):not(:has(.drawpage)) .toolhead{position:relative}.toolsite:has(.toolwrap>.toolpage):not(:has(.toolfullpage)):not(:has(.drawpage)) .toolhead[data-hidden]{transform:none}.toolsite:has(.toolwrap>.toolpage):not(:has(.toolfullpage)):not(:has(.drawpage)) .toolhead-bar{min-height:48px;padding-block:2px}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage){max-width:none;padding:8px max(12px,env(safe-area-inset-right)) 32px max(12px,env(safe-area-inset-left))}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolpage{gap:10px}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wh{padding-block:2px}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wb{padding:10px 14px 12px;gap:10px}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wb button.mainbtn{min-height:44px}.toolmic{flex-wrap:nowrap;padding:6px 12px}.toolmic p{flex:1 1 auto;font-size:13.5px;line-height:1.35}}@media (max-width:560px){.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage){padding:10px 8px 40px}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolpage{gap:14px}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wb{padding-inline:12px}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolpage>.toolabout,.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolpage>.toolnext,.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage)>.toolseo{margin-inline:4px}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wh{flex-wrap:nowrap}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wh .wicon{flex:0 1 auto;min-width:0;overflow:hidden}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wh h1.wt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wh .vslide{width:72px}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .widget .wh .whx{order:1;flex:0 0 auto;margin:0;padding:0;border:0}.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .widget .wh .wctl{order:2}.toolmic{flex-wrap:nowrap;padding:8px 10px 8px 14px;gap:10px}.toolmic p{flex:1 1 auto;font-size:13px;line-height:1.35}.toolmic .pri{flex:0 0 auto;padding-inline:12px}}@media (pointer:coarse){.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wh .wctl .v,.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wh .wctl button,.toolwrap:has(>.toolpage):not(.toolfullpage):not(.drawpage) .toolstage .wh .whx button{min-width:40px;min-height:40px}}@media (max-width:560px) and (orientation:portrait){.metropage .toolstage .wb{padding-block:22px 24px;gap:18px}.metropage .toolstage .beatdot{width:22px;height:22px}.metropage .toolstage .beatdot.accent{width:28px;height:28px}.metropage .toolstage .beatdots{gap:14px}.metropage .toolstage .numdrag{font-size:56px!important}.metropage .toolstage .wb button.stepbtn{min-width:52px;min-height:52px;font-size:24px}.metropage .toolstage .beatsize,.metropage .toolstage .beatsizenum{font-size:24px}.metropage .toolstage .wb button.mainbtn{min-height:60px}.drumspage .toolstage .drumsgrid.full{height:calc(var(--строк) * 36px + (var(--строк) - 1) * 3px)}.drumspage .toolstage-wait{min-height:770px}}@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){.drumspage .toolstage .drumsgrid.full{height:calc(var(--строк) * 28px + (var(--строк) - 1) * 3px)}.drumspage .toolstage .drumtoprow{margin-bottom:4px!important}.drumspage .toolstage-wait{min-height:578px}.fretpage .toolstage .fretboardbody{flex:none;height:max(170px,min(272px,calc(100dvh - 116px)))}}@media (pointer:coarse){.toolstage .circleslot,.toolstage .circlewide>button.icobtn{min-height:40px}.toolstage .circlelock{min-height:40px!important;padding-inline:12px!important}.toolstage .circlechord{min-height:44px}}@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){.toolstage .circlebody{display:flex;align-items:center;gap:16px}.toolstage .circlefield{flex:none;width:300px!important;width:max(220px,min(300px,calc(100dvh - 90px)))!important}.toolstage .circleside{flex:1 1 auto;min-width:0}}@media (max-width:560px){.genctl{gap:10px 12px}.toolstage .widget .genmake{width:auto;flex:1 1 170px;margin-left:0;padding-inline:12px}.toolstage .widget .sheetpanel-key{flex-wrap:wrap;gap:10px!important;justify-content:space-between;width:100%}.toolstage .widget .sheetpanel-key>.row{gap:4px!important;flex-wrap:nowrap}.toolstage .sheetpanel-key .sheetlabel{font-size:13px}}@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){.toolstage .sheetboard{height:max(260px,calc(100dvh - 24px))}.toolstage .tunerdial{max-width:200px!important}.toolstage .tunerselects{margin-bottom:4px!important}}@media (max-width:560px){.playerpage .toolstage .playerctl{flex-wrap:wrap!important;gap:6px 8px!important;justify-content:flex-start}.playerpage .toolstage .playertime{order:-1;flex:1 0 100%!important;text-align:right!important}}@media (pointer:coarse){.playerpage .toolstage .playerctl>button{min-width:44px;min-height:44px}}.gencopyicon{display:inline-flex;flex:none}