/* KSK Designer 1.1.0: optional editor guides, contextual replacement and mobile menu layering. */
.kskd-shell .kskd-replace-image-button{
 display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
 min-height:35px;margin:7px 0 10px;padding:7px 12px;
 background:#eaf4ff;border:1px solid #abcff3;border-radius:9px;
 color:#1769c2;font-size:12px;font-weight:700;line-height:1.3;
}
.kskd-shell .kskd-replace-image-button:hover,.kskd-shell .kskd-replace-image-button:focus-visible{background:#dceeff;outline:2px solid #1769c2;outline-offset:1px}
.kskd-shell .kskd-replace-image-button input[type="file"]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}
.kskd-shell .kskd-visual-guide-settings{display:grid;grid-template-columns:1fr;gap:7px;border-top:1px solid #e2e8f0;padding:9px 2px 2px;white-space:nowrap}
.kskd-shell .kskd-visual-guide-settings label{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.3;cursor:pointer;color:#29445e}
.kskd-shell .kskd-visual-guide-settings input{margin:0!important;flex:none}
.kskd-shell .kskd-visual-guides{position:absolute;inset:0;z-index:12;pointer-events:none!important;overflow:hidden;visibility:hidden}
.kskd-shell .kskd-visual-guides.show-grid,.kskd-shell .kskd-visual-guides.show-rulers{visibility:visible}
.kskd-shell .kskd-visual-guides .kskd-design-grid{position:absolute;inset:0;display:none;
 background-image:linear-gradient(to right,rgba(34,116,195,.24) 1px,transparent 1px),linear-gradient(to bottom,rgba(34,116,195,.24) 1px,transparent 1px);
 background-size:var(--kskd-grid-step,50px) var(--kskd-grid-step,50px);}
.kskd-shell .kskd-visual-guides.show-grid .kskd-design-grid{display:block}
.kskd-shell .kskd-design-ruler{position:absolute;display:none;color:#335f89;font:9px/1.2 Arial,sans-serif;background:rgba(225,240,255,.93);box-sizing:border-box}
.kskd-shell .kskd-visual-guides.show-rulers .kskd-design-ruler{display:block}
.kskd-shell .kskd-ruler-x{left:18px;right:0;top:0;height:17px;border-bottom:1px solid #7baace}
.kskd-shell .kskd-ruler-y{top:17px;left:0;bottom:0;width:18px;border-right:1px solid #7baace}
.kskd-shell .kskd-ruler-mark{position:absolute;display:block;text-align:center}
.kskd-shell .kskd-ruler-x .kskd-ruler-mark{top:0;transform:translateX(-50%);border-left:1px solid #7baace;height:16px;padding:2px 0 0 2px}
.kskd-shell .kskd-ruler-y .kskd-ruler-mark{left:0;transform:translateY(-50%);border-top:1px solid #7baace;width:17px;text-align:center;padding-top:2px}
/* Colour wheel: single clickable circle, no extra icon or border decorations. */
@media(max-width:850px){
 .kskd-shell.kskd-corner-layout[data-mobile-color-button-style="color-wheel"] .kskd-mobile-variant-picker:not([hidden]){
   width:58px!important;max-width:58px!important;height:58px!important;
 }
 .kskd-shell.kskd-corner-layout[data-mobile-color-button-style="color-wheel"] .kskd-mobile-variant-toggle{
   width:58px!important;height:58px!important;min-height:58px!important;
   max-width:58px!important;min-width:58px!important;padding:4px!important;
   border-radius:50%!important;border:2px solid #fff!important;
   background:conic-gradient(#ed4d54 0 25%,#f1b839 25% 50%,#2cab79 50% 75%,#2578d4 75% 100%)!important;
   box-shadow:0 4px 10px rgba(26,47,78,.24)!important;
   color:#fff!important;text-align:center!important;
 }
 .kskd-shell.kskd-corner-layout[data-mobile-color-button-style="color-wheel"] .kskd-mobile-variant-caption{
   color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.94)!important;
   font-weight:800!important;font-size:9px!important;line-height:1.1!important;letter-spacing:-.15px!important;
 }
 .kskd-shell.kskd-corner-layout[data-mobile-color-button-style="color-wheel"] .kskd-mobile-variant-style-icon{display:none!important}
 .kskd-shell.kskd-corner-layout.kskd-project-menu-open .kskd-mobile-variant-picker{visibility:hidden!important;pointer-events:none!important}
 .kskd-shell.kskd-corner-layout.kskd-project-menu-open .kskd-corner[data-group="project"]{z-index:200!important}
 .kskd-shell.kskd-corner-layout.kskd-project-menu-open .kskd-project-group{z-index:201!important}
 .kskd-shell.kskd-corner-layout.kskd-project-menu-open .kskd-project-menu:not([hidden]){z-index:202!important;pointer-events:auto!important}
}
/* 1.1.1: keep the phone's native replacement picker out of the 4-tile grid. */
.kskd-mobile-dock .kskd-mobile-image-shortcuts .kskd-mobile-replace-file[hidden]{display:none!important}