.ssplc{--ss-green:#44C50E;--ss-purple:#463BCC;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;font-family:inherit;color:#111827}.ss-card{background:#fff;border:1px solid #efedf8;border-radius:24px;box-shadow:0 8px 30px rgba(20,20,40,.06)}.ssplc-main{display:flex;flex-direction:column;gap:18px}.ssplc-preview{position:relative;padding:28px;overflow:hidden}.ss-live{display:inline-flex;align-items:center;gap:8px;background:#effaf0;border-radius:18px;padding:7px 14px;font-weight:700;font-size:13px}.ss-live span{width:10px;height:10px;border-radius:50%;background:var(--ss-green)}.ss-reset{position:absolute;right:24px;top:24px;border:1px solid #e7e5f2;background:#fff;border-radius:14px;padding:10px 18px;font-weight:800;cursor:pointer}.ss-stage{min-height:160px;display:flex;align-items:center;justify-content:center;position:relative;padding:18px 40px 34px}.ss-preview-text{font-size:86px;font-weight:900;line-height:1;white-space:pre;max-width:100%;text-align:center}.ss-measure{position:absolute;color:var(--ss-purple);font-weight:900;font-size:14px}.ss-measure-w{bottom:5px;left:12%;right:12%;border-top:2px dotted rgba(75,53,217,.55);text-align:center}.ss-measure-h{left:12px;top:42px;bottom:42px;border-left:2px dotted rgba(75,53,217,.55);display:flex;align-items:center}.ss-measure-h b{transform:rotate(-90deg);display:block;margin-left:-24px}.ss-config{overflow:hidden}.ss-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #efedf8}.ss-tabs button{background:#fff;border:0;padding:18px 10px;font-weight:800;color:#374151;cursor:pointer;border-bottom:4px solid transparent}.ss-tabs button.active{color:var(--ss-purple);border-bottom-color:var(--ss-purple);background:#fbfaff}.ss-panel{display:none;padding:28px}.ss-panel.active{display:block}.ss-two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ssplc label{font-weight:900;display:block}.ssplc textarea,.ssplc select,.ssplc input[type=number]{width:100%;border:2px solid #eeeaf8;border-radius:14px;padding:14px 16px;font-size:16px;background:#fff}.ssplc textarea{min-height:88px}.ssplc small{display:block;color:#6b7280;margin-top:8px}.ss-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ss-choice,.ss-surface{border:2px solid #eeeaf8;border-radius:14px;background:#fff;padding:18px;cursor:pointer;font-weight:900}.ss-choice.active,.ss-surface.active{border-color:var(--ss-purple);color:var(--ss-purple);box-shadow:0 0 0 4px rgba(75,53,217,.08)}.ss-step{display:grid;grid-template-columns:42px 1fr 42px;gap:0;margin-top:10px}.ss-step button{border:2px solid #eeeaf8;background:#fff;font-size:22px;font-weight:900;cursor:pointer}.ss-swatches{display:flex;flex-wrap:wrap;gap:14px}.ss-swatch{width:42px;height:42px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);cursor:pointer}.ss-swatch.active{box-shadow:0 0 0 3px var(--ss-purple)}.ss-upload{margin-top:16px;border:2px dashed #ddd9f2;border-radius:14px;padding:15px;cursor:pointer}.ss-upload input{display:none}.ss-switch{display:flex!important;align-items:center;gap:12px;margin-top:34px}.ss-switch input{display:none}.ss-switch span{width:48px;height:28px;border-radius:20px;background:#ddd;position:relative}.ss-switch span:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.ss-switch input:checked+span{background:var(--ss-purple)}.ss-switch input:checked+span:after{left:23px}.ss-info,.ss-note,.ss-tipbox{margin:0 28px 24px;background:#f7f3ff;color:var(--ss-purple);border-radius:14px;padding:14px 18px;font-weight:700}.ss-surfaces{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ss-surface span{display:block;font-size:24px;margin-bottom:8px}.ss-tipbox{margin:18px 0;background:#f4f2ff}.ss-tipbox p{margin:6px 0 0;color:#333;font-weight:500}.ss-video-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ss-video-steps div{border:1px solid #eeeaf8;border-radius:16px;padding:16px;background:#fff}.ss-video-steps span{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:var(--ss-purple);color:#fff;font-weight:900}.ss-video-steps b{display:block;margin:10px 0 4px}.ss-video-steps p{font-size:13px;color:#4b5563}.ssplc-side{display:flex;flex-direction:column;gap:18px}.ss-summary,.ss-discount,.ss-pay{padding:24px}.ss-summary h3,.ss-discount h3{color:var(--ss-purple);font-size:22px;margin-top:0}.ss-summary p{display:flex;justify-content:space-between;gap:12px;margin:13px 0}.sum-dot{display:inline-block;width:18px;height:18px;border-radius:50%;vertical-align:middle;margin-right:7px;background:#111}.ss-summary hr{border:0;border-top:1px solid #eeeaf8;margin:22px 0}.ss-price{display:grid;grid-template-columns:1fr auto;align-items:end}.ss-price span{font-weight:900;font-size:18px}.ss-price b{font-size:32px;color:#e60046}.ss-price small{text-align:right;grid-column:2;color:#6b7280}.ss-ship{background:#edfaeb;border-radius:14px;padding:16px;margin:18px 0;color:#148a22}.ss-buy{display:grid;grid-template-columns:70px 1fr;gap:12px}.ss-buy button{border:0;border-radius:14px;background:linear-gradient(180deg,var(--ss-green),#08a800);color:#fff;font-weight:900;padding:15px;cursor:pointer}.ss-fav{width:100%;border:0;background:#fff;color:#6b5fd7;font-weight:800;margin-top:12px}.ss-discount-table{border-radius:12px;overflow:hidden}.ss-discount-table div{display:grid;grid-template-columns:1fr 1fr;padding:10px 14px}.ss-discount-table div:first-child{background:linear-gradient(90deg,var(--ss-purple),#7d5cf4);color:#fff}.ss-discount-table div:nth-child(odd):not(:first-child){background:#f6f4fb}.ss-pay div{color:#233;font-weight:800;line-height:1.8}.ss-summary b{font-weight:900}@media(max-width:980px){.ssplc{display:block}.ssplc-side{margin-top:18px}.ss-tabs{display:flex;overflow:auto}.ss-tabs button{min-width:120px}.ss-two,.ss-video-steps{grid-template-columns:1fr}.ss-surfaces{grid-template-columns:repeat(2,1fr)}.ss-preview-text{font-size:48px}.ss-stage{min-height:110px}.ssplc-preview{padding:18px}.ss-reset{position:static;margin-left:10px}.ss-panel{padding:20px}}
/* Update: accurate text-sized measurements; applications remain selectable options without surface image preview */
.ss-stage{overflow:hidden;border-radius:18px;transition:background .2s ease;background:#fff}.ss-stage-inner{position:relative;display:inline-block;max-width:92%;padding:0}.ss-preview-text{display:inline-block;position:relative;z-index:2}.ss-measure-w{left:0;right:0;bottom:-30px}.ss-measure-h{left:-36px;top:0;bottom:0}.ss-measure-w:before,.ss-measure-w:after{content:"";position:absolute;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--ss-purple)}.ss-measure-w:before{left:-5px}.ss-measure-w:after{right:-5px}.ss-measure-h:before,.ss-measure-h:after{content:"";position:absolute;left:-5px;width:10px;height:10px;border-radius:50%;background:var(--ss-purple)}.ss-measure-h:before{top:-5px}.ss-measure-h:after{bottom:-5px}.ss-white-preview[data-surface="deur"] .ss-stage,.ss-white-preview[data-surface="brievenbus"] .ss-stage,.ss-white-preview[data-surface="muur"] .ss-stage,.ss-white-preview[data-surface="auto"] .ss-stage,.ss-white-preview[data-surface="boot"] .ss-stage,.ss-white-preview[data-surface="raam"] .ss-stage,.ss-white-preview[data-surface="camper"] .ss-stage,.ss-white-preview[data-surface="bord"] .ss-stage,.ss-white-preview[data-surface="motor"] .ss-stage,.ss-white-preview[data-surface="etalage"] .ss-stage,.ss-white-preview[data-surface="overig"] .ss-stage,.ss-white-preview[data-surface="design"] .ss-stage{background:#263142}.ssplc-preview[data-surface="boot"] .ss-stage{background:linear-gradient(180deg,#e8f6ff 0%,#f9fbff 24%,#e8eef6 25%,#fff 57%,#d7dce2 58%,#c5d7e8 70%,#4fb6e8 71%,#1d79b5 100%)}.ssplc-preview[data-surface="auto"] .ss-stage{background:linear-gradient(180deg,#eef6ff 0%,#f9fbff 42%,#313b4a 43%,#576374 68%,#222b36 69%,#edf1f5 70%,#edf1f5 100%)}.ssplc-preview[data-surface="deur"] .ss-stage{background:linear-gradient(90deg,#d9dee5 0%,#f6f7fb 18%,#d4dbe4 19%,#e9edf2 100%)}.ssplc-preview[data-surface="brievenbus"] .ss-stage{background:linear-gradient(180deg,#8a6a47 0%,#b47a43 36%,#30404c 37%,#465766 75%,#26333e 76%)}.ssplc-preview[data-surface="muur"] .ss-stage{background:repeating-linear-gradient(0deg,#f0ece5 0 38px,#e3ded6 39px 42px),repeating-linear-gradient(90deg,transparent 0 86px,rgba(80,60,40,.12) 87px 90px)}.ssplc-preview[data-surface="raam"],.ssplc-preview[data-surface="etalage"]{background:#fff}.ssplc-preview[data-surface="raam"] .ss-stage,.ssplc-preview[data-surface="etalage"] .ss-stage{background:linear-gradient(135deg,#dff3ff 0%,#fff 28%,#b8e4ff 29%,#eaf8ff 52%,#fff 53%,#c5eaff 100%)}.ssplc-preview[data-surface="camper"] .ss-stage{background:linear-gradient(180deg,#edf7ff 0%,#fff 34%,#f4f6f8 35%,#fff 70%,#9aa5b1 71%)}.ssplc-preview[data-surface="bord"] .ss-stage{background:linear-gradient(180deg,#f7f7f7,#ededed);box-shadow:inset 0 0 0 12px #d9d9d9}.ssplc-preview[data-surface="motor"] .ss-stage{background:linear-gradient(180deg,#f2f7fb 0%,#f2f7fb 42%,#111827 43%,#232d3a 78%,#f6f7fb 79%)}.ssplc-preview[data-surface="overig"] .ss-stage{background:linear-gradient(135deg,#f1f0ff,#fff,#effaf0)}.ssplc-preview:not([data-surface="design"]) .ss-preview-text{text-shadow:0 2px 10px rgba(0,0,0,.14)}
/* v3 updates */
.ss-tabs{grid-template-columns:repeat(5,1fr)}
.ss-two-inner{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ss-panel[data-panel="tekst"] .ss-two{align-items:start}
.ss-stage{background-color:#fff;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;}
.ss-stage-inner{line-height:1;}
.ss-measure-w{left:0!important;right:0!important;bottom:-30px!important;border-top:2px dashed rgba(0,0,0,.85)!important;color:#111!important;text-align:right!important;padding-top:14px;}
.ss-measure-h{left:-34px!important;top:0!important;bottom:0!important;border-left:2px dashed rgba(0,0,0,.85)!important;color:#111!important;}
.ss-measure-w:before,.ss-measure-w:after,.ss-measure-h:before,.ss-measure-h:after{background:#111!important;width:8px!important;height:8px!important;}
.ss-measure-h b{margin-left:-38px!important;white-space:nowrap;}
.ss-measure-w b{display:inline-block;transform:translateY(-2px);}
.ss-white-preview .ss-stage{background:#263142!important;background-image:none!important}.ss-white-preview .ss-measure-w,.ss-white-preview .ss-measure-h{color:#fff!important;border-color:rgba(255,255,255,.85)!important}.ss-white-preview .ss-measure-w:before,.ss-white-preview .ss-measure-w:after,.ss-white-preview .ss-measure-h:before,.ss-white-preview .ss-measure-h:after{background:#fff!important}
.ssplc-preview[data-surface="door"] .ss-stage{background-image:none;background:linear-gradient(90deg,#d9dee5 0%,#f6f7fb 18%,#d4dbe4 19%,#e9edf2 100%)}
.ssplc-preview[data-surface="mailbox"] .ss-stage{background-image:none;background:linear-gradient(180deg,#8a6a47 0%,#b47a43 36%,#30404c 37%,#465766 75%,#26333e 76%)}
.ssplc-preview[data-surface="wall"] .ss-stage{background-image:repeating-linear-gradient(0deg,#f0ece5 0 38px,#e3ded6 39px 42px),repeating-linear-gradient(90deg,transparent 0 86px,rgba(80,60,40,.12) 87px 90px);}
.ssplc-preview[data-surface="car"] .ss-stage{background-image:none;background:linear-gradient(180deg,#eef6ff 0%,#f9fbff 42%,#313b4a 43%,#576374 68%,#222b36 69%,#edf1f5 70%,#edf1f5 100%)}
.ssplc-preview[data-surface="boat"] .ss-stage{background-image:none;background:linear-gradient(180deg,#e8f6ff 0%,#f9fbff 24%,#e8eef6 25%,#fff 57%,#d7dce2 58%,#c5d7e8 70%,#4fb6e8 71%,#1d79b5 100%)}
.ssplc-preview[data-surface="window"] .ss-stage,.ssplc-preview[data-surface="shopwindow"] .ss-stage{background-image:none;background:linear-gradient(135deg,#dff3ff 0%,#fff 28%,#b8e4ff 29%,#eaf8ff 52%,#fff 53%,#c5eaff 100%)}
.ssplc-preview[data-surface="camper"] .ss-stage{background-image:none;background:linear-gradient(180deg,#edf7ff 0%,#fff 34%,#f4f6f8 35%,#fff 70%,#9aa5b1 71%)}
.ssplc-preview[data-surface="sign"] .ss-stage{background-image:none;background:linear-gradient(180deg,#f7f7f7,#ededed);box-shadow:inset 0 0 0 12px #d9d9d9}
.ssplc-preview[data-surface="bike"] .ss-stage{background-image:none;background:linear-gradient(180deg,#f2f7fb 0%,#f2f7fb 42%,#111827 43%,#232d3a 78%,#f6f7fb 79%)}
.ssplc-preview[data-surface="other"] .ss-stage{background-image:none;background:linear-gradient(135deg,#f1f0ff,#fff,#effaf0)}
.ssplc-preview:not([data-surface="design"]) .ss-measure-w,.ssplc-preview:not([data-surface="design"]) .ss-measure-h{opacity:.65}
@media(max-width:980px){.ss-two-inner{grid-template-columns:1fr}.ss-tabs{display:flex}.ss-preview-text{font-size:54px}}
/* v4: measurement line follows actual text width until max preview width */
.ss-stage{overflow:hidden;}
.ss-stage-inner{
  position:relative!important;
  display:block!important;
  max-width:none!important;
  margin:52px auto 48px!important;
  padding:0!important;
  line-height:1!important;
}
.ss-stage-inner .ss-preview-text{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  display:inline-block!important;
  white-space:pre!important;
  max-width:none!important;
  width:auto!important;
  text-align:center!important;
  transform-origin:center center!important;
  line-height:1!important;
}
.ss-stage-inner .ss-measure-w{
  left:0!important;
  right:0!important;
  width:auto!important;
  bottom:-30px!important;
}
.ss-stage-inner .ss-measure-h{
  top:0!important;
  bottom:0!important;
  height:auto!important;
}
.ss-buy button:disabled{opacity:.65;cursor:wait;}
/* v5: meetlijn volgt verborgen tekstmeting, niet de container */
.ss-stage-inner{display:block!important;flex:0 0 auto!important;box-sizing:content-box!important;overflow:visible!important;}
.ss-stage-inner .ss-preview-text{box-sizing:content-box!important;}
.ss-stage-inner .ss-measure-w{width:100%!important;min-width:0!important;max-width:none!important;}
.ss-stage-inner .ss-measure-h{height:100%!important;}
/* v6: JS-controlled exact measured preview lines */
.ss-stage{overflow:hidden!important;}
.ss-stage-inner{position:relative!important;display:block!important;max-width:none!important;min-width:0!important;padding:0!important;line-height:1!important;box-sizing:content-box!important;}
.ss-stage-inner .ss-preview-text{display:block!important;box-sizing:content-box!important;max-width:none!important;}
.ss-stage-inner .ss-measure-w{left:0!important;right:auto!important;min-width:0!important;max-width:none!important;}
.ss-stage-inner .ss-measure-h{top:0!important;bottom:auto!important;min-height:0!important;max-height:none!important;}
.ss-stage-inner .ss-measure-w b{position:absolute;right:0;top:4px;transform:translateX(0);white-space:nowrap;}
.ss-stage-inner .ss-measure-h b{position:absolute;left:-18px;top:50%;transform:translateY(-50%) rotate(-90deg);white-space:nowrap;}

/* v7: lightweight realistic application previews */
.ssplc-preview{isolation:isolate;}
.ssplc-preview[data-preview-mode="design"] .ss-stage{
  background:#fff!important;
  background-image:none!important;
}
.ssplc-preview[data-preview-mode="design"].ss-white-preview .ss-stage{
  background:#fff!important;
  background-image:none!important;
}
.ssplc-preview[data-preview-mode="design"] .ss-measure-w,
.ssplc-preview[data-preview-mode="design"] .ss-measure-h{border-color:rgba(0,0,0,.85)!important;color:#111!important;opacity:1!important;}
.ssplc-preview[data-preview-mode="design"] .ss-measure-w:before,
.ssplc-preview[data-preview-mode="design"] .ss-measure-w:after,
.ssplc-preview[data-preview-mode="design"] .ss-measure-h:before,
.ssplc-preview[data-preview-mode="design"] .ss-measure-h:after{background:#111!important;}
.ssplc-preview[data-preview-mode="surface"] .ss-stage{
  min-height:260px;
  padding:0;
  background:#edf3f8!important;
  background-image:none!important;
  overflow:hidden!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.9), inset 0 -22px 60px rgba(0,0,0,.08);
}
.ssplc-preview[data-preview-mode="surface"] .ss-stage:before,
.ssplc-preview[data-preview-mode="surface"] .ss-stage:after{content:"";position:absolute;pointer-events:none;}
.ssplc-preview[data-preview-mode="surface"] .ss-stage-inner{
  position:absolute!important;
  z-index:3;
  margin:0!important;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
}
.ssplc-preview[data-preview-mode="surface"] .ss-measure{display:none!important;}
.ssplc-preview[data-preview-mode="surface"] .ss-preview-text{
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.18));
}

/* Mailbox: modern anthracite mailbox in a wall */
.ssplc-preview[data-preview-mode="surface"][data-surface="mailbox"] .ss-stage{
  background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.55),transparent 18%),linear-gradient(135deg,#f4eee6,#d9d0c5)!important;
}
.ssplc-preview[data-preview-mode="surface"][data-surface="mailbox"] .ss-stage:before{
  left:14%;right:14%;top:34%;height:34%;border-radius:18px;
  background:linear-gradient(180deg,#58636c,#2d3944 60%,#202a33);
  box-shadow:0 24px 45px rgba(32,42,51,.24), inset 0 1px 0 rgba(255,255,255,.18);
}
.ssplc-preview[data-preview-mode="surface"][data-surface="mailbox"] .ss-stage:after{
  left:19%;right:19%;top:42%;height:7px;border-radius:999px;
  background:linear-gradient(90deg,#111820,#59636b,#111820);
  box-shadow:0 38px 0 -1px rgba(255,255,255,.08),0 50px 16px rgba(0,0,0,.12);
}
.ssplc-preview[data-preview-mode="surface"][data-surface="mailbox"] .ss-stage-inner{top:58%;max-width:52%;}

/* Door */
.ssplc-preview[data-preview-mode="surface"][data-surface="door"] .ss-stage{
  background:linear-gradient(90deg,#e9edf2 0 22%,#c8d1da 22% 24%,#506171 24% 76%,#c8d1da 76% 78%,#f5f6f8 78%)!important;
}
.ssplc-preview[data-preview-mode="surface"][data-surface="door"] .ss-stage:before{
  left:33%;right:33%;top:10%;bottom:10%;border-radius:20px;background:linear-gradient(180deg,#6c7d8e,#334354);box-shadow:0 20px 45px rgba(0,0,0,.22),inset 0 0 0 2px rgba(255,255,255,.12);
}
.ssplc-preview[data-preview-mode="surface"][data-surface="door"] .ss-stage:after{right:38%;top:48%;width:12px;height:12px;border-radius:50%;background:#d7b46a;box-shadow:0 0 0 5px rgba(0,0,0,.1);}
.ssplc-preview[data-preview-mode="surface"][data-surface="door"] .ss-stage-inner{top:36%;max-width:25%;}

/* Boat */
.ssplc-preview[data-preview-mode="surface"][data-surface="boat"] .ss-stage{
  background:linear-gradient(180deg,#cdecff 0 48%,#86d4f2 48% 72%,#2f95cf 72%)!important;
}
.ssplc-preview[data-preview-mode="surface"][data-surface="boat"] .ss-stage:before{
  left:10%;right:8%;top:34%;height:35%;border-radius:12px 22px 70px 50px / 12px 22px 42px 34px;
  background:linear-gradient(180deg,#fff 0 66%,#d9e1e9 67% 100%);
  clip-path:polygon(0 10%,88% 0,100% 18%,87% 82%,14% 100%,0 55%);
  box-shadow:0 24px 35px rgba(8,71,111,.28), inset 0 -10px 18px rgba(50,70,90,.12);
}
.ssplc-preview[data-preview-mode="surface"][data-surface="boat"] .ss-stage:after{
  left:8%;right:5%;bottom:17%;height:18px;border-radius:50%;background:rgba(255,255,255,.5);filter:blur(4px);
}
.ssplc-preview[data-preview-mode="surface"][data-surface="boat"] .ss-stage-inner{top:50%;left:45%;max-width:45%;}

/* Car */
.ssplc-preview[data-preview-mode="surface"][data-surface="car"] .ss-stage{background:linear-gradient(180deg,#eaf4ff 0 44%,#f8fafc 44% 100%)!important;}
.ssplc-preview[data-preview-mode="surface"][data-surface="car"] .ss-stage:before{left:12%;right:12%;top:37%;height:33%;border-radius:60px 70px 28px 28px;background:linear-gradient(180deg,#697989,#2d3947);box-shadow:0 28px 40px rgba(0,0,0,.22),inset 0 2px 0 rgba(255,255,255,.2);}
.ssplc-preview[data-preview-mode="surface"][data-surface="car"] .ss-stage:after{left:25%;right:25%;top:30%;height:28%;border-radius:70px 70px 8px 8px;background:linear-gradient(135deg,#aee2ff,#293746 65%);box-shadow:-54px 82px 0 -30px #141b22,54px 82px 0 -30px #141b22;}
.ssplc-preview[data-preview-mode="surface"][data-surface="car"] .ss-stage-inner{top:57%;max-width:40%;}

/* Window / shopwindow */
.ssplc-preview[data-preview-mode="surface"][data-surface="window"] .ss-stage,
.ssplc-preview[data-preview-mode="surface"][data-surface="shopwindow"] .ss-stage{background:linear-gradient(135deg,#d8efff,#fff 30%,#b6e4ff 31%,#eef9ff 58%,#d0efff)!important;}
.ssplc-preview[data-preview-mode="surface"][data-surface="window"] .ss-stage:before,
.ssplc-preview[data-preview-mode="surface"][data-surface="shopwindow"] .ss-stage:before{inset:26px 12%;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.08));border:8px solid rgba(255,255,255,.75);box-shadow:0 22px 50px rgba(58,105,140,.16),inset 18px 0 35px rgba(255,255,255,.32);}
.ssplc-preview[data-preview-mode="surface"][data-surface="window"] .ss-stage:after,
.ssplc-preview[data-preview-mode="surface"][data-surface="shopwindow"] .ss-stage:after{left:24%;top:14%;width:80px;height:180px;transform:rotate(28deg);background:rgba(255,255,255,.45);filter:blur(2px);}
.ssplc-preview[data-preview-mode="surface"][data-surface="window"] .ss-stage-inner,
.ssplc-preview[data-preview-mode="surface"][data-surface="shopwindow"] .ss-stage-inner{top:52%;max-width:48%;}

/* Wall */
.ssplc-preview[data-preview-mode="surface"][data-surface="wall"] .ss-stage{background:linear-gradient(135deg,#f4f0e8,#e8e0d4)!important;}
.ssplc-preview[data-preview-mode="surface"][data-surface="wall"] .ss-stage:before{inset:0;background:repeating-linear-gradient(0deg,transparent 0 36px,rgba(120,96,70,.12) 37px 39px),repeating-linear-gradient(90deg,transparent 0 92px,rgba(120,96,70,.08) 93px 95px);}
.ssplc-preview[data-preview-mode="surface"][data-surface="wall"] .ss-stage-inner{top:50%;max-width:52%;}

/* Camper / sign / bike / other */
.ssplc-preview[data-preview-mode="surface"][data-surface="camper"] .ss-stage{background:linear-gradient(180deg,#dff2ff 0 45%,#eef1f5 45% 100%)!important;}
.ssplc-preview[data-preview-mode="surface"][data-surface="camper"] .ss-stage:before{left:13%;right:13%;top:34%;height:38%;border-radius:28px;background:linear-gradient(180deg,#fff,#dfe5eb);box-shadow:0 24px 45px rgba(0,0,0,.18);}
.ssplc-preview[data-preview-mode="surface"][data-surface="camper"] .ss-stage:after{left:24%;top:42%;width:34%;height:18%;border-radius:8px;background:linear-gradient(135deg,#bce7ff,#344455);box-shadow:46vw 65px 0 -27vw #1c2430,-8vw 65px 0 -27vw #1c2430;}
.ssplc-preview[data-preview-mode="surface"][data-surface="camper"] .ss-stage-inner{top:58%;max-width:38%;}
.ssplc-preview[data-preview-mode="surface"][data-surface="sign"] .ss-stage{background:linear-gradient(180deg,#f7f7fb,#e5e6ea)!important;}
.ssplc-preview[data-preview-mode="surface"][data-surface="sign"] .ss-stage:before{left:18%;right:18%;top:20%;bottom:20%;border-radius:18px;background:#fff;box-shadow:0 25px 45px rgba(0,0,0,.16),inset 0 0 0 10px #d7dbe1;}
.ssplc-preview[data-preview-mode="surface"][data-surface="sign"] .ss-stage-inner{top:50%;max-width:44%;}
.ssplc-preview[data-preview-mode="surface"][data-surface="bike"] .ss-stage{background:linear-gradient(180deg,#f1f7fb 0 54%,#e8ecef 54%)!important;}
.ssplc-preview[data-preview-mode="surface"][data-surface="bike"] .ss-stage:before{left:14%;right:14%;top:50%;height:12px;border-radius:999px;background:#222b36;transform:rotate(-7deg);box-shadow:0 30px 0 -2px #222b36,70px 43px 0 15px rgba(34,43,54,.15),-70px 43px 0 15px rgba(34,43,54,.15);}
.ssplc-preview[data-preview-mode="surface"][data-surface="bike"] .ss-stage-inner{top:44%;max-width:35%;}
.ssplc-preview[data-preview-mode="surface"][data-surface="other"] .ss-stage{background:linear-gradient(135deg,#f1efff,#fff,#eaf9ef)!important;}
.ssplc-preview[data-preview-mode="surface"][data-surface="other"] .ss-stage:before{left:20%;right:20%;top:22%;bottom:22%;border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 24px 45px rgba(75,53,217,.15);}
.ssplc-preview[data-preview-mode="surface"][data-surface="other"] .ss-stage-inner{top:50%;max-width:45%;}
@media(max-width:980px){.ssplc-preview[data-preview-mode="surface"] .ss-stage{min-height:210px}.ssplc-preview[data-preview-mode="surface"] .ss-stage-inner{transform:translate(-50%,-50%) scale(.86)}}


/* v8: polished lightweight application mockups */
.ssplc-preview[data-preview-mode="surface"] .ss-stage{
  min-height:280px!important;
  border-radius:22px!important;
  background:#f7f4ef!important;
}
.ssplc-preview[data-preview-mode="surface"] .ss-preview-text{
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));
}
.ssplc-preview[data-preview-mode="surface"] .ss-stage-inner{z-index:5!important;}

/* Brievenbus: cleaner wall + realistic letterbox, no oversized text */
.ssplc-preview[data-preview-mode="surface"][data-surface="mailbox"] .ss-stage{
  background:
    radial-gradient(circle at 18% 15%,rgba(255,255,255,.65),transparent 22%),
    linear-gradient(135deg,#f8f4ee 0%,#e6ded4 55%,#d3c9bf 100%)!important;
}
.ssplc-preview[data-preview-mode="surface"][data-surface="mailbox"] .ss-stage:before{
  left:18%;right:18%;top:34%;height:34%;border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,0) 24%),
    linear-gradient(180deg,#4d5a65 0%,#2d3a45 58%,#1e2a34 100%);
  box-shadow:
    0 28px 45px rgba(35,42,50,.25),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -18px 28px rgba(0,0,0,.16);
}
.ssplc-preview[data-preview-mode="surface"][data-surface="mailbox"] .ss-stage:after{
  left:23%;right:23%;top:42%;height:8px;border-radius:999px;
  background:linear-gradient(90deg,#121a22,#65727d 50%,#121a22);
  box-shadow:
    0 34px 0 -1px rgba(255,255,255,.10),
    0 54px 24px rgba(0,0,0,.14);
}
.ssplc-preview[data-preview-mode="surface"][data-surface="mailbox"] .ss-stage-inner{
  top:56%!important;left:50%!important;max-width:34%!important;
}

/* Boot: wider cinematic banner */
.ssplc-preview[data-preview-mode="surface"][data-surface="boat"] .ss-stage{
  background:linear-gradient(180deg,#cfefff 0 24%,#f7fbff 24% 44%,#dde5ec 44% 58%,#fff 58% 70%,#c7d9e9 70% 82%,#3cb5eb 82% 100%)!important;
}
.ssplc-preview[data-preview-mode="surface"][data-surface="boat"] .ss-stage:before{
  left:14%;right:8%;top:27%;height:48%;border-radius:8px 8px 42px 22px;
  background:linear-gradient(180deg,#ffffff 0%,#eef2f5 72%,#cfd6dd 100%);
  transform:skewX(-8deg);
  box-shadow:0 28px 44px rgba(25,58,80,.24), inset 0 1px 0 rgba(255,255,255,.9);
}
.ssplc-preview[data-preview-mode="surface"][data-surface="boat"] .ss-stage:after{
  left:16%;right:10%;top:62%;height:5px;border-radius:999px;background:#273542;opacity:.7;transform:skewX(-8deg);
}
.ssplc-preview[data-preview-mode="surface"][data-surface="boat"] .ss-stage-inner{top:50%!important;left:46%!important;max-width:40%!important;}

/* Door */
.ssplc-preview[data-preview-mode="surface"][data-surface="door"] .ss-stage{
  background:linear-gradient(90deg,#f1ece5,#fff 16%,#e4e8ed 16%,#cfd7df 100%)!important;
}
.ssplc-preview[data-preview-mode="surface"][data-surface="door"] .ss-stage:before{
  left:37%;top:14%;width:30%;height:76%;border-radius:8px;background:linear-gradient(180deg,#364554,#1f2a36);box-shadow:0 25px 45px rgba(0,0,0,.18), inset 0 0 0 10px rgba(255,255,255,.05);
}
.ssplc-preview[data-preview-mode="surface"][data-surface="door"] .ss-stage:after{left:60%;top:50%;width:12px;height:12px;border-radius:50%;background:#c7a25c;box-shadow:0 0 0 4px rgba(0,0,0,.08);}
.ssplc-preview[data-preview-mode="surface"][data-surface="door"] .ss-stage-inner{top:37%!important;left:52%!important;max-width:22%!important;}

/* Auto */
.ssplc-preview[data-preview-mode="surface"][data-surface="car"] .ss-stage-inner{top:58%!important;max-width:34%!important;}

/* Raam / Etalage */
.ssplc-preview[data-preview-mode="surface"][data-surface="window"] .ss-stage-inner,
.ssplc-preview[data-preview-mode="surface"][data-surface="shopwindow"] .ss-stage-inner{top:52%!important;max-width:36%!important;}

@media(max-width:980px){
  .ssplc-preview[data-preview-mode="surface"] .ss-stage{min-height:220px!important;}
  .ssplc-preview[data-preview-mode="surface"][data-surface="mailbox"] .ss-stage:before{left:10%;right:10%;}
  .ssplc-preview[data-preview-mode="surface"][data-surface="mailbox"] .ss-stage:after{left:18%;right:18%;}
}
/* v14 aanpassingen */
.ss-tabs button{font-size:14px;line-height:1.25}.ss-two-inner{display:grid;gap:16px}.ss-dim-mode{background:#fbfaff;border:2px solid #eeeaf8;border-radius:14px;padding:14px;font-weight:900}.ss-dim-mode span{display:block;margin-bottom:10px}.ss-dim-mode label{display:inline-flex!important;align-items:center;gap:7px;margin-right:18px;font-weight:800}.ss-align-wrap{margin-top:14px}.ss-align-wrap>span{display:block;font-weight:900;margin-bottom:8px}.ss-align-row{display:flex;gap:8px}.ss-align{border:2px solid #eeeaf8;background:#fff;border-radius:12px;width:46px;height:42px;cursor:pointer;font-size:21px;font-weight:900}.ss-align.active{border-color:var(--ss-purple);color:var(--ss-purple);background:#fbfaff}.ss-dark-preview .ss-stage{background:#2f3440;border-radius:18px}.ss-dark-preview .ss-live:after{content:'Donkere achtergrond';margin-left:8px;color:#374151;font-weight:800}.ss-step-img{display:block;height:82px;border-radius:14px;margin:12px 0;background:#f7f7fb;border:1px solid #eeeaf8;position:relative;overflow:hidden}.ss-step-img:before,.ss-step-img:after{content:"";position:absolute}.ss-clean:before{width:58px;height:34px;background:#fff;border:2px solid #d8d5e8;border-radius:7px;left:50%;top:28px;transform:translateX(-50%)}.ss-clean:after{width:28px;height:28px;border-radius:50%;border:5px solid #53c86a;right:26px;top:16px;box-shadow:-44px 34px 0 -10px #cbd5e1}.ss-position:before{width:70px;height:42px;background:#fff;border:2px dashed var(--ss-purple);left:50%;top:26px;transform:translateX(-50%)}.ss-position:after{width:88px;height:8px;background:#f5c542;border-radius:8px;left:50%;top:16px;transform:translateX(-50%);box-shadow:0 48px 0 #f5c542}.ss-stick:before{width:72px;height:44px;background:#fff;border:2px solid #ddd9f2;left:28px;top:25px}.ss-stick:after{width:42px;height:10px;background:var(--ss-purple);border-radius:10px;right:28px;top:41px;transform:rotate(-22deg);box-shadow:-12px 17px 0 -2px #9ca3af}.ss-peel:before{width:72px;height:48px;background:#fff;border:2px solid #ddd9f2;left:36px;top:20px}.ss-peel:after{width:44px;height:44px;background:linear-gradient(135deg,#fff 0 50%,#d8d5e8 51%);right:34px;top:20px;transform:skew(-10deg)}.ss-ship{padding-left:16px}.ss-pay h3{margin-top:0;color:var(--ss-purple)}
@media(max-width:980px){.ss-tabs button{min-width:170px}.ss-dim-mode label{display:flex!important;margin:8px 0}.ss-step-img{height:74px}}

/* v15 tweaks */
.ss-align-wrap{margin-top:18px}
.ss-align-row{display:flex;gap:18px;align-items:flex-start}
.ss-align{width:86px;height:76px;border-radius:20px;background:#f8f8fb;border:2px solid #eeeaf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;cursor:pointer;transition:.15s}
.ss-align i{display:block;height:5px;border-radius:6px;background:#9ca3af;width:42px}
.ss-align[data-align="left"]{align-items:flex-start;padding-left:18px}
.ss-align[data-align="left"] i:nth-child(2),.ss-align[data-align="left"] i:nth-child(4){width:32px}
.ss-align[data-align="center"] i{align-self:center}.ss-align[data-align="center"] i:nth-child(2),.ss-align[data-align="center"] i:nth-child(4){width:32px}
.ss-align[data-align="right"]{align-items:flex-end;padding-right:18px}.ss-align[data-align="right"] i:nth-child(2),.ss-align[data-align="right"] i:nth-child(4){width:32px}
.ss-align em{font-style:normal;font-size:11px;font-weight:900;color:#6b7280;margin-top:2px;align-self:center}
.ss-align.active{border-color:var(--ss-purple);background:#fbfaff;box-shadow:0 0 0 4px rgba(75,53,217,.08)}
.ss-align.active i{background:#111827}.ss-align.active em{color:var(--ss-purple)}
.ss-dark-preview{background:#fff}.ss-dark-preview .ss-stage{background:#2f3440!important;border-radius:18px;transition:.15s}.ss-dark-preview .ss-measure{color:#c4b5fd}.ss-dark-preview .ss-measure-w{border-top-color:rgba(196,181,253,.75)}.ss-dark-preview .ss-measure-h{border-left-color:rgba(196,181,253,.75)}
.ss-step-img{display:block;width:100%;height:118px;object-fit:cover;border-radius:14px;margin:12px 0;background:#f7f7fb;border:1px solid #eeeaf8;position:relative;overflow:hidden}
.ss-buy button{font-size:15px}

/* v16 fixes */
.ss-preview-text{display:block!important;}
.ss-force-dark-stage{background:#2f3440!important;background-image:none!important;}
.ss-dim-switch-wrap{display:flex;align-items:center;gap:12px;margin-top:10px}
.ss-dim-switch-wrap b{transition:opacity .15s ease;font-weight:900}
.ss-dim-switch-wrap .is-muted,.js-height-block.is-dimmed,.js-width-block.is-dimmed{opacity:.38}
.ss-dim-switch{width:48px;height:42px;border:0;border-radius:8px;background:#f3f3f6;color:#6b7280;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none}
.ss-dim-switch span{font-size:28px;line-height:1;display:block;transform:rotate(0deg);font-weight:900}
.ss-dim-switch[data-mode="width"] span{transform:rotate(180deg)}

/* v17: alignment and white-color preview fixes */
.ss-stage-inner .ss-preview-text[data-align="left"]{text-align:left!important;}
.ss-stage-inner .ss-preview-text[data-align="center"]{text-align:center!important;}
.ss-stage-inner .ss-preview-text[data-align="right"]{text-align:right!important;}
.ssplc-preview[data-preview-mode="design"].ss-dark-preview .ss-stage{background:#3b3f46!important;background-image:none!important;}
.ssplc-preview[data-preview-mode="design"].ss-dark-preview .ss-measure-w,
.ssplc-preview[data-preview-mode="design"].ss-dark-preview .ss-measure-h{border-color:rgba(255,255,255,.9)!important;color:#fff!important;}
.ssplc-preview[data-preview-mode="design"].ss-dark-preview .ss-measure-w:before,
.ssplc-preview[data-preview-mode="design"].ss-dark-preview .ss-measure-w:after,
.ssplc-preview[data-preview-mode="design"].ss-dark-preview .ss-measure-h:before,
.ssplc-preview[data-preview-mode="design"].ss-dark-preview .ss-measure-h:after{background:#fff!important;}

/* v18: hoogte/switch/breedte layout zoals voorbeeld */
.ss-size-switcher{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;gap:18px;width:100%}
.ss-size-control{display:block!important;transition:opacity .15s ease;font-size:34px;line-height:1.15;font-weight:900;color:#111827}
.ss-size-control .ss-step{margin-top:14px;display:grid;grid-template-columns:74px minmax(90px,1fr) 74px;border:2px solid #eeeaf8;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(17,24,39,.04)}
.ss-size-control .ss-step button{border:0;border-right:2px solid #eeeaf8;background:#fff;color:#666875;font-size:36px;line-height:1;font-weight:700;min-height:62px}
.ss-size-control .ss-step button:last-child{border-right:0;border-left:2px solid #eeeaf8}
.ss-size-control .ss-step input{border:0!important;border-radius:0!important;text-align:center;font-size:28px;padding:10px 8px;min-height:62px;background:#fff}
.ss-size-control small{font-size:12px;font-weight:600;margin-top:8px;color:#6b7280}
.ss-size-control.is-dimmed{opacity:.38}
.ss-size-control.is-dimmed .ss-step input,.ss-size-control.is-dimmed .ss-step button{cursor:not-allowed;background:#fff}
.ss-size-switcher .ss-dim-switch{justify-self:center;margin-top:54px;width:58px;height:58px;border:0;border-radius:8px;background:#f3f3f6;color:#6b7280;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none}
.ss-size-switcher .ss-dim-switch span{font-size:36px;line-height:1;display:block;font-weight:900;transform:none!important}
@media(max-width:980px){.ss-size-switcher{grid-template-columns:1fr;gap:12px}.ss-size-switcher .ss-dim-switch{margin:0 auto}.ss-size-control{font-size:24px}.ss-size-control .ss-step{grid-template-columns:58px 1fr 58px}.ss-size-control .ss-step input{font-size:22px}.ss-size-control .ss-step button{font-size:30px}}


/* v19: compacter formaatblok + zichtbare plus/min knoppen */
.ss-size-switcher{
  grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.ss-size-control{
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:900!important;
  min-width:0!important;
}
.ss-size-control .ss-step{
  grid-template-columns:46px minmax(58px,1fr) 46px!important;
  margin-top:9px!important;
  border-radius:12px!important;
  min-width:0!important;
}
.ss-size-control .ss-step button{
  min-height:46px!important;
  height:46px!important;
  font-size:28px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#5f6270!important;
  opacity:1!important;
}
.ss-size-control .ss-step input{
  min-height:46px!important;
  height:46px!important;
  font-size:18px!important;
  padding:6px 4px!important;
  min-width:0!important;
}
.ss-size-control small{
  font-size:11px!important;
  line-height:1.25!important;
}
.ss-size-switcher .ss-dim-switch{
  margin-top:34px!important;
  width:48px!important;
  height:48px!important;
  border-radius:8px!important;
}
.ss-size-switcher .ss-dim-switch span{font-size:30px!important;}
.ss-size-control.is-dimmed{opacity:.36!important;}
.ss-size-control.is-dimmed .ss-step button,
.ss-size-control.is-dimmed .ss-step input{opacity:.55!important;}
@media(max-width:980px){
  .ss-size-switcher{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;gap:10px!important;}
  .ss-size-control{font-size:18px!important;}
  .ss-size-control .ss-step{grid-template-columns:38px minmax(48px,1fr) 38px!important;}
  .ss-size-control .ss-step button{min-height:42px!important;height:42px!important;font-size:24px!important;}
  .ss-size-control .ss-step input{min-height:42px!important;height:42px!important;font-size:16px!important;}
  .ss-size-switcher .ss-dim-switch{margin-top:32px!important;width:42px!important;height:42px!important;}
  .ss-size-switcher .ss-dim-switch span{font-size:26px!important;}
}

/* v21: cart/mini-cart/checkout preview thumbnails */
.ss-plc-cart-thumb{object-fit:contain;border-radius:10px;background:#f7f7fb;display:block;max-width:100px;height:auto}
.ss-plc-mini-cart-name{display:flex;align-items:center;gap:10px;line-height:1.25}
.ss-plc-mini-cart-thumb{width:64px!important;max-width:64px!important;height:52px!important;flex:0 0 64px;margin:0!important}
.ss-plc-checkout-preview-wrap{display:flex;align-items:center;gap:10px;margin-top:8px}
.ss-plc-checkout-thumb{width:72px!important;max-width:72px!important;height:58px!important;flex:0 0 72px;margin:0!important}
.ss-plc-checkout-qty{display:inline-block}
.woocommerce-mini-cart .ss-plc-cart-thumb{float:none!important}

/* v28 site colors + cart button icon */
.ss-tabs button{font-weight:500;}
.ss-tabs button strong{font-weight:900;}
.ss-buy button{background:#009900!important;background-image:none!important;display:inline-flex;align-items:center;justify-content:center;gap:9px;}
.ss-buy button:before{font-family:ETmodules!important;content:"\e015"!important;color:#fff;font-weight:400;font-size:18px;line-height:1;speak:none;}

/* v1.0.27: winkelwagenknop en verzendtekst in nieuwe groene kleur */
.ssplc .ss-buy button{background:#44C50E!important;border-color:#44C50E!important;}
.ssplc .ss-buy button:hover{background:#3dad0c!important;border-color:#3dad0c!important;}
.ssplc .ss-ship{color:#44C50E!important;}

.ss-payment-logos{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ss-payment-logos img{display:block;max-width:100%;height:auto}


/* v1.0.29: betaalwijzen direct onder winkelwagenknop, wishlist verwijderd */
.ss-payment-inline{margin-top:18px;padding-top:0;background:transparent;border:0}
.ss-payment-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:22px;font-weight:500;line-height:1.2;color:#20232a}
.ss-payment-title img{width:32px;height:32px;object-fit:contain;display:block;flex:0 0 32px}
.ss-payment-logos{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
.ss-payment-logos img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important}
.ss-payment-logos img:first-child{max-height:42px!important}
.ss-payment-logos img:last-child{max-height:42px!important}
.ss-fav,.ss-pay{display:none!important}
@media(max-width:640px){.ss-payment-title{font-size:19px}.ss-payment-title img{width:28px;height:28px;flex-basis:28px}.ss-payment-logos img{max-width:100%!important}}

/* v33: staffelkorting met automatisch berekende stuksprijs */
.ss-discount-table div{grid-template-columns:1fr 1fr 1fr;}
.ss-discount-table span:last-child,.ss-discount-table b:last-child{text-align:right;}
@media(max-width:420px){.ss-discount-table div{grid-template-columns:1fr .9fr 1fr;padding:9px 10px;font-size:13px}}