body.jykdp-designer-product-page .site-content,
body.jykdp-designer-product-page .main-page-wrapper,
body.jykdp-designer-product-page .container,
body.jykdp-designer-product-page .content-layout-wrapper {max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
body.jykdp-designer-product-page .sidebar-container,
body.jykdp-designer-product-page .shop-loop-head,
body.jykdp-designer-product-page .woocommerce-breadcrumb {display:none!important}
.jykdp-shell{max-width:1500px;margin:24px auto 60px;padding:0 20px;font-family:Arial,sans-serif;color:#222}
.jykdp-shell *{box-sizing:border-box}
.jykdp-topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:26px 28px;background:#fff;border:1px solid #e2e2e2;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.06);margin-bottom:20px}
.jykdp-brand{font-size:12px;font-weight:900;letter-spacing:.14em;color:#c3155a}
.jykdp-topbar h1{margin:6px 0 8px;font-size:32px;line-height:1.15}
.jykdp-topbar p{margin:0;color:#666}
.jykdp-price-card{min-width:170px;text-align:right;padding:14px 16px;border-radius:12px;background:#fff4f8}
.jykdp-price-card span,.jykdp-price-card small{display:block;color:#6d5360;font-size:12px}
.jykdp-price-card strong{display:block;font-size:24px;color:#c3155a;margin:4px 0}
.jykdp-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:20px}
.jykdp-panel{background:#fff;border:1px solid #e2e2e2;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.05)}
.jykdp-controls{padding:18px}
.jykdp-controls section{padding:14px 0;border-bottom:1px solid #ececec}
.jykdp-controls section:last-child{border-bottom:0}
.jykdp-shell h2{font-size:17px;margin:0 0 10px}
.jykdp-shell label{display:block;font-weight:700;font-size:13px;margin:9px 0 4px}
.jykdp-shell input,.jykdp-shell select,.jykdp-button{min-height:42px;border-radius:9px}
.jykdp-shell input,.jykdp-shell select{width:100%;border:1px solid #bdbdbd;background:#fff;padding:8px 10px}
.jykdp-shell input[type=range]{padding:0;border:0}
.jykdp-shell input[type=color]{padding:2px}
.jykdp-shell input[type=checkbox],.jykdp-shell input[type=radio]{width:auto;min-height:0}
.jykdp-help{font-size:12px;color:#666;margin:4px 0 10px}
.jykdp-row{display:flex;gap:8px}.jykdp-row>*{flex:1}
.jykdp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jykdp-three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.jykdp-upload-card{border:1px solid #ddd;border-radius:10px;padding:9px;margin:8px 0}
.jykdp-upload-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.jykdp-upload-label{display:block!important;text-align:center;padding:15px;border:2px dashed #bbb;border-radius:9px;background:#fafafa;cursor:pointer;margin:0!important}
.jykdp-upload-card.has-image{border-color:#78b68a;background:#f1fbf4;box-shadow:0 0 0 1px rgba(39,128,68,.08)}
.jykdp-upload-card.has-image .jykdp-upload-label{border-style:solid;border-color:#55a66c;background:#e8f8ed;color:#176b32}
.jykdp-upload-card.has-image .jykdp-upload-label small{display:block;margin-top:5px;color:#245d34;font-weight:600;overflow-wrap:anywhere}
.jykdp-file-input{display:none}
.jykdp-remove-image{border:0;background:transparent;color:#a31717;font-weight:800;cursor:pointer}
.jykdp-button{border:0;padding:0 14px;font-weight:800;cursor:pointer}
.jykdp-button.secondary{background:#fff;border:1px solid #aaa;color:#222}
.jykdp-button.danger{width:100%;background:#fff3f3;border:1px solid #cf7a7a;color:#9a1717;margin-top:8px}
.jykdp-button.primary{width:100%;background:#c3155a;color:#fff;font-size:16px;min-height:50px}
.jykdp-button.primary:disabled{opacity:.45;cursor:not-allowed}
.jykdp-tabs{display:flex;gap:6px}
.jykdp-tab{flex:1;border:1px solid #aaa;background:#fff;font-weight:800;min-height:38px;border-radius:8px}
.jykdp-tab.active{background:#c3155a;color:#fff;border-color:#c3155a}
.jykdp-text-chip{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #ddd;border-radius:8px;margin:6px 0;cursor:pointer}
.jykdp-text-chip.active{border-color:#c3155a;background:#fff3f8}
.jykdp-check,.jykdp-radio{display:flex!important;gap:8px;align-items:flex-start;line-height:1.45}
.jykdp-status{font-size:12px;font-weight:800}.jykdp-status.good{color:#187a37}.jykdp-status.bad{color:#b42318}
.jykdp-preview-panel{padding:18px;min-width:0}
.jykdp-preview-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.jykdp-preview-heading h2{margin:0}.jykdp-preview-heading p{margin:4px 0 12px;color:#666}
.jykdp-template-badge{text-align:right;padding:9px 12px;background:#f2f2f2;border-radius:10px}.jykdp-template-badge strong,.jykdp-template-badge span{display:block}
.jykdp-stage{position:relative;min-height:650px;display:grid;place-items:center;overflow:hidden;padding:14px;border-radius:12px;background-color:#eee;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.jykdp-stage canvas{display:block;max-width:100%;max-height:78vh;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.2);touch-action:none;cursor:grab}
.jykdp-empty-state{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;color:#666;pointer-events:none}
.jykdp-checkout-card{margin-top:16px;padding:18px;border:1px solid #e2e2e2;border-radius:12px;background:#fafafa}
.jykdp-proof{margin:16px 0!important}
.jykdp-message{padding:12px;border-radius:9px;background:#eef9f1;margin-top:10px}
.hidden{display:none!important}
@media(max-width:950px){.jykdp-layout{grid-template-columns:1fr}.jykdp-stage{min-height:430px}.jykdp-topbar{display:block}.jykdp-price-card{text-align:left;margin-top:15px}.jykdp-shell{padding:0 10px}}

.jykdp-message.error{background:#fff1f1;color:#9d1919;border:1px solid #e3a2a2;font-weight:700}.jykdp-message.success{background:#eef9f1;color:#176b32;border:1px solid #9ed4ac;font-weight:700}.jykdp-message.working{background:#fff8e8;color:#755800;border:1px solid #e3ca78;font-weight:700}.jykdp-button.primary:disabled{cursor:not-allowed;opacity:.55}.jykdp-button.primary:not(:disabled){cursor:pointer}
.jykdp-range-value{float:right;color:#c3155a;font-weight:900;font-size:12px}
.jykdp-curve-controls{margin-top:10px;padding:12px;border:1px solid #ead8e7;border-radius:10px;background:#fff7fb}
.jykdp-toggle-grid{margin-top:10px}.jykdp-toggle-grid .jykdp-check{font-size:12px;margin:0}
.jykdp-row .jykdp-button.danger{width:auto;margin-top:0;background:#fff3f3}
.jykdp-fulfilment-wrap{margin-top:18px;padding-top:18px;border-top:1px solid #e5e5e5}
.jykdp-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jykdp-choice-card{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;padding:14px;border:2px solid #ddd;border-radius:12px;background:#fff;cursor:pointer;min-height:88px}
.jykdp-choice-card:has(input:checked){border-color:#c3155a;background:#fff3f8;box-shadow:0 0 0 1px rgba(195,21,90,.08)}
.jykdp-choice-card input{margin-top:3px}
.jykdp-choice-card span,.jykdp-choice-card small{display:block}.jykdp-choice-card strong{font-size:14px}.jykdp-choice-card small{font-weight:400;color:#666;margin-top:4px;line-height:1.35}
.jykdp-pickup-date{margin-top:14px;padding:14px;border:1px solid #ead8e7;border-radius:10px;background:#fff7fb}
.jykdp-shipping-note{margin-top:14px;padding:12px;border:1px solid #9ed4ac;border-radius:9px;background:#eef9f1;color:#176b32;font-weight:700}
@media(max-width:600px){.jykdp-choice-grid{grid-template-columns:1fr}}


.jykdp-processing-choice{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid #d7dce1;border-radius:10px;margin:10px 0;background:#fff;cursor:pointer}
.jykdp-processing-choice:has(input:checked){border-color:#2271b1;box-shadow:0 0 0 2px rgba(34,113,177,.12)}
.jykdp-processing-choice span{display:flex;flex-direction:column;gap:3px}
.jykdp-processing-choice small{color:#646970}
.jykdp-price-summary{margin:16px 0 6px;border:1px solid #dcdcde;border-radius:10px;background:#f8f9fa;padding:12px 16px}
.jykdp-price-summary>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0}
.jykdp-price-total{border-top:1px solid #dcdcde;margin-top:6px;padding-top:12px!important;font-size:1.15rem}
.jykdp-price-total strong{font-size:1.3rem}

.jykdp-full-sheet-notice{display:flex;flex-direction:column;gap:3px;padding:11px 12px;margin:8px 0 10px;border:1px solid #b8d7ef;border-radius:10px;background:#eef7ff;color:#174f78}.jykdp-full-sheet-notice span{font-size:12px;line-height:1.4}.jykdp-full-sheet-notice strong{font-size:14px}


/* Alpha 24.8: identical-sheet quantity control */
.jykdp-sheet-quantity{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:15px 16px;border:1px solid #ead7e1;border-radius:12px;background:#fff8fb}
.jykdp-sheet-quantity strong{display:block;font-size:15px}
.jykdp-sheet-quantity small{display:block;margin-top:4px;color:#666}
.jykdp-quantity-control{display:flex;align-items:center;flex:0 0 auto}
.jykdp-quantity-control button,.jykdp-quantity-control input{height:40px;border:1px solid #c9c9c9;background:#fff;text-align:center;font-weight:700}
.jykdp-quantity-control button{width:40px;cursor:pointer;font-size:21px;line-height:1}
.jykdp-quantity-control input{width:58px;border-left:0;border-right:0;-moz-appearance:textfield}
.jykdp-quantity-control input::-webkit-outer-spin-button,.jykdp-quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:520px){.jykdp-sheet-quantity{align-items:flex-start;flex-direction:column}.jykdp-quantity-control{width:100%}.jykdp-quantity-control input{flex:1}}

.jykdp-duplicate-image{width:100%;margin-top:9px}.jykdp-duplicate-image:disabled{opacity:.5;cursor:not-allowed}

.jykdp-add-photo-button{width:100%;margin:8px 0 2px;min-height:38px;border:1px dashed #c3155a!important;color:#a70f4d;background:#fff7fa!important;border-radius:8px}

.jykdp-font-preview{margin:6px 0 8px;padding:8px 10px;min-height:30px;border:1px solid #ddd;border-radius:7px;background:#fff;font-size:22px;line-height:1.15;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}


/* Alpha 25.25: make the all-templates shape choice impossible to miss. */
.jykdp-shape-heading,.jykdp-size-heading{display:block;margin:14px 0 8px;font-weight:900;font-size:13px;letter-spacing:.04em;color:#222}
.jykdp-shape-heading{padding:7px 10px;border-radius:8px;background:linear-gradient(90deg,#ff6b6b,#ffd166,#06d6a0,#118ab2,#7b2cbf);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.jykdp-shape-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 12px}
/* Alpha 25.27: rainbow shape selector so customers immediately see the four choices. */
.jykdp-shape-button{min-height:50px;border:2px solid transparent;border-radius:11px;color:#fff;font-weight:900;font-size:14px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;box-shadow:0 3px 10px rgba(0,0,0,.12);text-shadow:0 1px 2px rgba(0,0,0,.25)}
.jykdp-shape-button[data-shape="circle"]{background:linear-gradient(135deg,#ef476f,#ff6b6b)}
.jykdp-shape-button[data-shape="square"]{background:linear-gradient(135deg,#ff9f1c,#ffd166);color:#3b2a00;text-shadow:none}
.jykdp-shape-button[data-shape="heart"]{background:linear-gradient(135deg,#06d6a0,#2ec4b6);color:#073b33;text-shadow:none}
.jykdp-shape-button[data-shape="rectangle"]{background:linear-gradient(135deg,#118ab2,#7b2cbf)}
.jykdp-shape-button:hover{transform:translateY(-1px);filter:saturate(1.08) brightness(1.03);box-shadow:0 5px 14px rgba(0,0,0,.16)}
.jykdp-shape-button.active{border-color:#111;box-shadow:0 0 0 3px #fff,0 0 0 6px #111,0 6px 16px rgba(0,0,0,.18);transform:translateY(-1px)}
.jykdp-shape-select-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
#jykdp-size-picker{border:2px solid #c3155a!important;background:#fff!important;font-weight:800!important;min-height:46px!important}
@media(max-width:520px){.jykdp-shape-buttons{grid-template-columns:1fr 1fr}}

/* Alpha 25.28: make text deletion obvious by placing Delete on every added text row. */
.jykdp-text-chip{align-items:center}
.jykdp-text-chip-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.jykdp-text-chip-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.jykdp-text-chip-actions small{color:#666;text-transform:capitalize}
.jykdp-text-chip-delete{border:1px solid #d56a79;background:#fff5f6;color:#a1122f;border-radius:7px;padding:5px 8px;font-size:12px;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap}
.jykdp-text-chip-delete:hover,.jykdp-text-chip-delete:focus{background:#a1122f;color:#fff;border-color:#a1122f;outline:none}
@media(max-width:480px){.jykdp-text-chip{align-items:flex-start}.jykdp-text-chip-actions{gap:5px}.jykdp-text-chip-actions small{display:none}.jykdp-text-chip-delete{padding:6px 7px}}

/* Alpha 25.30 — quick text colours + working Rainbow / Multicolour */
.jykdp-colour-palette{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 12px;align-items:center}
.jykdp-colour-swatch{width:34px;height:34px;min-height:34px!important;padding:0!important;border:2px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #a9a9a9;cursor:pointer}
.jykdp-colour-swatch:hover,.jykdp-colour-swatch.is-active{box-shadow:0 0 0 3px #222}
.jykdp-rainbow-swatch{background:conic-gradient(#ff2d55,#ff9500,#ffcc00,#34c759,#0a84ff,#5856d6,#af52de,#ff2d55)}
.jykdp-colour-swatch:disabled{opacity:.4;cursor:not-allowed}

/* Make colour swatches resistant to theme button styles. */
.jykdp-colour-swatch[data-text-colour="#000000"]{background:#000!important}
.jykdp-colour-swatch[data-text-colour="#ffffff"]{background:#fff!important}
.jykdp-colour-swatch[data-text-colour="#ff2d55"]{background:#ff2d55!important}
.jykdp-colour-swatch[data-text-colour="#ff9500"]{background:#ff9500!important}
.jykdp-colour-swatch[data-text-colour="#ffcc00"]{background:#ffcc00!important}
.jykdp-colour-swatch[data-text-colour="#34c759"]{background:#34c759!important}
.jykdp-colour-swatch[data-text-colour="#0a84ff"]{background:#0a84ff!important}
.jykdp-colour-swatch[data-text-colour="#af52de"]{background:#af52de!important}
.jykdp-rainbow-swatch{background:conic-gradient(#ff2d55,#ff9500,#ffcc00,#34c759,#0a84ff,#5856d6,#af52de,#ff2d55)!important}


/* Alpha 25.35 — polished shape selector + clearer Add Text entry. Visual-only. */
.jykdp-shape-heading{
  text-align:center!important;
  padding:10px 12px!important;
  border:1px solid #f0d6df!important;
  border-radius:10px!important;
  background:#fff3f7!important;
  color:#2b2530!important;
  text-shadow:none!important;
  letter-spacing:.06em!important;
}
.jykdp-shape-buttons{gap:10px!important;margin-top:9px!important}
.jykdp-shape-button{
  min-height:54px!important;
  border:1.5px solid #e7cbd5!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#342b31!important;
  box-shadow:0 2px 8px rgba(83,42,61,.05)!important;
  text-shadow:none!important;
  filter:none!important;
}
.jykdp-shape-button[data-shape="circle"],
.jykdp-shape-button[data-shape="square"],
.jykdp-shape-button[data-shape="heart"],
.jykdp-shape-button[data-shape="rectangle"]{
  background:#fff!important;
  color:#342b31!important;
}
.jykdp-shape-button:hover{
  background:#fff8fb!important;
  border-color:#d89db4!important;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(195,21,90,.10)!important;
}
.jykdp-shape-button.active{
  background:#c3155a!important;
  color:#fff!important;
  border-color:#c3155a!important;
  box-shadow:0 0 0 3px rgba(195,21,90,.13),0 4px 12px rgba(195,21,90,.18)!important;
  transform:none!important;
}
.jykdp-size-heading{
  text-align:center;
  padding:8px 10px;
  border-radius:9px;
  background:#fff7fa;
  border:1px solid #f1d8e1;
}
#jykdp-size-picker{
  border:1.5px solid #cf6c91!important;
  background:#fff!important;
  min-height:48px!important;
  border-radius:12px!important;
  padding-left:14px!important;
}

.jykdp-add-text-section>h2{
  padding:9px 11px;
  border:1px solid #f0d6df;
  border-radius:9px;
  background:#fff5f8;
  margin-bottom:12px!important;
}
.jykdp-new-text-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 118px;
  gap:10px;
  align-items:stretch;
  margin-bottom:10px;
}
.jykdp-new-text-row #jykdp-new-text{
  min-width:0;
  min-height:48px;
  padding:10px 13px;
  border-radius:10px;
  font-size:14px;
}
.jykdp-add-text-button{
  min-height:48px!important;
  padding:0 12px!important;
  border:1px solid #c3155a!important;
  border-radius:10px!important;
  background:#c3155a!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.02em;
  white-space:nowrap;
}
.jykdp-add-text-button:hover,.jykdp-add-text-button:focus{
  background:#a8114d!important;
  border-color:#a8114d!important;
  color:#fff!important;
  outline:none;
}
@media(max-width:480px){
  .jykdp-new-text-row{grid-template-columns:1fr}
  .jykdp-add-text-button{width:100%}
}


/* Alpha 25.36 — soft JYK shape chooser matching approved mockup. Visual-only. */
#jykdp-template-picker-wrap .jykdp-shape-heading,
#jykdp-template-picker-wrap .jykdp-size-heading{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  text-align:center!important;
  background:linear-gradient(90deg,#fff0f4 0%,#fde8ef 50%,#fff0f4 100%)!important;
  border:0!important;
  border-radius:10px!important;
  color:#24232a!important;
  font-weight:900!important;
  font-size:16px!important;
  letter-spacing:.055em!important;
  line-height:1.2!important;
  padding:12px 10px!important;
  margin:14px 0 10px!important;
  text-shadow:none!important;
}
#jykdp-template-picker-wrap .jykdp-help{
  text-align:center!important;
  margin-bottom:10px!important;
  color:#59545a!important;
}
#jykdp-template-picker-wrap .jykdp-shape-buttons{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px 12px!important;
  margin:0 0 15px!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  min-height:68px!important;
  padding:10px 12px!important;
  background:#fff!important;
  border:2px solid #f0d2dc!important;
  border-radius:10px!important;
  color:#28262d!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  filter:none!important;
  transform:none!important;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button:hover,
#jykdp-template-picker-wrap .jykdp-shape-button:focus{
  background:#fff8fb!important;
  border-color:#e68aaa!important;
  box-shadow:0 0 0 2px rgba(213,44,105,.06)!important;
  outline:none!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button.active{
  background:linear-gradient(90deg,#fff2f7 0%,#fde6ef 100%)!important;
  border-color:#d72f70!important;
  color:#d72f70!important;
  box-shadow:0 0 0 2px rgba(215,47,112,.10)!important;
}
#jykdp-template-picker-wrap .jykdp-shape-icon{
  position:relative!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  width:38px!important;
  height:38px!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="circle"] .jykdp-shape-icon{
  border-radius:50%!important;
  background:linear-gradient(145deg,#f39bbb,#dc2f72)!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="square"] .jykdp-shape-icon{
  width:36px!important;height:36px!important;border-radius:5px!important;
  background:linear-gradient(145deg,#f5b3c9,#ef94b5)!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="heart"] .jykdp-shape-icon{
  width:42px!important;height:38px!important;background:none!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="heart"] .jykdp-shape-icon:before{
  content:"♥"!important;
  position:absolute!important;inset:-7px 0 0!important;
  color:#f2a6bf!important;font-size:46px!important;line-height:1!important;text-align:center!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon{
  width:46px!important;height:27px!important;border-radius:6px!important;
  background:linear-gradient(145deg,#f4b0c7,#ee91b2)!important;
}
#jykdp-template-picker-wrap .jykdp-shape-label{display:inline-block!important;min-width:84px!important;text-align:left!important}
#jykdp-template-picker-wrap #jykdp-size-picker{
  width:100%!important;
  min-height:54px!important;
  border:2px solid #d94a7e!important;
  border-radius:28px!important;
  background-color:#fff!important;
  color:#252329!important;
  font-size:15px!important;
  font-weight:800!important;
  padding:0 44px 0 16px!important;
  box-shadow:none!important;
}
#jykdp-template-picker-wrap #jykdp-selected-template-info{
  margin:8px 2px 2px!important;
  color:#666!important;
  font-weight:700!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}
#jykdp-template-picker-wrap + section > #jykdp-upload-heading{
  padding:11px 12px!important;
  margin-top:17px!important;
  margin-bottom:10px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,#fff0f4 0%,#fde8ef 50%,#fff0f4 100%)!important;
  color:#24232a!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
@media(max-width:520px){
  #jykdp-template-picker-wrap .jykdp-shape-button{min-height:60px!important;gap:8px!important;padding:8px!important;font-size:13px!important}
  #jykdp-template-picker-wrap .jykdp-shape-icon{transform:scale(.82)}
  #jykdp-template-picker-wrap .jykdp-shape-label{min-width:0!important;text-align:center!important}
}


/* Alpha 25.37 — larger, cleaner upload cards. Visual-only; native file input/upload logic unchanged. */
.jykdp-upload-card{border:1px solid #e3e3e3;border-radius:18px;padding:16px;margin:12px 0;background:#fff}
.jykdp-upload-top{margin-bottom:12px}
.jykdp-upload-top strong{font-size:18px}
.jykdp-upload-label{min-height:145px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 18px!important;border:2px dashed #d4d7dc!important;border-radius:16px!important;background:#fff!important;color:#20232a!important;cursor:pointer}
.jykdp-upload-cloud{position:relative;width:58px;height:34px;margin:0 0 7px;border:4px solid #7b7e83;border-radius:24px;display:block;box-sizing:border-box}
.jykdp-upload-cloud:before,.jykdp-upload-cloud:after{content:'';position:absolute;background:#fff;border:4px solid #7b7e83;border-bottom:0;box-sizing:border-box}
.jykdp-upload-cloud:before{width:26px;height:22px;left:5px;top:-17px;border-radius:18px 18px 0 0}
.jykdp-upload-cloud:after{width:24px;height:19px;right:3px;top:-12px;border-radius:16px 16px 0 0}
.jykdp-upload-arrow{position:absolute;z-index:2;left:50%;top:-8px;transform:translateX(-50%);font-size:39px;line-height:1;color:#7b7e83;font-weight:500}
.jykdp-upload-title{display:block;font-size:18px;font-weight:800;line-height:1.25}
.jykdp-upload-label small{display:block!important;margin-top:0!important;font-size:15px;color:#777!important;font-weight:500!important}
.jykdp-upload-card.has-image .jykdp-upload-label{border-style:solid!important;border-color:#7fbd91!important;background:#f4fbf6!important;color:#176b32!important}
.jykdp-upload-card.has-image .jykdp-upload-cloud{display:none}
@media(max-width:700px){.jykdp-upload-label{min-height:125px}.jykdp-upload-card{padding:12px;border-radius:15px}}


/* Alpha 25.38 — desktop space-efficiency cleanup. Visual/layout only. */
@media(min-width:1100px){
  .jykdp-shell{max-width:1640px!important;padding-left:24px!important;padding-right:24px!important}
  .jykdp-layout{
    grid-template-columns:minmax(430px,470px) minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  .jykdp-controls{padding:16px!important}
  .jykdp-controls section{padding:12px 0!important}
  .jykdp-preview-panel{align-self:start!important;height:auto!important}

  /* Put upload cards side-by-side so six images use two short rows instead of a tall stack. */
  #jykdp-upload-slots{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
    align-items:stretch!important;
  }
  #jykdp-upload-slots .jykdp-upload-card{
    min-width:0!important;
    margin:0!important;
    padding:9px!important;
    border-radius:12px!important;
  }
  #jykdp-upload-slots .jykdp-upload-top{
    margin-bottom:6px!important;
    gap:5px!important;
  }
  #jykdp-upload-slots .jykdp-upload-top strong{font-size:12px!important}
  #jykdp-upload-slots .jykdp-remove-image{font-size:10px!important;padding:0!important}
  #jykdp-upload-slots .jykdp-upload-label{
    min-height:104px!important;
    padding:12px 6px!important;
    gap:4px!important;
    border-radius:10px!important;
  }
  #jykdp-upload-slots .jykdp-upload-cloud{
    width:38px!important;height:23px!important;margin-bottom:5px!important;border-width:3px!important
  }
  #jykdp-upload-slots .jykdp-upload-cloud:before,
  #jykdp-upload-slots .jykdp-upload-cloud:after{border-width:3px!important}
  #jykdp-upload-slots .jykdp-upload-cloud:before{width:18px!important;height:15px!important;left:3px!important;top:-12px!important}
  #jykdp-upload-slots .jykdp-upload-cloud:after{width:17px!important;height:13px!important;right:2px!important;top:-9px!important}
  #jykdp-upload-slots .jykdp-upload-arrow{font-size:27px!important;top:-7px!important}
  #jykdp-upload-slots .jykdp-upload-title{font-size:11px!important;white-space:nowrap!important}
  #jykdp-upload-slots .jykdp-upload-label small{font-size:10px!important;line-height:1.2!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .jykdp-add-photo-button{margin-top:9px!important}

  /* Keep the preview panel only as tall as its own contents instead of stretching to match the sidebar. */
  .jykdp-stage{min-height:610px!important}
}

@media(min-width:951px) and (max-width:1099px){
  .jykdp-layout{grid-template-columns:420px minmax(0,1fr)!important;align-items:start!important}
  .jykdp-preview-panel{align-self:start!important;height:auto!important}
  #jykdp-upload-slots{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  #jykdp-upload-slots .jykdp-upload-card{margin:0!important;padding:10px!important}
  #jykdp-upload-slots .jykdp-upload-label{min-height:118px!important;padding:14px 8px!important}
  #jykdp-upload-slots .jykdp-upload-title{font-size:13px!important}
  #jykdp-upload-slots .jykdp-upload-label small{font-size:11px!important}
}

/* Alpha 25.40 — show the customer's actual uploaded image inside each upload card. */
.jykdp-upload-thumb{display:block;width:100%;height:78px;object-fit:contain;border-radius:10px;background:#fff;margin:0 auto 6px}
.jykdp-upload-thumb.hidden{display:none!important}
.jykdp-upload-card.has-image .jykdp-upload-label{padding:7px!important;gap:3px!important;min-height:108px!important}
.jykdp-upload-card.has-image .jykdp-upload-title{font-size:10px!important;color:#176b32!important}
.jykdp-upload-card.has-image .jykdp-upload-label small{font-size:9px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:700px){.jykdp-upload-thumb{height:110px}.jykdp-upload-card.has-image .jykdp-upload-label{min-height:145px!important}}


/* Alpha 25.56 — cleaner sheet choices: price appears once on the sheet card; after a customer chooses a size, other choices collapse until Change size is clicked. */
#jykdp-template-picker-wrap #jykdp-size-picker{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.jykdp-size-cards{display:block;margin:0 0 8px}
.jykdp-sheet-card-group{margin:0 0 14px}
.jykdp-sheet-card-header{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:68px;
  padding:10px 10px;
  border:1.5px solid #efc7d5;
  border-radius:12px;
  background:#fff7fa;
  box-sizing:border-box;
}
.jykdp-sheet-card-group.is-large .jykdp-sheet-card-header{
  border-color:#9edfcf;
  background:#effcf8;
}
.jykdp-sheet-card-icon{
  width:23px;
  height:31px;
  border:2px solid #d7266d;
  border-radius:2px;
  position:relative;
  box-sizing:border-box;
  margin-left:3px;
}
.jykdp-sheet-card-icon:after{
  content:'';
  position:absolute;
  right:-5px;
  top:4px;
  width:8px;
  height:8px;
  border-top:2px solid #d7266d;
  border-right:2px solid #d7266d;
  background:transparent;
}
.is-large .jykdp-sheet-card-icon{border-color:#0a946f}
.is-large .jykdp-sheet-card-icon:after{border-color:#0a946f}
.jykdp-sheet-card-copy{display:flex;flex-direction:column;min-width:0}
.jykdp-sheet-card-copy strong{font-size:14px;line-height:1.2;color:#24232a;font-weight:900}
.jykdp-sheet-card-copy small{margin-top:4px;font-size:11px;line-height:1.25;color:#68636a;font-weight:600}
.jykdp-sheet-card-price{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:66px;
  min-height:54px;
  padding:5px 8px;
  border-radius:9px;
  background:#d7266d;
  color:#fff;
  box-sizing:border-box;
  box-shadow:0 3px 8px rgba(215,38,109,.16);
}
.is-large .jykdp-sheet-card-price{background:#0a946f;box-shadow:0 3px 8px rgba(10,148,111,.16)}
.jykdp-sheet-card-price small{font-size:9px;line-height:1;text-transform:none;color:#fff}
.jykdp-sheet-card-price strong{margin-top:3px;font-size:16px;line-height:1;color:#fff}
.jykdp-sheet-card-note{margin:7px 2px 8px!important;font-size:10px!important;line-height:1.3!important;color:#666!important}
.jykdp-size-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 8px}
.jykdp-size-card-option{
  width:100%;
  min-height:38px!important;
  padding:7px 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  border:1px solid #ece8ea!important;
  border-radius:8px!important;
  background:#f7f7f8!important;
  color:#26242a!important;
  box-shadow:none!important;
  text-align:left!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease!important;
}
.jykdp-size-card-option span{min-width:0;flex:1}
.jykdp-size-card-option strong{flex:0 0 auto;color:#d7266d!important;font-size:11px!important;font-weight:900!important}
.jykdp-size-card-option:hover,
.jykdp-size-card-option:focus{
  border-color:#e29ab5!important;
  background:#fff7fa!important;
  outline:none!important;
}
.jykdp-size-card-option.active{
  border-color:#d7266d!important;
  background:#fff0f5!important;
  box-shadow:0 0 0 2px rgba(215,38,109,.08)!important;
}
.is-large .jykdp-size-card-option strong{color:#0a946f!important}
.is-large .jykdp-size-card-option:hover,
.is-large .jykdp-size-card-option:focus{border-color:#77cdb8!important;background:#f2fcf9!important}
.is-large .jykdp-size-card-option.active{border-color:#0a946f!important;background:#eaf9f5!important;box-shadow:0 0 0 2px rgba(10,148,111,.08)!important}

.jykdp-change-size{
  width:100%!important;
  min-height:36px!important;
  margin:8px 0 0!important;
  padding:7px 10px!important;
  border:1px dashed #d7266d!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#d7266d!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.jykdp-change-size:hover,.jykdp-change-size:focus{background:#fff7fa!important;outline:none!important}
.jykdp-size-cards.is-size-locked .jykdp-sheet-card-group:not(.is-selected-group){display:none}
.jykdp-size-cards.is-size-locked .jykdp-sheet-card-group.is-selected-group .jykdp-size-card-option:not(.active){display:none!important}
.jykdp-size-cards.is-size-locked .jykdp-sheet-card-group.is-selected-group .jykdp-sheet-card-note{display:none!important}
.jykdp-size-cards.is-size-locked .jykdp-sheet-card-group.is-selected-group .jykdp-size-card-grid{grid-template-columns:1fr}
.jykdp-size-cards.is-size-locked .jykdp-size-card-option.active{
  min-height:42px!important;
  justify-content:flex-start!important;
}
.jykdp-size-cards.is-size-locked .jykdp-size-card-option.active span:before{content:'✓ ';font-weight:900}

#jykdp-template-picker-wrap #jykdp-selected-template-info{display:none!important}

@media(max-width:520px){
  .jykdp-sheet-card-header{grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:9px 8px}
  .jykdp-sheet-card-copy strong{font-size:12px}
  .jykdp-sheet-card-copy small{font-size:10px}
  .jykdp-sheet-card-price{min-width:60px;min-height:50px;padding:5px 6px}
  .jykdp-sheet-card-price strong{font-size:14px}
  .jykdp-size-card-grid{grid-template-columns:1fr 1fr;gap:6px}
  .jykdp-size-card-option{font-size:10px!important;min-height:36px!important;padding:6px 7px!important}
  .jykdp-size-card-option strong{font-size:10px!important}
}

/* Alpha 25.60: Cake Wrap shape icon */
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"]{
  border-color:#b8e7d5!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
  width:38px!important;
  height:28px!important;
  border:2px solid #12a873!important;
  border-radius:2px!important;
  background:transparent!important;
  box-sizing:border-box!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon:after{
  content:""!important;
  position:absolute!important;
  top:-2px!important;
  right:-2px!important;
  width:8px!important;
  height:8px!important;
  background:#fff!important;
  border-left:2px solid #12a873!important;
  border-bottom:2px solid #12a873!important;
  box-sizing:border-box!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"]:hover,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"]:focus{
  background:#f5fffb!important;
  border-color:#56c9a2!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"].active{
  background:#effbf6!important;
  border-color:#12a873!important;
  color:#16845f!important;
  box-shadow:0 0 0 2px rgba(18,168,115,.09)!important;
}

/* Alpha 25.61: Uniform shape selector colours.
   Keep the approved layout/icon geometry; use the same JYK pink system for
   Round, Square, Heart, Rectangle and Cake Wrap. */
#jykdp-template-picker-wrap .jykdp-shape-button{
  background:#fff!important;
  border-color:#f0d2dc!important;
  color:#28262d!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button:hover,
#jykdp-template-picker-wrap .jykdp-shape-button:focus{
  background:#fff8fb!important;
  border-color:#e68aaa!important;
  color:#28262d!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button.active{
  background:linear-gradient(90deg,#fff2f7 0%,#fde6ef 100%)!important;
  border-color:#d72f70!important;
  color:#d72f70!important;
  box-shadow:0 0 0 2px rgba(215,47,112,.10)!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"]{
  border-color:#f0d2dc!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
  border-color:#ef94b5!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon:after{
  border-left-color:#ef94b5!important;
  border-bottom-color:#ef94b5!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"]:hover,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"]:focus{
  background:#fff8fb!important;
  border-color:#e68aaa!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"].active{
  background:linear-gradient(90deg,#fff2f7 0%,#fde6ef 100%)!important;
  border-color:#d72f70!important;
  color:#d72f70!important;
  box-shadow:0 0 0 2px rgba(215,47,112,.10)!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"].active .jykdp-shape-icon{
  border-color:#d72f70!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"].active .jykdp-shape-icon:after{
  border-left-color:#d72f70!important;
  border-bottom-color:#d72f70!important;
}


/* Alpha 25.62: Visual cake-shape icons.
   Shape buttons now show the kind of cake the customer is choosing instead of
   abstract geometry. Visual-only: no template, pricing, preview or cart logic. */
#jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-icon{
  width:50px!important;
  height:42px!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  box-shadow:none!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-icon:before,
#jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-icon:after{
  content:none!important;
  display:none!important;
}

/* Round cake: cylinder with visible top and side. */
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="circle"] .jykdp-shape-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cellipse cx='32' cy='13' rx='22' ry='8' fill='%23fde6ef' stroke='%23d72f70' stroke-width='3'/%3E%3Cpath d='M10 13v20c0 5 10 9 22 9s22-4 22-9V13' fill='%23fff7fa' stroke='%23d72f70' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M10 30c0 5 10 9 22 9s22-4 22-9' fill='none' stroke='%23ef94b5' stroke-width='2'/%3E%3C/svg%3E")!important;
}

/* Square cake: square top with a visible front/side face. */
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="square"] .jykdp-shape-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cpath d='M14 8h32l8 7-9 7H14L6 15z' fill='%23fde6ef' stroke='%23d72f70' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M14 22h31l9-7v21l-9 7H14z' fill='%23fff7fa' stroke='%23d72f70' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M14 22L6 15v21l8 7' fill='%23fff2f7' stroke='%23d72f70' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

/* Heart cake: heart-shaped top plus a shallow cake side. */
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="heart"] .jykdp-shape-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cpath d='M32 24C24 15 12 16 12 9c0-5 4-8 9-8 5 0 9 3 11 7 2-4 6-7 11-7 5 0 9 3 9 8 0 7-12 15-20 25z' fill='%23fde6ef' stroke='%23d72f70' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M13 14v9c0 6 10 13 19 21 9-8 19-15 19-21v-9' fill='none' stroke='%23d72f70' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")!important;
}

/* Rectangle cake: sheet-cake perspective. */
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon{
  width:54px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 48'%3E%3Cpath d='M10 10h43l9 7-10 7H10L3 17z' fill='%23fde6ef' stroke='%23d72f70' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M10 24h42l10-7v18l-10 8H10z' fill='%23fff7fa' stroke='%23d72f70' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M10 24L3 17v18l7 8' fill='%23fff2f7' stroke='%23d72f70' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

/* Cake Wrap: tall round cake with a clear band wrapping the side. */
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
  width:48px!important;
  height:44px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 54'%3E%3Cellipse cx='32' cy='10' rx='20' ry='7' fill='%23fde6ef' stroke='%23d72f70' stroke-width='3'/%3E%3Cpath d='M12 10v32c0 5 9 9 20 9s20-4 20-9V10' fill='%23fff7fa' stroke='%23d72f70' stroke-width='3'/%3E%3Cpath d='M12 24c5 3 12 4 20 4s15-1 20-4v12c-5 3-12 4-20 4s-15-1-20-4z' fill='%23f8bdd1' stroke='%23d72f70' stroke-width='2.5'/%3E%3C/svg%3E")!important;
}

/* Keep all five cake icons in the same JYK pink family when selected. */
#jykdp-template-picker-wrap .jykdp-shape-button.active .jykdp-shape-icon{
  filter:saturate(1.08)!important;
}
@media(max-width:520px){
  #jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-icon{
    width:44px!important;
    height:38px!important;
    transform:none!important;
  }
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon{width:47px!important}
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{width:42px!important;height:40px!important}
}


/* Alpha 25.63: Real cake photo-style thumbnails for visual shoppers.
   Images are bundled locally with the plugin and only affect the shape selector. */
#jykdp-template-picker-wrap .jykdp-shape-button{
  min-height:96px!important;
  padding:8px 14px!important;
  gap:12px!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-icon{
  flex:0 0 108px!important;
  width:108px!important;
  height:78px!important;
  border-radius:10px!important;
  background-color:#fff!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  box-shadow:0 1px 4px rgba(0,0,0,.08)!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="circle"] .jykdp-shape-icon{
  background-image:url("shape-images/round.jpg")!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="square"] .jykdp-shape-icon{
  background-image:url("shape-images/square.jpg")!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="heart"] .jykdp-shape-icon{
  background-image:url("shape-images/heart.jpg")!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon{
  flex-basis:108px!important;
  width:108px!important;
  background-image:url("shape-images/rectangle.jpg")!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
  flex-basis:108px!important;
  width:108px!important;
  height:78px!important;
  background-image:url("shape-images/wrap.jpg")!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-label{
  line-height:1.15!important;
  text-align:left!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button.active .jykdp-shape-icon{
  filter:none!important;
}
@media(max-width:520px){
  #jykdp-template-picker-wrap .jykdp-shape-button{
    min-height:84px!important;
    padding:7px 8px!important;
    gap:7px!important;
    font-size:12px!important;
  }
  #jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
    flex-basis:76px!important;
    width:76px!important;
    height:58px!important;
  }
}


/* Alpha 25.64: Show the COMPLETE cake thumbnails instead of cropping them.
   Visual-only fix for the shape selector. */
#jykdp-template-picker-wrap .jykdp-shape-button{
  min-width:0!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-icon,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
  flex:0 0 118px!important;
  width:118px!important;
  height:82px!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#fff!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-label{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(max-width:700px){
  #jykdp-template-picker-wrap .jykdp-shape-button{
    min-height:100px!important;
    padding:8px 9px!important;
    gap:8px!important;
  }
  #jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
    flex-basis:102px!important;
    width:102px!important;
    height:72px!important;
    transform:none!important;
  }
  #jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-label{
    font-size:14px!important;
    line-height:1.12!important;
  }
}
@media(max-width:440px){
  #jykdp-template-picker-wrap .jykdp-shape-button{
    min-height:122px!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    padding:7px!important;
  }
  #jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
    flex:0 0 78px!important;
    width:100%!important;
    max-width:128px!important;
    height:78px!important;
  }
  #jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-label{
    width:100%!important;
    text-align:center!important;
    font-size:13px!important;
    line-height:1.08!important;
  }
}

/* Alpha 25.65: thumbnails rebuilt as centered full-cake assets with safe margins. */


/* Alpha 25.67: definitive cake-thumbnail rendering fix.
   Earlier shape-specific `background:` shorthands were overriding background-size/position,
   so photo assets looked like blank/cropped pieces. Use a complete shape-specific background
   shorthand here and neutralize legacy geometry/pseudo-elements. */
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="circle"] .jykdp-shape-icon,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="square"] .jykdp-shape-icon,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="heart"] .jykdp-shape-icon,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
  flex:0 0 104px!important;
  width:104px!important;
  height:78px!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:none!important;
  transform:none!important;
  clip-path:none!important;
  overflow:hidden!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="circle"] .jykdp-shape-icon{
  background:#fff url("shape-images/round.jpg") center center/contain no-repeat!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="square"] .jykdp-shape-icon{
  background:#fff url("shape-images/square.jpg") center center/contain no-repeat!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="heart"] .jykdp-shape-icon{
  background:#fff url("shape-images/heart.jpg") center center/contain no-repeat!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon{
  background:#fff url("shape-images/rectangle.jpg") center center/contain no-repeat!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
  background:#fff url("shape-images/wrap.jpg") center center/contain no-repeat!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="circle"] .jykdp-shape-icon:before,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="circle"] .jykdp-shape-icon:after,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="square"] .jykdp-shape-icon:before,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="square"] .jykdp-shape-icon:after,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="heart"] .jykdp-shape-icon:before,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="heart"] .jykdp-shape-icon:after,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon:before,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon:after,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon:before,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon:after{
  content:none!important;
  display:none!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button{
  min-width:0!important;
  min-height:100px!important;
  padding:8px 10px!important;
  gap:9px!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-label{
  flex:1 1 0!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:1.08!important;
}
@media(max-width:700px){
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="circle"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="square"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="heart"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
    flex-basis:92px!important;
    width:92px!important;
    height:70px!important;
  }
  #jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-label{
    font-size:13px!important;
  }
}
@media(max-width:440px){
  #jykdp-template-picker-wrap .jykdp-shape-button{
    min-height:116px!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px!important;
  }
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="circle"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="square"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="heart"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-icon,
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="wrap"] .jykdp-shape-icon{
    flex:0 0 74px!important;
    width:100%!important;
    max-width:112px!important;
    height:74px!important;
  }
  #jykdp-template-picker-wrap .jykdp-shape-button .jykdp-shape-label{
    width:100%!important;
    text-align:center!important;
    font-size:12px!important;
  }
}

/* Alpha 25.68: rectangle label-only fit fix.
   Keep every other shape button unchanged; make the long RECTANGLE word fit cleanly. */
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-label{
  font-size:12px!important;
  letter-spacing:-0.15px!important;
  white-space:nowrap!important;
}
@media(max-width:700px){
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-label{
    font-size:11px!important;
    letter-spacing:-0.25px!important;
  }
}
@media(max-width:440px){
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="rectangle"] .jykdp-shape-label{
    font-size:11px!important;
    white-space:nowrap!important;
  }
}
\n\n/* Alpha 25.69: make the entire native pickup date field obvious and clickable. */\n#jykdp-pickup-date{\n  display:block;\n  width:100%;\n  min-height:52px;\n  box-sizing:border-box;\n  margin-top:7px;\n  padding:0 14px;\n  border:2px solid #d96a99;\n  border-radius:12px;\n  background:#fff;\n  color:#1f1720;\n  font-size:16px;\n  font-weight:700;\n  line-height:1.2;\n  cursor:pointer;\n  accent-color:#c3155a;\n  color-scheme:light;\n  transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease;\n}\n#jykdp-pickup-date:hover{border-color:#c3155a;background:#fff8fb}\n#jykdp-pickup-date:focus{outline:none;border-color:#c3155a;box-shadow:0 0 0 3px rgba(195,21,90,.14);background:#fff}\n#jykdp-pickup-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;min-width:26px;min-height:26px}\n#jykdp-pickup-date-wrap>label{display:block;font-weight:900;color:#241b22;margin-bottom:2px}\n#jykdp-pickup-date-wrap .jykdp-help{color:#4f3d49;font-weight:600;margin-top:7px}\n

/* Alpha 25.76 — Film Strip is its own customer-facing shape. */
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="film"] .jykdp-shape-icon{
  width:116px!important;
  height:82px!important;
  min-width:116px!important;
  flex:0 0 116px!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:none!important;
  transform:none!important;
  background:
    repeating-linear-gradient(to bottom,#fff 0 7px,#111 7px 13px) 8px 8px/10px 66px no-repeat,
    repeating-linear-gradient(to bottom,#fff 0 7px,#111 7px 13px) 98px 8px/10px 66px no-repeat,
    linear-gradient(#111,#111) center/100px 72px no-repeat,
    linear-gradient(#fff,#fff) center/70px 54px no-repeat!important;
}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="film"] .jykdp-shape-icon:before,
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="film"] .jykdp-shape-icon:after{content:none!important;display:none!important;}
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="film"].active .jykdp-shape-icon{
  outline:2px solid #d7266d;
  outline-offset:2px;
}
@media(max-width:700px){
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="film"] .jykdp-shape-icon{width:92px!important;height:68px!important;min-width:92px!important;flex-basis:92px!important;background-size:8px 54px,8px 54px,82px 60px,56px 44px!important;background-position:7px 7px,77px 7px,center,center!important;}
}

/* Alpha 25.81: add a real cake-with-film-strip thumbnail to the standalone Film Strip selector. */
#jykdp-template-picker-wrap .jykdp-shape-button[data-shape="film"] .jykdp-shape-icon{
  flex:0 0 118px!important;
  width:118px!important;
  height:82px!important;
  background-image:url("shape-images/film-strip.png")!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#fff!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
@media(max-width:700px){
  #jykdp-template-picker-wrap .jykdp-shape-button[data-shape="film"] .jykdp-shape-icon{
    flex-basis:88px!important;
    width:88px!important;
    height:66px!important;
  }
}

/* Alpha 25.88 — mobile designer cleanup. Desktop layout is intentionally unchanged. */
.jykdp-mobile-preview-wrap{display:none}
@media(max-width:700px){
  .jykdp-mobile-preview-wrap{display:block;padding:14px 0 16px;border-bottom:1px solid #ececec}
  .jykdp-mobile-preview-wrap .jykdp-preview-heading{display:flex!important;align-items:flex-start!important;gap:10px!important;margin-bottom:10px!important}
  .jykdp-mobile-preview-wrap .jykdp-preview-heading h2{font-size:22px!important;margin:0!important}
  .jykdp-mobile-preview-wrap .jykdp-preview-heading p{font-size:14px!important;line-height:1.35!important;margin:3px 0 0!important}
  .jykdp-mobile-preview-wrap .jykdp-template-badge{margin-left:auto!important;min-width:0!important;max-width:48%!important;padding:8px 10px!important;border-radius:12px!important;font-size:12px!important;line-height:1.2!important;text-align:right!important}
  .jykdp-mobile-preview-wrap .jykdp-template-badge strong,.jykdp-mobile-preview-wrap .jykdp-template-badge span{display:inline!important}
  .jykdp-mobile-preview-wrap .jykdp-template-badge strong:after{content:' • '}
  .jykdp-mobile-preview-wrap .jykdp-stage{min-height:0!important;margin:0!important;border-radius:14px!important}
  .jykdp-preview-panel.jykdp-preview-checkout-only{padding-top:0!important;margin-top:0!important}
  .jykdp-preview-panel.jykdp-preview-checkout-only > .jykdp-checkout-card{margin-top:0!important}
  #jykdp-upload-slots .jykdp-upload-card{margin:10px 0!important;padding:11px!important;border-radius:14px!important}
  #jykdp-upload-slots .jykdp-upload-label{min-height:112px!important;padding:14px 12px!important;border-radius:13px!important}
  #jykdp-upload-slots .jykdp-upload-cloud{transform:scale(.82);margin-bottom:0!important}
  #jykdp-upload-slots .jykdp-upload-title{font-size:16px!important}
  #jykdp-upload-slots .jykdp-upload-label small{font-size:13px!important}
  #jykdp-add-image-slot{min-height:48px!important;font-size:15px!important;margin-top:8px!important}
  .jykdp-mobile-collapsible > .jykdp-mobile-collapse-toggle{position:relative;cursor:pointer;padding-right:34px!important;user-select:none}
  .jykdp-mobile-collapsible > .jykdp-mobile-collapse-toggle:after{content:'⌄';position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#c9005b;font-size:22px;line-height:1}
  .jykdp-mobile-collapsible.is-mobile-collapsed > .jykdp-mobile-collapse-toggle:after{content:'›';transform:translateY(-50%) rotate(90deg)}
  .jykdp-mobile-collapsible.is-mobile-collapsed > :not(.jykdp-mobile-collapse-toggle){display:none!important}
  .jykdp-mobile-collapsible.is-mobile-collapsed{padding-bottom:6px!important}
  #jykdp-distribution-wrap{padding-top:12px!important;padding-bottom:12px!important}
  #jykdp-distribution-wrap select{min-height:48px!important}
  .jykdp-add-text-section .jykdp-new-text-row{gap:8px!important}
  .jykdp-add-text-section .jykdp-colour-palette{gap:7px!important}
  .jykdp-add-text-section .jykdp-colour-swatch{width:38px!important;height:38px!important}
}