/* KSK Designer 1.0 - desktop move tool, readable mobile text and working zoom. */
/* A single dock in the preview, independent of where the history buttons live. */
@media (min-width:851px) {
  .kskd-shell.kskd-corner-layout .kskd-overlay .kskd-desktop-zone-dock:not([hidden]) {
    position:absolute!important;left:10px!important;bottom:10px!important;
    right:auto!important;top:auto!important;z-index:31!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    gap:8px!important;max-width:220px!important;
    pointer-events:none!important;
  }
  .kskd-shell.kskd-corner-layout .kskd-desktop-zone-dock > * {pointer-events:auto!important;}
  .kskd-shell.kskd-corner-layout .kskd-desktop-zone-dock > .kskd-zoom-control:not([hidden]) {
    position:relative!important;inset:auto!important;top:auto!important;left:auto!important;
    right:auto!important;bottom:auto!important;transform:none!important;
    margin:0!important;z-index:1!important;
  }
  .kskd-shell.kskd-corner-layout .kskd-desktop-zone-dock > .kskd-print-toolbar:not([hidden]) {
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    position:relative!important;inset:auto!important;transform:none!important;
    width:auto!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;border:0!important;
    background:transparent!important;box-shadow:none!important;
  }
  .kskd-shell.kskd-corner-layout .kskd-desktop-zone-dock .kskd-move-zone:not([hidden]) {
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    gap:6px!important;max-width:200px!important;min-height:33px!important;
    background:#fff!important;color:#1769c2!important;border:1px solid #b9d4ef!important;
    border-radius:10px!important;padding:6px 9px!important;
    font-size:11px!important;font-weight:700!important;line-height:1.25!important;
    box-shadow:0 3px 12px rgba(27,58,89,.13)!important;
  }
}
/* Mobile: the print-area action stays inside the tools (cog) menu.
   Make its icon and text unconditionally legible, including in third-party themes. */
@media(max-width:850px){
 .kskd-shell.kskd-corner-layout .kskd-desktop-zone-dock{display:none!important}
 .kskd-shell.kskd-corner-layout .kskd-top-tools .kskd-zone-tools-panel .kskd-move-zone:not([hidden]){
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:7px!important;width:100%!important;min-width:0!important;
    min-height:39px!important;padding:8px 10px!important;
    background:#eff6ff!important;border:1px solid #b9d4ef!important;
    color:#1769c2!important;opacity:1!important;
    font-size:12px!important;font-weight:700!important;line-height:1.35!important;
    text-align:center!important;white-space:normal!important;
 }
}
.kskd-shell.kskd-corner-layout .kskd-move-zone:not([hidden]) .kskd-lock-label{
 display:inline!important;position:static!important;visibility:visible!important;
 opacity:1!important;color:inherit!important;font-size:inherit!important;
 font-weight:700!important;line-height:1.35!important;white-space:normal!important;
 text-indent:0!important;max-width:none!important;width:auto!important;
}
.kskd-shell.kskd-corner-layout .kskd-move-zone:not([hidden]) .kskd-lock-icon{
 display:inline-flex!important;visibility:visible!important;opacity:1!important;
 flex:0 0 auto!important;color:inherit!important;font-size:15px!important;
}
.kskd-shell.kskd-corner-layout .kskd-move-zone[aria-pressed="true"]{
 background:#1769c2!important;color:#fff!important;border-color:#1769c2!important;
}
/* Zoom uses the CSS variable so layout translation and scale both apply.
   Earlier purchase-0915.css used translateX(...) !important, overriding JS zoom. */
.kskd-shell.kskd-corner-layout .kskd-stage > .canvas-container{
 transform:scale(var(--kskd-preview-zoom,1))!important;
 transform-origin:center center!important;
 transition:none!important;
}
@media(min-width:1101px){
 .kskd-shell.kskd-corner-layout.kskd-floating-colors .kskd-stage > .canvas-container{
   transform:translateX(clamp(20px,1.8vw,28px)) scale(var(--kskd-preview-zoom,1))!important;
 }
}
@media(min-width:851px) and (max-width:1100px){
 .kskd-shell.kskd-corner-layout.kskd-floating-colors .kskd-stage > .canvas-container{
   transform:translateX(15px) scale(var(--kskd-preview-zoom,1))!important;
 }
}