/* BZDR v5.30.30: low-profile reference zoom corner; behavior unchanged. */
#editView{--zoom-button:16px;--zoom-rail:26px;--zoom-arm:calc(var(--zoom-rail) + 2 * var(--zoom-button));--zoom-corner:calc(var(--zoom-arm) + var(--zoom-button))}
#editView.view.active{position:relative;display:flex!important;flex-direction:column;overflow:hidden!important}
#editView .mobile-zoom-dock{display:none!important}
#editView .timeline-viewport{overflow:hidden!important}
#editView .timeline-viewport>.timeline-panel{height:calc(100% - var(--zoom-button))!important;min-height:0;overflow-y:auto!important}
#editView .timeline-viewport:after{content:'';position:absolute;left:0;right:0;bottom:0;height:var(--zoom-button);box-sizing:border-box;border-top:1px solid #38434b;background:linear-gradient(#263039,#1a2229);pointer-events:none;z-index:7}
#editView .timeline-viewport>.timeline-playhead{bottom:var(--zoom-button)!important}
#editView .bzdr-zoom-pad{
 position:absolute;right:0;bottom:0;z-index:36;
 width:var(--zoom-corner);height:var(--zoom-corner);padding:0;margin:0;
 border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none;user-select:none
}
#editView .bzdr-zoom-pad:after{content:'';position:absolute;right:0;bottom:0;width:var(--zoom-button);height:var(--zoom-button);box-sizing:border-box;border:1px solid #303b44;background:#202931}
#editView .bzdr-zoom-axis{position:absolute;display:flex;gap:0;padding:0;margin:0;pointer-events:auto;background:#202931}
#editView .bzdr-zoom-axis[data-axis=time]{right:var(--zoom-button);bottom:0;width:var(--zoom-arm);height:var(--zoom-button);align-items:center}
#editView .bzdr-zoom-axis[data-axis=track]{right:0;bottom:var(--zoom-button);width:var(--zoom-button);height:var(--zoom-arm);flex-direction:column-reverse;align-items:center}
#editView .bzdr-zoom-axis button{
 flex:0 0 var(--zoom-button);box-sizing:border-box;width:var(--zoom-button);min-width:0;height:var(--zoom-button);min-height:0;
 padding:0;margin:0;border:1px solid #56616a;border-right-color:#151c22;border-bottom-color:#11181e;border-radius:1px;
 background:linear-gradient(#47535c,#303d46 51%,#253039);color:#d8e1e7;
 font:550 11px/1 system-ui;box-shadow:inset 0 1px #ffffff18;display:grid;place-items:center;cursor:pointer;touch-action:manipulation
}
#editView .bzdr-zoom-axis button:active{background:#202d37;box-shadow:inset 0 1px 2px #0008}
#editView .bzdr-zoom-axis button:disabled{color:#7f8a92;cursor:default}
#editView .bzdr-zoom-axis input[type=range]{
 -webkit-appearance:none;appearance:none;flex:0 0 var(--zoom-rail);box-sizing:border-box;
 width:var(--zoom-rail);min-width:0;height:var(--zoom-button);min-height:0;margin:0;padding:0 3px;
 border:1px solid #303c46;border-radius:0;background:#17212a;cursor:ew-resize;touch-action:none
}
#editView .bzdr-zoom-axis[data-axis=track] input[type=range]{writing-mode:vertical-lr;direction:rtl;width:var(--zoom-button);height:var(--zoom-rail);padding:3px 0;cursor:ns-resize}
#editView .bzdr-zoom-axis input[type=range]::-webkit-slider-runnable-track{height:3px;border:1px solid #131b22;background:#43515e;border-radius:0}
#editView .bzdr-zoom-axis input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:11px;margin-top:-5px;border:1px solid #86939e;border-right-color:#25313b;border-bottom-color:#25313b;border-radius:1px;background:linear-gradient(#8b98a4,#536676);box-shadow:none}
#editView .bzdr-zoom-axis[data-axis=track] input::-webkit-slider-runnable-track{height:100%;width:3px}
#editView .bzdr-zoom-axis[data-axis=track] input::-webkit-slider-thumb{width:11px;height:6px;margin-top:0;margin-left:-5px}
#editView .bzdr-zoom-axis input[type=range]::-moz-range-track{height:3px;border:1px solid #131b22;background:#43515e;border-radius:0}
#editView .bzdr-zoom-axis input[type=range]::-moz-range-thumb{width:6px;height:11px;border:1px solid #86939e;border-radius:1px;background:#657987}
#editView .bzdr-zoom-axis[data-axis=track] input::-moz-range-track{height:100%;width:3px}
#editView .bzdr-zoom-axis[data-axis=track] input::-moz-range-thumb{width:11px;height:6px}
#editView .bzdr-zoom-axis input:disabled{opacity:.5;cursor:default}
#editView .bzdr-zoom-axis button:focus-visible,#editView .bzdr-zoom-axis input:focus-visible{outline:1px solid #a9cce2;outline-offset:-2px}
/* Keep the existing pan range, embedded into the bottom chrome. */
#editView .desktop-timeline-nav{display:none!important}
body.bzdr-desktop #editView .desktop-timeline-nav{
 display:flex!important;position:absolute;left:var(--desktop-controls,292px);right:var(--zoom-corner)!important;bottom:0!important;
 width:auto!important;max-width:none;min-width:0!important;height:var(--zoom-button);min-height:0;gap:0;padding:0!important;box-sizing:border-box;
 border:0!important;border-top:1px solid #38434b!important;border-radius:0!important;background:#1c252d!important;
 box-shadow:none!important;backdrop-filter:none;z-index:8
}
#editView .desktop-timeline-nav button,#editView .desktop-timeline-nav label{display:none!important}
#editView .desktop-timeline-nav input[type=range]{appearance:none;-webkit-appearance:none;min-width:0;width:100%;height:var(--zoom-button);min-height:0;margin:0;padding:0 2px;background:transparent}
#editView .desktop-timeline-nav input::-webkit-slider-runnable-track{height:8px;background:#131b22;border:1px solid #36434d}
#editView .desktop-timeline-nav input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:32px;height:10px;margin-top:-2px;background:linear-gradient(#596771,#33434e);border:1px solid #697985;border-radius:1px}
#editView .desktop-timeline-nav input::-moz-range-track{height:8px;background:#131b22;border:1px solid #36434d}
#editView .desktop-timeline-nav input::-moz-range-thumb{width:32px;height:10px;background:#455964;border:1px solid #697985;border-radius:1px}
#editView .timeline-panel .track-row{height:var(--bzdr-track-height,66px)!important;min-height:var(--bzdr-track-height,66px)!important}
body.bzdr-desktop .studio-shell[data-view] #editView .timeline-panel .track-row{height:var(--bzdr-track-height,68px)!important;min-height:var(--bzdr-track-height,68px)!important}
@media(max-width:899px){#editView{--zoom-button:20px;--zoom-rail:28px}#editView .bzdr-zoom-axis button{font-size:12px}}
/* Short phone windows still need room for the corner controls and track scroller. */
@media(max-width:899px) and (max-height:500px){
 #editView{--zoom-button:16px;--zoom-rail:22px}
 .studio-shell[data-view] #editView .edit-bottom-tools{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;height:30px!important;min-height:30px!important;max-height:30px;width:auto;gap:0;padding:0}
 .studio-shell[data-view] #editView .edit-bottom-tools .tool-choice{flex:1 0 40px!important;width:auto!important;min-width:40px!important;height:30px!important;min-height:30px!important;padding:0;font-size:14px}
 #editView .tool-choice span{font-size:8px!important}
 #editView .counter-bar{height:30px!important;min-height:30px!important;padding:1px 5px}
 #editView .counter-big strong{font-size:18px}
 #editView .counter-big small{display:none}
 #editView .mobile-inspector-toggle{height:22px;min-height:22px;padding:1px 8px;font-size:10px}
 body:not(.bzdr-desktop) #editView .edit-mode-bar{height:45px!important;min-height:45px!important;padding:1px 4px!important}
 body:not(.bzdr-desktop) #editView .mobile-command-pair{height:42px}
 #editView .mobile-command-panel{padding:1px 4px;gap:1px}
 #editView .mobile-command-body{height:21px}
 #editView .mobile-command-body button,#editView .mobile-command-body select{height:21px;min-height:21px}
}
@media(max-width:899px) and (max-height:500px){
 .studio-shell[data-view=edit] .main-header{height:54px!important;min-height:54px!important;padding:4px 8px!important}
}
