/* Compact editor chrome leaves more room for the preview and tracks. */
.mobile-action-label{display:none}
.timeline-toolbar{height:34px;padding:2px 19px}
.timeline-toolbar .small-button{height:28px;min-height:28px;padding:0 8px}
.timeline-toolbar .icon-button{height:28px;width:28px;min-height:28px}

.header-main .project-heading{display:none}
@media(min-width:801px){
 body,body.selection-tools{--editor-header-height:60px}
 .editor{--timeline-default-height:210px}
 .header-main{height:60px;min-height:60px}
 .header-main .header-tools{height:60px;padding-top:4px;padding-bottom:4px}
 .header-tools .context-toolbar{padding-top:3px;padding-bottom:3px}
 .editor{grid-template-rows:minmax(0,1fr) 24px var(--timeline-panel-height,var(--timeline-default-height)) 32px}
 .zoom-footer{height:32px;padding-top:0;padding-bottom:0}
 .zoom-mode-button,.zoom-percent,.zoom-percent input{height:28px;min-height:28px}
 .zoom-percent input{padding-top:2px;padding-bottom:2px}
 .zoom-footer>input[type=range]{height:24px}
 .library-panel{bottom:calc(var(--timeline-panel-height,210px) + 56px)}
}
@media(min-width:801px) and (max-width:1199px){
 body.selection-tools{--editor-header-height:112px}
 .header-main{height:var(--editor-header-height);min-height:var(--editor-header-height);grid-template-rows:60px}
 .selection-tools .header-main{grid-template-rows:52px 60px}
 .header-main .header-tools{height:52px;padding-top:2px;padding-bottom:2px}
}
@media(max-width:800px){
 body,body.selection-tools{--editor-header-height:44px}
 .header-main,.selection-tools .header-main{grid-template-rows:44px}
 .stage-toolbar .tool-right{height:44px}
 .timeline-toolbar{height:32px;padding:0 8px}
 .timeline-toolbar .small-button,.timeline-toolbar .icon-button{height:30px;min-height:30px}
 .timeline-toolbar .icon-button{width:30px}
 .timeline-toolbar .timeline-edit{display:none}
 .rail .timeline-edit{display:contents}
 .rail .timeline-edit>button{display:flex;flex:0 0 64px;min-width:64px;width:64px;height:64px;min-height:64px;padding:6px 4px;flex-direction:column;gap:8px;order:-1;font-size:10px;font-weight:500;border:0;border-radius:9px;background:transparent;color:#bed3df}
 .rail .timeline-edit>button svg{width:24px;height:24px}
 .rail .timeline-edit .timeline-action-label{display:block;white-space:nowrap}
 .rail .timeline-edit>button:hover{background:#2d414b;color:var(--neon)}
 .rail .timeline-edit>button:disabled{opacity:.4}
}
@media(max-width:800px) and (max-height:620px){.rail .timeline-edit>button{height:54px;min-height:54px;gap:4px}}