/* The timeline is the main workspace; settings are available on demand. */
body[data-mode=edit] .editor-icon-control { position:relative; display:inline-flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:36px; min-width:36px; padding:0 !important; font-size:0 !important; line-height:0; border-radius:8px; }
body[data-mode=edit] .editor-icon-control::before { content:''; display:block; width:19px; height:19px; background:currentColor; mask:var(--editor-icon) center/contain no-repeat; }
body[data-mode=edit] summary.editor-icon-control::marker { content:''; }
body[data-mode=edit] summary.editor-icon-control::-webkit-details-marker { display:none; }
body[data-mode=edit] .editor-control-name { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
body[data-mode=edit] #siteMode-edit { grid-template-columns:minmax(0,1fr); }
body[data-mode=edit] #siteMode-edit>.site-inspector { display:none; }
body[data-mode=edit] #siteEditMain { padding:8px; overflow:hidden; display:flex; flex-direction:column; }
body[data-mode=edit] #siteEditTools { display:flex; flex-wrap:nowrap; align-items:center; gap:5px; margin:0 0 7px; min-height:36px; flex-shrink:0; }
body[data-mode=edit] #siteEditTools a { margin-right:0; }
body[data-mode=edit] #siteEditTools .editor-compact-field { flex:0 0 auto; width:auto; margin:0; }
body[data-mode=edit] #siteEditTools input,body[data-mode=edit] #siteEditTools select { height:36px; padding:.35rem .4rem; font-size:.78rem; }
body[data-mode=edit] #songOrientation { width:98px; }
body[data-mode=edit] #songRow { width:88px; }
body[data-mode=edit] #songViewStart { width:64px; }
body[data-mode=edit] #songSnap { width:70px; }
body[data-mode=edit] #editorSettingsButton { margin:0 0 0 auto; }
body[data-mode=edit] #songGestureStatus[data-is-hint=true] { display:none; }
body[data-mode=edit] #songGestureStatus { margin:0 0 5px; min-height:0; font-size:.75rem; }
body[data-mode=edit] #songStudio,body[data-mode=edit] #songWorkspace { margin:0; }
body[data-mode=edit] #siteTransport { display:flex; flex-wrap:nowrap; gap:10px; padding:5px 8px; margin-top:6px; min-height:46px; }
body[data-mode=edit] #siteTransportButtons { flex-wrap:nowrap; gap:5px; }
body[data-mode=edit] #siteTransportButtons>label { width:65px; }
body[data-mode=edit] #vizSpeed { height:36px; padding:4px; font-size:.75rem; }
body[data-mode=edit] #siteTransportPosition { flex:1; gap:8px; }
body[data-mode=edit] #siteTransportPosition>label { min-width:45px; }
body[data-mode=edit] #vizPosition { max-width:190px; font-size:.65rem; line-height:1.3; }
body[data-mode=edit] #siteTransportStatus { display:none; }
body[data-mode=edit] .site-focus-actions { order:3; margin:0; }
body[data-mode=edit] #siteSettingsSheet #siteNoteInspector { display:block; border:0; padding:0; box-shadow:none; }
body[data-mode=edit] #siteSettingsSheet #siteNoteInspector>details { display:block; }
body[data-mode=edit] #siteSettingsSheet .note-inspector-hint { display:none; }
@media(min-width:801px) {
  body[data-page=studio][data-mode=edit] #siteStudio { height:calc(100dvh - 116px); min-height:480px; grid-template-rows:auto auto auto auto minmax(0,1fr) auto; }
  body[data-mode=edit] #siteEditMain .song-timeline { flex:1; min-height:0; height:auto; max-height:none; }
  body[data-mode=edit] #siteMode-edit { overflow:hidden; }
  body[data-mode=edit] #siteSettingsSheet { inset:90px 20px auto auto; margin:0; width:350px; max-height:calc(100dvh - 115px); }
  body.site-focus[data-mode=edit] #siteStudio { height:calc(100dvh - 16px); min-height:0; }
}
@media(max-width:800px) {
  body[data-mode=edit] #siteEditTools { flex-wrap:wrap; gap:4px; }
  body[data-mode=edit] #siteEditTools .editor-icon-control { flex-basis:32px; width:32px; min-width:32px; height:34px; }
  body[data-mode=edit] #siteEditMain #songStudio,body[data-mode=edit] #siteEditMain #songWorkspace { display:flex; flex-direction:column; min-height:0; flex:1; overflow:hidden; }
  body[data-mode=edit] #siteEditMain .song-timeline { height:calc(100dvh - 325px); min-height:350px; max-height:none; }
  body[data-mode=edit] #siteTransport { flex-wrap:wrap; gap:5px; }
  body[data-mode=edit] #siteTransportPosition { flex-basis:100%; order:4; flex-wrap:nowrap; }
  body[data-mode=edit] .site-focus-actions { margin-left:auto; }
  body[data-mode=edit] #vizPosition { max-width:175px; }
}