/* Compact instrument-first entry and a single shared tools drawer. */
.play-welcome{top:auto;bottom:max(94px,calc(env(safe-area-inset-bottom) + 82px));transform:translateX(-50%);width:min(390px,calc(100% - 32px));padding:18px 20px;border:1px solid #ffffffd9;border-radius:23px;background:#fffffff2;box-shadow:0 12px 38px #385b7520;backdrop-filter:blur(12px)}
.play-welcome-label{display:none}.play-welcome h2{font-size:21px;margin:0 0 8px}.play-welcome p{font-size:15px;line-height:1.45;margin:0 0 13px}.play-welcome #play-demo{width:100%;min-height:44px;margin-bottom:8px;font-size:16px}.play-welcome-actions{flex-direction:row;gap:7px}.play-welcome-actions button{font-size:13px;min-height:40px;padding:7px 8px;white-space:normal;background:#f0f5f5;color:#3c6470;border:1px solid #e1e9eb}
#instrument-view.play-empty #stage-canvas{display:block!important}.play-empty #music-floating{visibility:hidden}
#instrument-view #stage-canvas{top:max(76px,calc(env(safe-area-inset-top) + 64px))}
#instrument-tools-toggle{position:absolute;z-index:72;top:max(67px,calc(env(safe-area-inset-top) + 59px));right:max(16px,env(safe-area-inset-right));display:grid;place-items:center;width:38px;height:38px;min-height:38px;border:1px solid #dbe6ea;border-radius:13px;color:#506b7b;background:#ffffffed;box-shadow:0 4px 16px #466b7610}
#instrument-tools-toggle[aria-expanded=true]{background:#e1f7f1;color:#068777;border-color:#94d9cb}
#instrument-tools{position:absolute;z-index:81;top:max(112px,calc(env(safe-area-inset-top) + 104px));right:max(12px,env(safe-area-inset-right));width:min(370px,calc(100% - 24px));max-height:calc(100% - 130px);overflow:auto;padding:14px;border:1px solid #e0e9ed;border-radius:22px;background:#fffffff7;box-shadow:0 15px 42px #314f7025;backdrop-filter:blur(20px)}
#instrument-tools header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}#instrument-tools header strong{font-size:16px}#instrument-tools header .icon-button{width:34px;height:34px;min-height:34px;font-size:22px}
#instrument-tools .canvas-heading{display:none!important}#instrument-tools .create-name-field{margin:0 0 10px}#instrument-tools .create-name-field label{display:none}#instrument-tools #instrument-name{height:40px;min-height:40px;font-size:16px;padding:8px 10px}
#instrument-tools .visualization-settings{display:block;padding:0;margin:0;border:0;background:none}#instrument-tools .canvas-toolbar{display:flex!important;align-items:center;flex-wrap:nowrap;gap:5px;padding:0;margin:0}#instrument-tools .rotation-controls{display:flex;align-items:center;gap:3px;flex-shrink:0}
#instrument-tools .rotation-controls .icon-button{width:36px;height:40px;min-height:40px;padding:2px}#instrument-tools .rotation-icon{width:31px;height:31px}#instrument-tools #rotation-scope{width:66px;min-width:0;min-height:40px;font-size:13px;padding:6px}#instrument-tools .check-row{font-size:13px;gap:5px;white-space:nowrap;margin:0 auto}#instrument-tools .check-row input{width:16px;height:16px}
#instrument-tools #view-fullscreen{width:38px;min-width:38px;height:40px;min-height:40px;padding:2px;font-size:22px;margin:0}#instrument-tools .instrument-tools-actions{display:flex;gap:7px;margin-top:10px}#instrument-tools .instrument-tools-actions>.button{flex:1;min-width:0;padding:8px;font-size:13px;margin:0;min-height:40px}#instrument-tools #quick-edit:not([hidden]){display:block}#instrument-tools #create-saved-shortcut{min-height:40px;font-size:13px}
#instrument-tools .note-display-control{display:block!important;margin-top:9px;padding:0}#instrument-tools .label-selector{display:flex;width:100%;padding:3px;border-radius:12px;min-height:36px}#instrument-tools .label-selector button{min-height:34px;height:34px;font-size:14px;padding:4px 7px}#instrument-tools .note-language-trigger{height:30px;min-height:30px;min-width:30px;width:30px;border-radius:9px;padding:2px;margin:0 2px}#instrument-tools .note-language-trigger span{font-size:17px}
#instrument-settings>#fullscreen-controls,#instrument-settings>#stage-caption{display:none!important}#instrument-settings:empty{display:none}
#control-panel .workspace-panel-heading{min-height:46px;padding-block:3px;margin-bottom:10px;gap:6px}#control-panel .workspace-panel-heading .icon-button{height:38px;width:38px;min-height:38px;border-radius:12px;font-size:22px}#control-panel .locale-panel,#control-panel #help-button{display:none}
#create-panel .create-intro{gap:10px;margin:0 0 14px;align-items:center}#create-panel .create-intro img{flex:none;opacity:.8}#create-panel .create-intro p{font-size:15px;line-height:1.5}
#create-panel .create-choices{gap:8px}#create-panel .create-choices button{min-height:48px;padding:10px 13px;border-radius:14px;grid-template-columns:24px 1fr;column-gap:10px;row-gap:2px}#create-panel .create-choices button>span{font-size:22px}#create-panel .create-choices strong{font-size:15px}#create-panel .create-choices small{font-size:13px}
#create-panel .create-steps{gap:4px;padding:3px;background:#ecf3f3;border-radius:13px;margin:0 0 8px}#create-panel .create-steps button{display:block;min-height:36px;padding:7px 8px;font-size:14px;border-radius:10px}#create-panel .create-steps button[aria-current=step]{background:#fff;box-shadow:0 2px 7px #31546410}
.create-journey-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}#create-panel #create-back{display:flex;align-items:center;gap:7px;margin:0;min-height:38px;padding:7px 10px;font-size:13px;border:1px solid #dee8e7;border-radius:12px}#create-panel .create-play-shortcut{min-height:38px;padding:7px 14px;font-size:14px;border-radius:12px}
#create-panel .face-tabs{margin:0 0 8px;padding:3px}#create-panel .face-tabs button{min-height:36px;padding:5px;font-size:14px}#create-panel .palette-heading{margin:6px 0;font-size:13px}#create-panel .palette-caption{margin-top:4px}#create-panel .zone-identify p{display:none}#create-panel .zone-identify{padding:0;margin:8px 0}#create-panel .zone-identify .button{min-height:38px;padding:7px;font-size:14px}
#create-panel .section-label small,#create-panel #new-instrument,#create-panel #scale-preview>.small,#create-panel #identify-panel>.section-content>.helper,#create-panel #identify-panel>.section-content>.small,#create-panel #guide-active>.helper:first-child{display:none}
#control-panel .tool-panel>.panel-heading,#control-panel .settings-section>summary small,#control-panel #discover-route-hint,#control-panel .inspire-wheel-subtitle,#control-panel .loop-gesture-hint{display:none}
#control-panel .lab-tabs{padding:3px;margin:0 0 10px;gap:3px}#control-panel .lab-tabs button{min-height:38px;padding:7px;font-size:14px}#control-panel .lab-fields{gap:9px;margin:10px 0}#control-panel .settings-section{margin-bottom:10px}#control-panel .settings-section>summary{padding:10px}
/* An invitation never has priority over a workspace or its instrument. */
#instrument-view.artist-header-layout.controls-open #artist-language-group{z-index:30}
#instrument-view.controls-open .artist-callout,#instrument-view.instrument-tools-open .artist-callout{display:none!important}
#instrument-view.controls-open #artist-corner{animation:none!important;transform:none!important}
#instrument-view.controls-open[data-sheet=full] #artist-corner{visibility:hidden}
/* Transport stays on one control row; the musical context has its own thin line. */
body[data-view=dance] #instrument-view .workspace-edge-controls{display:flex;flex-wrap:nowrap;gap:3px;width:max-content;max-width:calc(100% - 20px);padding:5px 5px 25px}
body[data-view=dance] #instrument-view .workspace-edge-controls .settings-toggle{width:36px;min-width:36px;height:42px;padding:0;font-size:0;flex:none}body[data-view=dance] .workspace-edge-controls .settings-toggle>span:first-child{font-size:23px}body[data-view=dance] #dance-dock-mode{min-width:0;max-width:108px;font-size:13px;padding-inline:7px;min-height:42px}body[data-view=dance] #dance-quick-tempo{min-width:60px;padding:5px}body[data-view=dance] #dance-quick-tempo b{font-size:16px}body[data-view=dance] #dance-quick-tempo small{font-size:11px}
.transport-caption{position:absolute!important;bottom:3px;left:8px;right:8px;width:calc(100% - 16px)!important;height:20px!important;min-height:20px!important;padding:0!important;border:0!important;background:transparent!important;color:var(--accent-ink)!important;font-size:12px!important;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;box-shadow:none!important}
#instrument-view #music-floating{padding-bottom:25px}#music-floating>[data-music-settings]{flex:0 0 36px!important;min-width:36px!important;width:36px!important;padding:4px!important}
@media(max-width:600px){
 #instrument-view.controls-open #stage-canvas{top:76px}
 #instrument-view.artist-header-layout[data-sheet=full] #control-panel{top:112px;max-height:calc(100% - 122px)}
 #instrument-view #music-floating{flex-wrap:nowrap;gap:2px;padding-inline:5px;max-width:calc(100% - 20px)}
 #instrument-view #music-floating [data-music-play]{font-size:0;min-width:40px;max-width:44px;flex:0 0 40px}#instrument-view #music-floating [data-music-play]::before{content:'▶';font-size:17px}#instrument-view #music-floating[data-playing=true] [data-music-play]::before{content:'Ⅱ'}
 .play-welcome{padding:16px;bottom:22px}#instrument-view.play-empty #stage-canvas{bottom:165px}
 #create-panel .create-intro p{font-size:14px}.play-welcome-actions button{font-size:14px}
}
@media(max-width:360px){body[data-view=dance] #dance-dock-mode{max-width:85px;font-size:12px}body[data-view=dance] .workspace-edge-controls>.reset-handpan-button{width:26px;min-width:26px}body[data-view=dance] #dance-dock-play{min-width:36px;width:36px}}
@media(orientation:landscape) and (max-height:500px){#instrument-view #stage-canvas{top:12px}.play-welcome{left:auto;right:14px;bottom:14px;transform:none;width:320px}.play-empty #stage-canvas{right:345px!important;bottom:12px!important}#instrument-tools{top:65px;max-height:calc(100% - 80px)}#instrument-tools-toggle{top:66px}body[data-view=dance] #instrument-view .workspace-edge-controls{padding-bottom:25px}.transport-caption{font-size:11px!important}}
/* Keep the wrench outside the settings header at every drawer size. */
@media(min-aspect-ratio:1/1), (min-width:1100px){#instrument-view.artist-header-layout #control-panel{top:max(112px,calc(env(safe-area-inset-top) + 104px));max-height:calc(100% - 122px)}}
#instrument-view.artist-header-layout[data-sheet=full] #control-panel{top:max(112px,calc(env(safe-area-inset-top) + 104px));max-height:calc(100% - 122px)}
@media(max-width:360px){body[data-view=dance] #instrument-view .workspace-edge-controls{gap:1px;padding-inline:4px}body[data-view=dance] #dance-quick-tempo{min-width:52px}body[data-view=dance] #dance-dock-mode{width:76px;min-width:76px;font-size:11px;padding-inline:3px}body[data-view=dance] .workspace-edge-controls .slap-controls{gap:1px}body[data-view=dance] .workspace-edge-controls .slap-controls>button{width:27px;min-width:27px;padding:2px}body[data-view=dance] #instrument-view .workspace-edge-controls .settings-toggle{width:30px;min-width:30px}}