/* KSK Designer 0.8.7: compact stroke picker and accessible mobile alignment menu */
.kskd-shell .kskd-outline-controls .kskd-field:has(.kskd-outline-color){display:flex!important;align-items:center;flex-direction:row;gap:10px;flex-wrap:wrap}
.kskd-shell .kskd-outline-controls input.kskd-outline-color,.kskd-mobile-sheet input.kskd-outline-color,.kskd-mobile-dock input.kskd-outline-color{appearance:auto!important;-webkit-appearance:auto!important;box-sizing:border-box!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;padding:3px!important;flex:0 0 38px!important;border-radius:9px!important;cursor:pointer}
.kskd-mobile-align-menu{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;max-width:100%}
.kskd-mobile-align-options:not([hidden]){display:flex;flex-direction:column;gap:4px;position:absolute;left:0;bottom:calc(100% + 6px);z-index:150;min-width:155px;padding:6px;border:1px solid #dae4ef;border-radius:12px;background:#fff;box-shadow:0 8px 26px #182d4933}
.kskd-mobile-align-options[hidden]{display:none!important}
.kskd-mobile-align-options button{width:100%!important;text-align:left!important;white-space:nowrap!important}
/* Studio intentionally reallocates actual canvas space, not only icon styling. */
@media(min-width:900px){
.kskd-shell[data-ui-layout-desktop="studio"] > .kskd-workspace{position:relative!important;grid-template-columns:1fr!important;padding-left:55px!important}
.kskd-shell[data-ui-layout-desktop="studio"] > .kskd-workspace > .kskd-tools{position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:50px!important;z-index:12!important}
.kskd-shell[data-ui-layout-desktop="studio"] > .kskd-workspace > .kskd-stage-wrap{width:100%!important;min-width:0!important}
.kskd-shell[data-ui-layout-desktop="studio"] .kskd-stage{min-height:65vh!important}
}

/* Mobile quick-edit body is scrollable: keep all expanded options within its flow. */
@media(max-width:850px){
.kskd-mobile-dock .kskd-mobile-align-options:not([hidden]){position:static!important;margin:4px 0!important;box-shadow:0 4px 12px rgba(15,23,42,.08)!important}
.kskd-mobile-dock .kskd-mobile-align-menu{max-width:170px}
.kskd-mobile-dock .kskd-mobile-quick-actions{align-items:flex-end}
}

/* Fullscreen Page is intentionally scrollable: favor the product over fixed tool columns. */
@media(min-width:1101px){
.kskd-fullpage-row .kskd-shell[data-ui-layout-desktop="studio"] > .kskd-workspace,
.kskd-fullpage-row .kskd-shell[data-ui-layout-desktop="studio"] > .kskd-workspace > .kskd-stage-wrap{height:auto!important;max-height:none!important}
.kskd-fullpage-row .kskd-shell[data-ui-layout-desktop="studio"] .kskd-stage{height:clamp(560px,76dvh,840px)!important;min-height:560px!important;max-height:none!important;flex:0 0 auto!important}
}