:root{--sbg-bg:#0d1726;--sbg-panel:#ffffff;--sbg-blue:#2f80ff;--sbg-blue2:#1667d9;--sbg-text:#172033;--sbg-muted:#6f7b8f;--sbg-line:#dfe5ee;--sbg-soft:#f6f8fb;--sbg-green:#1c9b63;--sbg-orange:#d98a00;--sbg-red:#c53a3a}
.sbg-configurator{font-family:Inter,"Inter Fallback",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--sbg-text);width:100%;max-width:1720px;margin:0 auto}
.sbg-configurator *{box-sizing:border-box}
.sbg-shell{display:grid;grid-template-columns:230px minmax(0,1fr) 390px;min-height:780px;background:#eef2f6;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px rgba(10,25,50,.16)}
.sbg-steps{background:linear-gradient(180deg,#111c2b 0%,#172538 100%);color:#fff;padding:18px 14px;position:relative}
.sbg-brand{display:flex;gap:10px;align-items:center;padding:4px 6px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}.sbg-brand-mark{width:38px;height:38px;border:2px solid #fff;border-radius:10px;display:grid;place-items:center;font-weight:800}.sbg-brand strong{display:block;font-size:13px;letter-spacing:.04em}.sbg-brand span{display:block;font-size:10px;opacity:.65;margin-top:2px}
.sbg-step{position:relative;width:100%;text-align:left;border:0;background:transparent;color:#d8e2ef;padding:13px 8px 13px 46px;border-radius:10px;cursor:pointer;margin:3px 0}.sbg-step:before{content:"";position:absolute;left:23px;top:-9px;bottom:36px;width:1px;background:rgba(255,255,255,.16)}.sbg-step:first-of-type:before{top:28px}.sbg-step span{position:absolute;left:6px;top:11px;width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;font-weight:700;background:#1a293b}.sbg-step b{display:block;font-size:13px}.sbg-step small{display:block;color:#8ea0b7;margin-top:3px;font-size:10px}.sbg-step.is-active{background:rgba(47,128,255,.14);color:#fff}.sbg-step.is-active span{background:var(--sbg-blue);border-color:var(--sbg-blue)}.sbg-step.is-done span{background:#fff;color:#132032;border-color:#fff}.sbg-benefits{position:absolute;left:16px;right:16px;bottom:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:15px;font-size:11px;color:#c6d2df;line-height:1.75}
.sbg-main{display:flex;flex-direction:column;min-width:0;background:#f5f7fa}.sbg-preview-toolbar{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--sbg-line)}.sbg-scene-buttons,.sbg-view-buttons{display:flex;gap:7px;flex-wrap:wrap}.sbg-mini-btn{border:1px solid #d7deea;background:#fff;color:#4a5568;border-radius:9px;padding:8px 11px;font-size:12px;cursor:pointer}.sbg-mini-btn.is-active{background:#172538;color:#fff;border-color:#172538}
.sbg-preview{position:relative;flex:1;min-height:560px;overflow:hidden;background:linear-gradient(180deg,#7e8ea3,#404a58);touch-action:none}.sbg-scene-placeholder{position:absolute;inset:0;background:linear-gradient(180deg,#8594a8 0%,#606f82 39%,#273241 40%,#273241 60%,#1d2632 61%)}.sbg-placeholder-shop{position:absolute;left:7%;right:7%;top:14%;bottom:8%;background:#293746;border-radius:4px;box-shadow:0 25px 40px rgba(0,0,0,.35);display:grid;grid-template-columns:1fr .42fr 1fr;gap:8px;padding:130px 18px 18px}.sbg-shop-band{position:absolute;left:0;right:0;top:0;height:120px;background:#202b36}.sbg-window,.sbg-door{background:linear-gradient(180deg,rgba(245,222,167,.85),rgba(75,89,101,.28));border:5px solid #17212d}.sbg-door{background:linear-gradient(180deg,rgba(247,228,178,.75),rgba(50,63,76,.35))}
.sbg-preview.has-image .sbg-scene-placeholder{background-size:cover;background-position:center}.sbg-preview.is-night:after{content:"";position:absolute;inset:0;background:rgba(4,12,28,.47);pointer-events:none}.sbg-sign{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%) scale(1) rotate(0deg);display:flex;align-items:center;gap:14px;color:#fff;font-weight:800;font-size:44px;letter-spacing:.01em;text-shadow:0 2px 4px rgba(0,0,0,.36);cursor:grab;user-select:none;z-index:2;white-space:nowrap;transform-origin:center center}.sbg-sign.is-glow{filter:drop-shadow(0 0 7px rgba(255,255,255,.9)) drop-shadow(0 0 18px rgba(70,150,255,.6))}.sbg-sign.is-halo{text-shadow:0 0 8px rgba(255,255,255,.85),0 0 18px rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.4)}.sbg-sign img{max-width:230px;max-height:110px;object-fit:contain}.sbg-preview-tip{position:absolute;left:16px;bottom:15px;z-index:3;background:rgba(8,15,25,.72);color:#fff;border-radius:20px;padding:8px 12px;font-size:11px}
.sbg-gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:11px;background:#fff;border-top:1px solid var(--sbg-line)}.sbg-gallery-strip button{border:0;background:#fff;cursor:pointer;text-align:center;padding:0 0 4px}.sbg-gallery-strip b,.sbg-gallery-strip small{display:block}.sbg-gallery-strip b{font-size:12px;margin-top:5px}.sbg-gallery-strip small{font-size:10px;color:var(--sbg-muted);margin-top:2px}.sbg-demo-card{height:95px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#111b28,#36475b);color:#fff;font-size:28px;font-weight:800;box-shadow:inset 0 -30px 50px rgba(0,0,0,.18)}.demo-lightbox:before{content:"CAISSON";padding:12px 20px;border:2px solid #fff;box-shadow:0 0 18px rgba(255,255,255,.5)}.demo-relief{text-shadow:5px 5px 0 #111}.demo-backlit{text-shadow:0 0 8px #ffd88a,0 0 18px #ffb74d;color:#fff3d8}
.sbg-panel{background:#fff;border-left:1px solid var(--sbg-line);display:flex;flex-direction:column;min-height:0}.sbg-panel-header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid var(--sbg-line)}.sbg-panel-header small{display:block;color:var(--sbg-muted);font-size:11px}.sbg-panel-header h3{margin:2px 0 0;font-size:18px}.sbg-no-price{font-size:10px;color:#fff;background:#1b2432;border-radius:999px;padding:7px 9px;font-weight:700;letter-spacing:.04em}.sbg-panel-step{display:none;padding:18px;overflow:auto;flex:1}.sbg-panel-step.is-active{display:block}.sbg-panel h4{font-size:13px;margin:0 0 10px}.sbg-panel h4:not(:first-child){margin-top:18px}.sbg-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sbg-choice-grid button{min-height:76px;border:1px solid #d8dfeb;background:#fff;border-radius:10px;padding:10px 7px;cursor:pointer;font-size:11px;color:#273144;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.sbg-choice-grid button:hover,.sbg-choice-grid button.is-selected{border-color:var(--sbg-blue);box-shadow:0 0 0 2px rgba(47,128,255,.12)}.sbg-choice-grid.compact button{min-height:48px}.icon-box{display:block;width:56px;height:27px;background:#353d49;border-radius:3px;box-shadow:3px 3px 0 #111}.icon-box.glow{background:#f7f7f7;box-shadow:0 0 10px rgba(255,255,255,.9),3px 3px 0 #111}.icon-letters{font-size:20px;font-weight:900;color:#4c5563;text-shadow:2px 2px 0 #c6cbd2}.icon-letters.glow{color:#fff;text-shadow:0 0 8px #fff,0 0 14px #68a5ff}.icon-letters.halo{filter:drop-shadow(0 0 8px #ffdb84)}.icon-neon{font-size:18px;font-style:italic;color:#ff47df;text-shadow:0 0 8px #ff47df}.icon-tray{padding:9px 16px;background:#343d4b;color:#fff;border-radius:3px;box-shadow:4px 4px 0 #151b24}
.sbg-field{display:block;font-size:11px;font-weight:700;color:#4a5568;margin:10px 0}.sbg-field input,.sbg-field select,.sbg-field textarea,.sbg-two-cols input,.sbg-two-cols select{width:100%;margin-top:6px;border:1px solid #d7deea;border-radius:8px;padding:10px 11px;font-size:13px;background:#fff;color:#1f2937;outline:none}.sbg-field input:focus,.sbg-field select:focus,.sbg-field textarea:focus,.sbg-two-cols input:focus{border-color:var(--sbg-blue);box-shadow:0 0 0 2px rgba(47,128,255,.12)}.sbg-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sbg-two-cols>label{font-size:11px;font-weight:700;color:#4a5568}.sbg-two-cols label span{display:flex;align-items:center;gap:6px}.sbg-two-cols label span input{flex:1}.sbg-upload{display:block;border:1px dashed #aeb9c9;background:#f8fafc;border-radius:10px;padding:14px;text-align:center;cursor:pointer;font-size:12px;font-weight:700;color:#345}.sbg-upload input{display:block;width:100%;margin:9px 0 3px;font-weight:400;font-size:11px}.sbg-upload small{display:block;font-weight:400;color:#8390a3}.sbg-help{background:#f5f7fb;border-left:3px solid #a8b6c8;padding:9px 10px;border-radius:6px;font-size:11px;color:#657084;margin:11px 0}.sbg-help.strong{border-left-color:var(--sbg-blue);background:#eef5ff;color:#315a8a}.sbg-checkbox{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#667085;margin:14px 0}.sbg-checkbox input{margin-top:2px}.sbg-readiness{border-radius:10px;padding:12px;margin-bottom:12px;font-size:12px;font-weight:700}.sbg-readiness.green{background:#e9f7f1;color:#116542}.sbg-readiness.orange{background:#fff6e3;color:#8a5b00}.sbg-readiness.red{background:#fdecec;color:#8f2525}
.sbg-nav{display:flex;gap:8px;padding:12px 18px;border-top:1px solid var(--sbg-line);background:#fff}.sbg-primary,.sbg-secondary{border-radius:9px;padding:11px 14px;font-weight:700;font-size:12px;cursor:pointer}.sbg-primary{border:1px solid var(--sbg-blue);background:linear-gradient(180deg,#3486ff,#1d6ee5);color:#fff;flex:1}.sbg-secondary{border:1px solid #d7deea;background:#fff;color:#354052}.sbg-primary:disabled{opacity:.55;cursor:not-allowed}.sbg-panel-step>.sbg-secondary{width:100%;margin:4px 0 9px}.sbg-submit-success{margin-top:10px;background:#e9f7f1;color:#116542;padding:10px;border-radius:8px;font-size:12px}.sbg-submit-error{margin-top:10px;background:#fdecec;color:#8f2525;padding:10px;border-radius:8px;font-size:12px}
@media (max-width:1180px){.sbg-shell{grid-template-columns:190px minmax(0,1fr) 340px}.sbg-sign{font-size:36px}.sbg-placeholder-shop{padding-top:105px}.sbg-shop-band{height:95px}}
@media (max-width:900px){.sbg-shell{display:block;border-radius:0}.sbg-steps{position:static;padding:10px;overflow:auto;white-space:nowrap}.sbg-brand,.sbg-benefits{display:none}.sbg-step{display:inline-block;width:auto;min-width:145px;white-space:normal;padding:9px 10px 9px 38px}.sbg-step:before{display:none}.sbg-step span{width:26px;height:26px;left:6px;top:9px}.sbg-main{min-height:470px}.sbg-preview{min-height:400px}.sbg-panel{border-left:0;border-top:1px solid var(--sbg-line)}.sbg-gallery-strip{display:none}.sbg-panel-step{max-height:none}.sbg-preview-toolbar{padding:8px}.sbg-sign{font-size:29px}.sbg-panel-header{position:sticky;top:0;z-index:5}}
@media (max-width:520px){.sbg-preview{min-height:320px}.sbg-placeholder-shop{left:3%;right:3%;padding:78px 8px 8px}.sbg-shop-band{height:70px}.sbg-sign{font-size:23px;gap:7px}.sbg-sign img{max-width:120px;max-height:62px}.sbg-two-cols{grid-template-columns:1fr}.sbg-choice-grid{grid-template-columns:1fr 1fr}.sbg-panel-header{padding:13px}.sbg-panel-step{padding:14px}.sbg-preview-tip{font-size:9px;left:8px;right:8px;bottom:8px}}
.sbg-file-status{margin:8px 0 10px;padding:8px 10px;border-radius:7px;background:#f5f7fb;color:#657084;font-size:11px;border:1px solid #dfe5ee}.sbg-file-status.success{background:#e9f7f1;color:#116542;border-color:#c7ead9}.sbg-file-status.warning{background:#fff6e3;color:#8a5b00;border-color:#f2ddb0}.sbg-file-status.info{background:#eef5ff;color:#315a8a;border-color:#cfe1ff}.sbg-vectorization-box{margin:10px 0 14px;padding:12px;border:1px solid #f0d28a;background:#fff9ea;border-radius:10px}.sbg-vectorization-box strong{display:block;font-size:12px;color:#6f4d00}.sbg-vectorization-box p{margin:6px 0 8px;font-size:11px;line-height:1.45;color:#755d24}.sbg-vectorization-box[hidden]{display:none!important}
/* Shared appearance in the configurator and printed BAT. */
.sbg-preview{container-type:inline-size}
.sbg-sign{width:32%;display:flex;flex-direction:column;gap:.12em;font-size:4cqw;text-align:center;white-space:normal;touch-action:none;box-sizing:border-box;line-height:1.12;isolation:isolate}
.sbg-sign [hidden]{display:none!important}
.sbg-art{width:100%;position:relative}
.sbg-sign .sbg-art img{display:block;width:100%;max-width:none;max-height:none;height:auto;object-fit:contain;pointer-events:none}
.sbg-company-line{font-size:.48em;letter-spacing:.035em;overflow-wrap:anywhere}
.sbg-baseline-line{font-size:.28em;font-weight:500;letter-spacing:.045em;overflow-wrap:anywhere}
.sbg-sign[data-backing="tray"],.sbg-sign[data-backing="box"]{padding:.35em .45em;background:var(--sbg-backing);border-radius:.06em;border:1px solid rgba(255,255,255,.35)}
.sbg-sign[data-backing="tray"]{box-shadow:.08em .12em 0 color-mix(in srgb,var(--sbg-backing),black 30%),.12em .22em .18em #0007}
.sbg-sign[data-backing="box"]{border:.06em solid color-mix(in srgb,var(--sbg-backing),white 25%);box-shadow:.12em .14em 0 color-mix(in srgb,var(--sbg-backing),black 35%),.16em .25em .18em #0008}
.sbg-sign.is-glow,.sbg-sign.is-halo{filter:none;text-shadow:none}
.sbg-sign[data-type="relief"] .sbg-art,.sbg-sign[data-type="tray"] .sbg-art{filter:drop-shadow(1px 1px 0 var(--sbg-side)) drop-shadow(2px 2px 0 var(--sbg-side)) drop-shadow(3px 4px 2px #0007)}
.sbg-sign[data-type="frontlit"] .sbg-art,.sbg-sign[data-type="backlit"] .sbg-art,.sbg-sign[data-type="dual"] .sbg-art{filter:drop-shadow(2px 2px 0 var(--sbg-side)) drop-shadow(3px 4px 2px #0006)}
.sbg-sign[data-lighting="front"][data-view="night"] .sbg-art{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 8px currentColor)}
.sbg-sign[data-lighting="back"] .sbg-art{filter:drop-shadow(2px 2px 0 var(--sbg-side)) drop-shadow(0 0 6px #ffffff88)}
.sbg-sign[data-lighting="back"][data-view="night"] .sbg-art{filter:drop-shadow(2px 2px 0 var(--sbg-side)) drop-shadow(0 0 8px #fff) drop-shadow(0 0 18px #ffffffaa)}
.sbg-sign[data-lighting="dual"][data-view="night"] .sbg-art{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 12px currentColor) drop-shadow(0 0 20px #ffffffaa)}
.sbg-sign[data-type="neon"] #sbg-text-preview{-webkit-text-stroke:.025em currentColor;color:transparent;font-weight:500;text-shadow:0 0 .1em currentColor}
.sbg-sign[data-lighting="neon"] .sbg-art{filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 5px currentColor)}
.sbg-sign[data-lighting="neon"][data-view="night"] .sbg-art{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px currentColor) drop-shadow(0 0 18px currentColor)}
.preview.is-night{background-color:#263142}
.preview.is-night:before{content:"";position:absolute;inset:0;background:#040c1c77;pointer-events:none;z-index:1}
@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.approval,.note,tr{break-inside:avoid}.sbg-sign{font-size:4cqw!important}.preview{overflow:hidden}}


.sbg-configurator [hidden]{display:none!important}
.sbg-sign[data-family="adhesive"]{text-shadow:none;filter:none}
.sbg-sign[data-family="adhesive"] .sbg-art{filter:none!important}
.sbg-sign[data-type="adhesive_frosted"] .sbg-art{opacity:.65}
.sbg-sign[data-type="alu"] .sbg-art,.sbg-sign[data-type="inox"] .sbg-art{filter:drop-shadow(1px 1px 0 var(--sbg-side)) drop-shadow(3px 3px 1px #0008)}
.sbg-sign[data-lighting="side"] .sbg-art,.sbg-sign[data-lighting="halfside"] .sbg-art,.sbg-sign[data-lighting="band"] .sbg-art{filter:drop-shadow(2px 1px 0 #fff9) drop-shadow(4px 2px 2px currentColor)}
.sbg-sign[data-lighting="side"][data-view="night"] .sbg-art,.sbg-sign[data-lighting="halfside"][data-view="night"] .sbg-art,.sbg-sign[data-lighting="band"][data-view="night"] .sbg-art{filter:drop-shadow(2px 1px 0 #fff) drop-shadow(4px 2px 6px currentColor)}
.sbg-sign[data-lighting="frontside"][data-view="night"] .sbg-art{filter:drop-shadow(2px 2px 0 currentColor) drop-shadow(0 0 5px #fff) drop-shadow(0 0 12px currentColor)}
.sbg-sign[data-lighting="outline"] .sbg-art{filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)}
.sbg-sign[data-lighting="outline"][data-view="night"] .sbg-art{filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 0 6px currentColor)}
.sbg-sign[data-lighting="bulbs"][data-view="night"] .sbg-art{filter:drop-shadow(0 0 3px #ffcb6b) drop-shadow(0 0 9px #ffb53b)}

.sbg-model-card{padding:8px!important;display:flex!important;flex-direction:column;gap:6px;text-align:left!important}
.sbg-model-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f0f1f3;border-radius:5px}
.sbg-model-card strong{font-size:12px}.sbg-model-card small{font-size:10px}
.sbg-model-example{height:100px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;background:#30343b;color:white;font-size:72px;font-weight:800;text-shadow:3px 3px 0 #777}
.sbg-model-example small{position:absolute;bottom:3px;right:5px;font-size:9px;font-weight:400;text-shadow:none}
.sbg-model-example:not([data-effect="none"]){text-shadow:0 0 4px white,0 0 12px #efdfb0}
.sbg-model-example[data-effect="back"],.sbg-model-example[data-effect="side"],.sbg-model-example[data-effect="band"],.sbg-model-example[data-effect="halfside"]{color:#30343b;text-shadow:2px 2px 0 #efdfb0,0 0 12px white}
.sbg-model-details{margin-top:14px;padding:12px;background:#f4f6f9;border-radius:8px;font-size:12px}
.sbg-model-details:empty{display:none}.sbg-model-details p{white-space:pre-wrap;overflow-wrap:anywhere}.sbg-model-details figure{margin:8px 0}.sbg-model-details img{width:100%;max-height:240px;object-fit:contain}.sbg-model-details figcaption{font-size:11px;color:#667}

/* Keep the full photo and identical image coordinates at every screen width. */
.sbg-main .sbg-preview{flex:0 0 auto;width:100%;height:auto;min-height:0;aspect-ratio:var(--sbg-scene-ratio,16 / 9)}
.sbg-preview.has-image .sbg-scene-placeholder{background-size:contain;background-repeat:no-repeat;background-position:center}
@media(max-width:900px){.sbg-main{min-height:0}.sbg-preview-tip{font-size:10px;padding:5px 8px;bottom:6px;left:6px;right:6px;max-width:max-content}}
@media(max-width:520px){.sbg-preview-tip{font-size:8px}}

.sbg-color-panel{margin:12px 0;padding:10px;background:#f4f6f9;border-radius:8px;font-size:12px}.sbg-color-swatches{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:260px;overflow:auto}.sbg-color-chip{display:flex;align-items:center;gap:6px;padding:6px;background:#fff;border:1px solid #cdd5df;border-radius:5px;cursor:pointer;text-align:left;font-size:10px;color:#253447}.sbg-color-chip[aria-pressed="true"]{outline:2px solid var(--sbg-blue)}.sbg-color-square{width:25px;height:25px;flex:0 0 25px;border:1px solid #aab0b5;border-radius:3px}.sbg-color-panel small{display:block;font-size:10px}

.sbg-preview,.preview,.sbg-perspective-preview{perspective:900px}.sbg-sign{transform-style:preserve-3d;isolation:auto}.sbg-sign>.sbg-art,.sbg-sign>.sbg-company-line,.sbg-sign>.sbg-baseline-line{transform:translateZ(.2px)}
.sbg-depth-layer{position:absolute;inset:0;display:flex;flex-direction:column;gap:.12em;align-items:center;justify-content:center;box-sizing:border-box;pointer-events:none;transform-style:preserve-3d;line-height:inherit;color:var(--sbg-side);text-shadow:none;filter:none}
.sbg-depth-layer .sbg-art{filter:none!important}.sbg-depth-layer img{visibility:hidden}.sbg-depth-layer .sbg-art:has(img:not([hidden])){background:var(--sbg-side);mask-image:var(--sbg-logo-mask);mask-size:100% 100%;mask-repeat:no-repeat}
.sbg-sign>.sbg-depth-layer div{color:var(--sbg-side)!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.sbg-depth-layer .sbg-company-line,.sbg-depth-layer .sbg-baseline-line{width:100%}.sbg-perspective-preview{container-type:inline-size;position:relative;height:240px;background:#e7e9ec;overflow:hidden;border:1px solid #cdd4df;border-radius:8px}.sbg-perspective-preview .sbg-sign{width:45%;font-size:4cqw!important}
.sbg-bat-perspective{break-inside:avoid;margin-top:20px}.sbg-depth-layer[hidden]{display:none!important}
/* Consistent page styling; scoped so printed artwork remains unchanged. */
.sbg-configurator{max-width:1440px;line-height:1.5;--sbg-blue:#2869c7;--sbg-muted:#64748b}
.sbg-configurator .sbg-shell{grid-template-columns:minmax(0,1fr) 420px;min-height:0;border:1px solid #e2e7ef;border-radius:16px;box-shadow:0 8px 28px #1720330d}
.sbg-configurator .sbg-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;background:#fff;color:#172033;padding:16px;border-bottom:1px solid #e2e7ef;white-space:normal;overflow:visible}
.sbg-configurator .sbg-brand{grid-column:1/-1;padding:0 0 12px;margin:0 0 4px;border-bottom:1px solid #e2e7ef;display:flex}
.sbg-configurator .sbg-brand-mark{border-color:#2869c7;color:#2869c7}.sbg-configurator .sbg-brand span{color:#64748b;opacity:1}
.sbg-configurator .sbg-benefits,.sbg-configurator .sbg-step:before{display:none}
.sbg-configurator .sbg-step{margin:0;padding:12px 8px 12px 44px;min-width:0;width:100%;background:#f5f7fa;color:#334155;border:1px solid transparent;display:block}
.sbg-configurator .sbg-step span{background:#fff;color:#64748b;border-color:#cbd5e1;left:8px;top:12px;width:28px;height:28px}
.sbg-configurator .sbg-step small{color:#64748b;font-size:11px}.sbg-configurator .sbg-step.is-active{background:#edf4ff;border-color:#bdd3f2;color:#17477f}.sbg-configurator .sbg-step.is-active span{background:#2869c7;color:#fff;border-color:#2869c7}
.sbg-configurator .sbg-main{padding:16px;gap:12px;align-self:start}.sbg-configurator .sbg-preview-toolbar{border:1px solid #e2e7ef;border-radius:10px;padding:10px;flex-wrap:wrap}.sbg-configurator .sbg-preview{border-radius:12px;border:1px solid #d7deea}
.sbg-configurator .sbg-gallery-strip{border:1px solid #e2e7ef;border-radius:10px;padding:10px}
.sbg-configurator .sbg-panel{height:720px;max-height:85vh;min-width:0}.sbg-configurator .sbg-panel-header{padding:16px 20px;gap:12px}.sbg-configurator .sbg-panel-step{padding:20px;min-height:0;scrollbar-gutter:stable}
.sbg-configurator .sbg-panel h4{font-size:14px;color:#27364a}.sbg-configurator .sbg-field,.sbg-configurator .sbg-two-cols>label{font-size:12px;color:#475569;line-height:1.5}
.sbg-configurator input,.sbg-configurator select,.sbg-configurator textarea,.sbg-configurator button{font-family:inherit}
.sbg-configurator .sbg-field input:not([type=range]),.sbg-configurator .sbg-field select,.sbg-configurator .sbg-two-cols input,.sbg-configurator .sbg-two-cols select{min-height:42px}
.sbg-configurator input[type=color]{padding:4px;height:42px}.sbg-configurator input[type=range]{accent-color:#2869c7;padding:6px 0;box-shadow:none}.sbg-configurator input[type=checkbox]{accent-color:#2869c7}
.sbg-configurator .sbg-help,.sbg-configurator .sbg-file-status{font-size:12px;line-height:1.55}.sbg-configurator .sbg-mini-btn{min-height:38px}.sbg-configurator .sbg-primary,.sbg-configurator .sbg-secondary{min-height:42px;border-radius:8px;font-size:13px}.sbg-configurator .sbg-primary{background:#2869c7}
.sbg-configurator button:focus-visible{outline:3px solid #8bb6f4;outline-offset:2px}.sbg-configurator [hidden]{display:none!important}
@media(max-width:1050px){.sbg-configurator .sbg-shell{grid-template-columns:minmax(0,1fr) 360px}.sbg-configurator .sbg-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.sbg-configurator .sbg-step small{display:none}}
@media(max-width:800px){.sbg-configurator .sbg-shell{display:block;border-radius:12px}.sbg-configurator .sbg-steps{display:grid;padding:12px;gap:6px}.sbg-configurator .sbg-main{padding:12px}.sbg-configurator .sbg-panel{height:auto;max-height:none;border-left:0}.sbg-configurator .sbg-panel-header{position:static}.sbg-configurator .sbg-panel-step{overflow:visible;padding:16px}.sbg-configurator .sbg-gallery-strip{display:none}}
@media(max-width:480px){.sbg-configurator .sbg-step{padding:10px 6px 10px 34px}.sbg-configurator .sbg-step b{font-size:11px}.sbg-configurator .sbg-step span{left:5px;top:10px;width:23px;height:23px;font-size:11px}.sbg-configurator .sbg-panel-header{padding:14px}.sbg-configurator .sbg-panel-header h3{font-size:16px}.sbg-configurator .sbg-no-price{font-size:9px}.sbg-configurator .sbg-two-cols{grid-template-columns:1fr}.sbg-configurator .sbg-mini-btn{padding:7px 9px}}