/* 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}
}

/* Touch corner occupies its own gutter, outside the track scroll surface. */
body:not(.bzdr-desktop) #editView{--zoom-button:28px;--zoom-rail:28px}
body:not(.bzdr-desktop) #editView .timeline-viewport>.timeline-panel{box-sizing:border-box;padding-right:28px;overflow-x:hidden!important;overscroll-behavior:contain}
#editView .bzdr-zoom-pad .bzdr-zoom-axis{touch-action:none;overscroll-behavior:contain}
body:not(.bzdr-desktop) #editView .bzdr-zoom-pad{right:0!important;bottom:0!important;transform:none!important}

/* Dedicated scroll rail; the edit panel is still the only vertical scroller.
   Native scrollbar gutters are hidden to prevent two rails and corner overlap. */
#editView .timeline-viewport{position:relative}
#editView .timeline-viewport>.timeline-panel{
 box-sizing:border-box;padding-right:var(--zoom-button)!important;
 scrollbar-width:none!important;scrollbar-gutter:auto!important;
 overflow-y:auto!important;overscroll-behavior-y:contain
}
#editView .timeline-viewport>.timeline-panel::-webkit-scrollbar{display:none;width:0;height:0}
#editView .bzdr-track-scroll{
 position:absolute;right:0;top:0;bottom:var(--zoom-corner);
 width:var(--zoom-button);min-height:0;z-index:25;box-sizing:border-box;
 display:flex;flex-direction:column;align-items:center;
 background:#17222c;border-left:1px solid #4c5e6a;
 touch-action:none;overscroll-behavior:contain
}
#editView .bzdr-track-scroll>button{
 display:grid;place-items:center;flex:0 0 var(--zoom-button);
 width:100%;height:var(--zoom-button);min-height:0;padding:0;
 border:1px solid #4c5e6a;border-radius:0;
 background:linear-gradient(#44545f,#273743);color:#e1eef6;
 font:700 12px/1 system-ui;touch-action:manipulation
}
#editView .bzdr-track-scroll>button:disabled{opacity:.36}
#editView .bzdr-track-scroll>input[type=range]{
 appearance:none;-webkit-appearance:none;writing-mode:vertical-lr;direction:ltr;
 display:block;flex:1 1 0;min-height:12px;min-width:0;
 height:100%;width:100%;margin:0;padding:3px 0;
 border:0;border-radius:0;background:#17222c;cursor:ns-resize;touch-action:none
}
#editView .bzdr-track-scroll>input::-webkit-slider-runnable-track{
 width:5px;height:100%;border:1px solid #394d5b;background:#0a141c
}
#editView .bzdr-track-scroll>input::-webkit-slider-thumb{
 appearance:none;-webkit-appearance:none;width:calc(var(--zoom-button) - 5px);
 height:24px;margin-left:0;border:1px solid #849aa8;border-radius:2px;
 background:linear-gradient(#667c8a,#3d5666)
}
#editView .bzdr-track-scroll>input::-moz-range-track{
 width:5px;height:100%;border:1px solid #394d5b;background:#0a141c
}
#editView .bzdr-track-scroll>input::-moz-range-thumb{
 width:calc(var(--zoom-button) - 5px);height:24px;border:1px solid #849aa8;
 border-radius:2px;background:#476478
}
#editView .bzdr-track-scroll>input:disabled{opacity:.45}
#editView .bzdr-track-scroll>button:focus-visible,
#editView .bzdr-track-scroll>input:focus-visible{
 outline:2px solid #b0dfff;outline-offset:-2px
}

/* v3: Right rail follows the ACTUAL track rows, not the top ruler or outer page. */
#editView .timeline-viewport{
 --bzdr-scroll-left:95px;
 --bzdr-track-rail-top:0px;
}
#editView .bzdr-track-scroll{
 top:var(--bzdr-track-rail-top)!important;
 bottom:var(--zoom-corner)!important;
 right:0!important;
 width:var(--zoom-button)!important;
}
#editView .bzdr-track-scroll>input::-webkit-slider-thumb{
 margin-left:calc((5px - (var(--zoom-button) - 5px))/2)
}
/* Existing hidden desktop input remains the application's source of truth
   for timeline start; it is driven by the shared bottom navigation rail. */
body.bzdr-desktop #editView .desktop-timeline-nav{display:none!important}
/* Same chrome, size and interaction language as the vertical track rail. */
#editView .bzdr-time-scroll{
 position:absolute;
 left:var(--bzdr-scroll-left);right:var(--zoom-corner);bottom:0;
 height:var(--zoom-button);min-width:0;z-index:25;box-sizing:border-box;
 display:flex;flex-direction:row;align-items:center;
 border-top:1px solid #4c5e6a;
 background:#17222c;touch-action:none;overscroll-behavior:contain
}
#editView .bzdr-time-scroll>button{
 display:grid;place-items:center;
 flex:0 0 var(--zoom-button);width:var(--zoom-button);height:100%;
 min-height:0;min-width:0;padding:0;
 border:1px solid #4c5e6a;border-radius:0;
 background:linear-gradient(#44545f,#273743);color:#e1eef6;
 font:700 12px/1 system-ui;touch-action:manipulation
}
#editView .bzdr-time-scroll>button:disabled{opacity:.36}
#editView .bzdr-time-scroll>input[type=range]{
 appearance:none;-webkit-appearance:none;
 flex:1 1 0;min-width:14px;width:100%;
 height:100%;margin:0;padding:0 3px;
 background:#17222c;border:0;border-radius:0;cursor:ew-resize;
 touch-action:none
}
#editView .bzdr-time-scroll>input::-webkit-slider-runnable-track{
 height:5px;border:1px solid #394d5b;background:#0a141c
}
#editView .bzdr-time-scroll>input::-webkit-slider-thumb{
 appearance:none;-webkit-appearance:none;
 height:calc(var(--zoom-button) - 5px);width:24px;
 margin-top:calc((5px - (var(--zoom-button) - 5px))/2);
 border:1px solid #849aa8;border-radius:2px;
 background:linear-gradient(#667c8a,#3d5666)
}
#editView .bzdr-time-scroll>input::-moz-range-track{
 height:5px;border:1px solid #394d5b;background:#0a141c
}
#editView .bzdr-time-scroll>input::-moz-range-thumb{
 height:calc(var(--zoom-button) - 5px);width:24px;
 border:1px solid #849aa8;border-radius:2px;background:#476478
}
#editView .bzdr-time-scroll>input:disabled{opacity:.45}
#editView .bzdr-time-scroll>input:focus-visible,
#editView .bzdr-time-scroll>button:focus-visible{
 outline:2px solid #b0dfff;outline-offset:-2px
}