/* v89 — stable compact preview rail. Keeps the A4 preview inside the right column. */
@media (min-width:901px){
  .workspace:not(.start-mode) .preview-area{
    overflow:hidden!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    max-height:calc(100vh - 16px)!important;
  }
  .workspace:not(.start-mode) .preview-bar{
    flex:0 0 auto!important;
    padding:0 2px!important;
  }
  .workspace:not(.start-mode) .zoom-tools{
    flex:0 0 auto!important;
    margin:0 0 7px!important;
    padding:6px 7px!important;
    border:1px solid #e0e7ef!important;
    border-radius:8px!important;
    background:#fff!important;
  }
  .workspace:not(.start-mode) .zoom-tools label{font-size:10.5px!important;margin:0!important}
  .workspace:not(.start-mode) .zoom-tools select{height:30px!important;padding:4px 7px!important;font-size:10.5px!important}
  .workspace:not(.start-mode) .zoom-tools button{min-height:30px!important;padding:5px 8px!important;font-size:10.5px!important}
  .workspace:not(.start-mode) .zoom-tools span{font-size:9.5px!important;white-space:nowrap}
  .v89-preview-utility{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    min-height:52px;
    margin:0 0 8px;
    padding:7px 9px;
    border:1px solid #e4e8ee;
    border-radius:9px;
    background:linear-gradient(135deg,#fffdf8,#f8fafc);
    color:#53677a;
  }
  .v89-preview-utility .v89-utility-mark{
    width:27px;height:27px;border-radius:8px;display:grid;place-items:center;
    flex:0 0 27px;background:#fff7df;border:1px solid #e5c977;color:#8a6517;font-weight:800;
  }
  .v89-preview-utility b{display:block;font-size:10.5px;color:#203a58;margin-bottom:1px}
  .v89-preview-utility p{margin:0;font-size:9.5px;line-height:1.3}
  .workspace:not(.start-mode) .preview-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
    padding:4px 0 12px!important;
    display:block!important;
    scrollbar-gutter:stable;
  }
  .workspace:not(.start-mode) #zoom-frame{
    max-width:100%!important;
    margin:0 auto!important;
    overflow:visible!important;
  }
  .workspace:not(.start-mode) #resume.resume{
    will-change:transform;
  }
}

/* The enlarged view is the only place where horizontal panning is allowed. */
@media (min-width:901px){
  .expanded-preview .preview-scroll{overflow-x:auto!important}
  .expanded-preview .v89-preview-utility{display:none!important}
}

@media (max-width:900px){
  .v89-preview-utility{display:none!important}
}