/* KSK Designer 0.7.6 BETA — Liquid Matte visual themes.
   A presentation-only opt-in. No Fabric canvas dimensions or touch handling changes. */
body.kskd-theme-liquid-matte,
.kskd-shell.kskd-theme-liquid-matte{
  --kskd-glass-accent:#347bd0;
  --kskd-glass-ink:#20324c;
  --kskd-glass-muted:#647690;
  --kskd-glass-stroke:rgba(211,224,240,.94);
  --kskd-glass-panel:rgba(253,254,255,.95);
  --kskd-glass-surface:rgba(255,255,255,.94);
  --kskd-glass-active:rgba(225,239,255,.96);
  --kskd-glass-chrome:rgba(247,250,255,.96);
  --kskd-glass-gradient:linear-gradient(145deg,#f9fcff 0%,#edf4ff 48%,#f6f8fd 100%);
  --kskd-glass-shadow:0 10px 29px rgba(37,69,115,.10),0 2px 6px rgba(36,63,103,.045);
  --kskd-blue:var(--kskd-glass-accent);
  --kskd-ink:var(--kskd-glass-ink);
  --kskd-border:var(--kskd-glass-stroke);
  --kskd-muted:var(--kskd-glass-muted);
  --kskd-soft:#eef4fc;
}
body.kskd-theme-liquid-matte-blue,
.kskd-shell.kskd-theme-liquid-matte-blue{
  --kskd-glass-accent:#2870c8;
  --kskd-glass-stroke:rgba(187,209,233,.94);
  --kskd-glass-panel:rgba(240,247,255,.96);
  --kskd-glass-surface:rgba(247,251,255,.95);
  --kskd-glass-active:rgba(204,227,255,.95);
  --kskd-glass-chrome:rgba(222,235,252,.96);
  --kskd-glass-gradient:linear-gradient(140deg,#e6f1ff 0%,#d8e9ff 55%,#edf4ff 100%);
  --kskd-glass-shadow:0 12px 28px rgba(38,88,155,.12),0 2px 7px rgba(44,83,133,.075);
}
/* Large surfaces: the product art retains its natural, neutral colors. */
.kskd-shell.kskd-theme-liquid-matte .kskd-workspace{
  border:1px solid var(--kskd-glass-stroke)!important;
  border-radius:24px!important;
  background:var(--kskd-glass-gradient)!important;
  box-shadow:var(--kskd-glass-shadow)!important;
  padding:13px!important;
  gap:15px!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-tools{gap:10px!important}
.kskd-shell.kskd-theme-liquid-matte .kskd-module{
  border:1px solid var(--kskd-glass-stroke)!important;
  border-radius:19px!important;
  background:var(--kskd-glass-panel)!important;
  box-shadow:0 4px 14px rgba(48,81,126,.055)!important;
  overflow:hidden;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-module.is-open{
  border-color:rgba(127,179,231,.94)!important;
  box-shadow:0 7px 22px rgba(44,104,178,.11)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-module .kskd-tool{
  background:transparent!important;
  border-radius:18px!important;
  color:var(--kskd-glass-ink)!important;
  min-height:65px!important;
  padding:12px 13px!important;
  transition:background-color .16s ease,transform .16s ease!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-module .kskd-tool:hover,
.kskd-shell.kskd-theme-liquid-matte .kskd-module.is-open .kskd-tool{
  background:var(--kskd-glass-active)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-module .kskd-tool .dashicons{
  display:grid!important;place-items:center!important;
  width:30px!important;height:30px!important;
  margin-left:-4px!important;
  border-radius:11px!important;
  color:var(--kskd-glass-accent)!important;
  background:rgba(226,240,255,.75)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-module .kskd-tool small{color:var(--kskd-glass-muted)!important}
.kskd-shell.kskd-theme-liquid-matte .kskd-module-panel{
  border-top:1px solid var(--kskd-glass-stroke)!important;
  background:rgba(253,254,255,.72)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-tool-note{
  border:1px solid var(--kskd-glass-stroke)!important;
  border-radius:15px!important;
  background:var(--kskd-glass-panel)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-stage{
  background:rgba(255,255,255,.68)!important;
  border:1px solid rgba(215,226,240,.86)!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.95)!important;
}
.kskd-shell.kskd-theme-liquid-matte.kskd-preview-card .kskd-stage{
  background:rgba(255,255,255,.72)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-stage .canvas-container{
  border-radius:14px!important;
  box-shadow:0 8px 23px rgba(27,64,104,.07)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-stage-top,
.kskd-shell.kskd-theme-liquid-matte .kskd-stage-footer{
  color:var(--kskd-glass-muted)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-status{
  background:rgba(235,250,241,.91)!important;
  border-radius:999px!important;
  border-color:rgba(190,226,205,.96)!important;
}
/* Pills, controls and native form inputs. */
.kskd-shell.kskd-theme-liquid-matte .kskd-side-switch .kskd-side,
.kskd-shell.kskd-theme-liquid-matte .kskd-history-actions button,
.kskd-shell.kskd-theme-liquid-matte .kskd-button-row button,
.kskd-shell.kskd-theme-liquid-matte .kskd-actions button,
.kskd-shell.kskd-theme-liquid-matte .kskd-layer-actions button{
  background:var(--kskd-glass-surface)!important;
  color:var(--kskd-glass-ink)!important;
  border:1px solid var(--kskd-glass-stroke)!important;
  border-radius:999px!important;
  box-shadow:0 2px 7px rgba(39,69,108,.045)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-side-switch .kskd-side.is-active,
.kskd-shell.kskd-theme-liquid-matte .kskd-button-row button.is-active{
  color:#fff!important;
  border-color:var(--kskd-glass-accent)!important;
  background:var(--kskd-glass-accent)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-history-actions button:disabled{opacity:.44!important}
.kskd-shell.kskd-theme-liquid-matte .kskd-upload-label,
.kskd-shell.kskd-theme-liquid-matte .kskd-create-text,
.kskd-shell.kskd-theme-liquid-matte .kskd-image-tool-action,
.kskd-shell.kskd-theme-liquid-matte .kskd-ai-generate,
.kskd-shell.kskd-theme-liquid-matte .kskd-pixabay-search{
  background:var(--kskd-glass-accent)!important;
  border:1px solid var(--kskd-glass-accent)!important;
  border-radius:14px!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(37,105,183,.15)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-field input:not([type=color]):not([type=range]),
.kskd-shell.kskd-theme-liquid-matte .kskd-field select,
.kskd-shell.kskd-theme-liquid-matte .kskd-field textarea,
.kskd-shell.kskd-theme-liquid-matte .kskd-crop-fields input,
.kskd-shell.kskd-theme-liquid-matte .kskd-image-source,
.kskd-shell.kskd-theme-liquid-matte .kskd-image-source-panel,
.kskd-shell.kskd-theme-liquid-matte .kskd-edit-tool-block,
.kskd-shell.kskd-theme-liquid-matte .kskd-layer{
  border-radius:13px!important;
  background:var(--kskd-glass-surface)!important;
  border-color:var(--kskd-glass-stroke)!important;
}
.kskd-shell.kskd-theme-liquid-matte input[type=range]{accent-color:var(--kskd-glass-accent)}
.kskd-shell.kskd-theme-liquid-matte .kskd-layer.is-selected{
  background:var(--kskd-glass-active)!important;
  border-color:rgba(125,178,232,.85)!important;
}
/* Zoom, corner tools and project menu: preserve original positioning and hit targets. */
.kskd-shell.kskd-theme-liquid-matte :is(.kskd-zoom-toggle,.kskd-zoom-plus,.kskd-zoom-minus,.kskd-zoom-reset,.kskd-project-toggle,.kskd-zone-tools-toggle),
.kskd-shell.kskd-theme-liquid-matte .kskd-move-zone{
  border-radius:14px!important;
  border-color:rgba(194,215,237,.96)!important;
  background:var(--kskd-glass-panel)!important;
  color:var(--kskd-glass-accent)!important;
  box-shadow:0 4px 13px rgba(30,62,101,.11)!important;
}
.kskd-shell.kskd-theme-liquid-matte :is(.kskd-zoom-details,.kskd-project-menu,.kskd-zone-tools-panel,.kskd-guide-settings>label){
  border-radius:16px!important;
  border-color:var(--kskd-glass-stroke)!important;
  background:var(--kskd-glass-panel)!important;
  box-shadow:0 8px 24px rgba(39,76,124,.11)!important;
}
.kskd-shell.kskd-theme-liquid-matte .kskd-pricing-summary{
  background:var(--kskd-glass-chrome)!important;
  border:1px solid var(--kskd-glass-stroke)!important;
  border-radius:17px!important;
  box-shadow:0 5px 14px rgba(39,74,118,.055)!important;
}
/* Fullscreen modal + product options: avoid forcing a new WooCommerce layout. */
body.kskd-theme-liquid-matte .kskd-modal-header{
  background:var(--kskd-glass-panel)!important;
  border-color:var(--kskd-glass-stroke)!important;
}
body.kskd-theme-liquid-matte .kskd-modal-close,
body.kskd-theme-liquid-matte .kskd-modal-product-toggle{
  border-radius:999px!important;
  border-color:var(--kskd-glass-stroke)!important;
  background:var(--kskd-glass-surface)!important;
}
body.kskd-theme-liquid-matte .kskd-modal-layout>.summary{
  background:var(--kskd-glass-panel)!important;
  border-left-color:var(--kskd-glass-stroke)!important;
}
/* Portal support: sheets are moved outside the editor's DOM tree by JavaScript. */
body.kskd-theme-liquid-matte .kskd-mobile-appbar:not([hidden]){
  border-radius:26px!important;
  background:var(--kskd-glass-panel)!important;
  border:1px solid var(--kskd-glass-stroke)!important;
  box-shadow:0 10px 30px rgba(31,68,121,.18),inset 0 1px 0 rgba(255,255,255,.8)!important;
  padding:7px 9px!important;
  gap:7px!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-appbar button,
body.kskd-theme-liquid-matte .kskd-mobile-appbar.kskd-dock-minimal button,
body.kskd-theme-liquid-matte .kskd-mobile-appbar.kskd-dock-glass button,
body.kskd-theme-liquid-matte .kskd-mobile-appbar.kskd-dock-pills button{
  background:var(--kskd-glass-surface)!important;
  color:var(--kskd-glass-ink)!important;
  border:1px solid rgba(216,228,242,.96)!important;
  border-radius:19px!important;
  min-height:56px!important;
  box-shadow:0 2px 7px rgba(36,70,113,.06)!important;
  transition:background-color .16s ease,transform .16s ease!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-appbar button.is-active,
body.kskd-theme-liquid-matte .kskd-mobile-appbar.kskd-dock-minimal button.is-active,
body.kskd-theme-liquid-matte .kskd-mobile-appbar.kskd-dock-glass button.is-active,
body.kskd-theme-liquid-matte .kskd-mobile-appbar.kskd-dock-pills button.is-active{
  background:var(--kskd-glass-active)!important;
  border-color:rgba(137,182,231,.95)!important;
  color:var(--kskd-glass-accent)!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-appbar button .dashicons{
  color:var(--kskd-glass-accent)!important;
  background:none!important;
  width:22px!important;height:22px!important;
  border-radius:0!important;
  font-size:21px!important;line-height:22px!important;
}
body.kskd-theme-liquid-matte .kskd-dock-swipe-hint:not([hidden]){
  background:var(--kskd-glass-panel)!important;
  border-color:var(--kskd-glass-stroke)!important;
  color:var(--kskd-glass-accent)!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-sheet:not([hidden]),
body.kskd-theme-liquid-matte .kskd-mobile-dock:not([hidden]){
  background:var(--kskd-glass-panel)!important;
  color:var(--kskd-glass-ink)!important;
  border:1px solid var(--kskd-glass-stroke)!important;
  border-radius:25px!important;
  box-shadow:0 15px 36px rgba(29,66,112,.19),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-sheet-header,
body.kskd-theme-liquid-matte .kskd-mobile-dock-header{
  border-bottom-color:var(--kskd-glass-stroke)!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-sheet-handle{background:rgba(119,150,190,.48)!important;width:40px}
body.kskd-theme-liquid-matte :is(.kskd-mobile-sheet-close,.kskd-mobile-dock-controls button,.kskd-mobile-dock-tabs button,.kskd-mobile-image-shortcut,.kskd-mobile-quick-actions button,.kskd-mobile-sheet .kskd-shapes-grid button,.kskd-mobile-sheet .kskd-align-grid button,.kskd-mobile-sheet .kskd-recolor-shape){
  background:var(--kskd-glass-surface)!important;
  color:var(--kskd-glass-ink)!important;
  border:1px solid var(--kskd-glass-stroke)!important;
  border-radius:15px!important;
  box-shadow:0 2px 7px rgba(42,78,123,.04)!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-dock-tabs button.is-active,
body.kskd-theme-liquid-matte .kskd-mobile-image-shortcut.is-active{
  background:var(--kskd-glass-active)!important;
  color:var(--kskd-glass-accent)!important;
  border-color:rgba(130,178,226,.94)!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-dock-title,
body.kskd-theme-liquid-matte .kskd-mobile-sheet-heading{
  color:var(--kskd-glass-ink)!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-sheet-content :is(.kskd-upload-label,.kskd-create-text){
  color:#fff!important;background:var(--kskd-glass-accent)!important;
  border:0!important;border-radius:16px!important;
}
body.kskd-theme-liquid-matte :is(.kskd-mobile-sheet-content input:not([type=color]):not([type=range]),.kskd-mobile-sheet-content select,.kskd-mobile-sheet-content textarea,.kskd-mobile-quick-panel input:not([type=color]):not([type=range]),.kskd-mobile-quick-panel select,.kskd-mobile-quick-panel textarea){
  border-radius:13px!important;
  border-color:var(--kskd-glass-stroke)!important;
  background:rgba(255,255,255,.97)!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-image-extended details.kskd-edit-tool-block,
body.kskd-theme-liquid-matte .kskd-mobile-sheet .kskd-image-source{
  background:var(--kskd-glass-surface)!important;
  border-color:var(--kskd-glass-stroke)!important;
  border-radius:15px!important;
}
body.kskd-theme-liquid-matte .kskd-mobile-image-shortcut .dashicons{color:var(--kskd-glass-accent)!important}
body.kskd-theme-liquid-matte .kskd-mobile-sheet .kskd-shapes-grid button>span{color:var(--kskd-glass-accent)!important}
/* Blur only as restrained optical polish; opaque backgrounds remain usable without it. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .kskd-shell.kskd-theme-liquid-matte .kskd-module,
  .kskd-shell.kskd-theme-liquid-matte .kskd-workspace,
  body.kskd-theme-liquid-matte .kskd-mobile-appbar:not([hidden]),
  body.kskd-theme-liquid-matte .kskd-mobile-sheet:not([hidden]),
  body.kskd-theme-liquid-matte .kskd-mobile-dock:not([hidden]),
  body.kskd-theme-liquid-matte .kskd-modal-header{
    -webkit-backdrop-filter:blur(11px) saturate(110%);
    backdrop-filter:blur(11px) saturate(110%);
  }
}
@media(max-width:850px){
  /* Keep preview large: do not add vertical space to the existing mobile editor. */
  .kskd-shell.kskd-theme-liquid-matte .kskd-workspace{
    border-radius:20px!important;padding:5px!important;gap:5px!important;
  }
  .kskd-shell.kskd-theme-liquid-matte .kskd-stage{
    padding:4px!important;border-radius:17px!important;
  }
  body.kskd-theme-liquid-matte .kskd-mobile-appbar.kskd-scroll-dock button{
    flex:0 0 69px!important;width:69px!important;min-width:69px!important;max-width:69px!important;
  }
}
@media(max-width:350px){
  body.kskd-theme-liquid-matte .kskd-mobile-appbar.kskd-scroll-dock button{
    flex-basis:65px!important;width:65px!important;min-width:65px!important;max-width:65px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .kskd-shell.kskd-theme-liquid-matte .kskd-module .kskd-tool,
  body.kskd-theme-liquid-matte .kskd-mobile-appbar button{transition:none!important}
}
@media (prefers-reduced-transparency: reduce){
  .kskd-shell.kskd-theme-liquid-matte .kskd-module,
  .kskd-shell.kskd-theme-liquid-matte .kskd-workspace,
  body.kskd-theme-liquid-matte .kskd-mobile-appbar:not([hidden]),
  body.kskd-theme-liquid-matte .kskd-mobile-sheet:not([hidden]),
  body.kskd-theme-liquid-matte .kskd-mobile-dock:not([hidden]){
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
}