.b3d{--b3d-ink:#243b35;--b3d-green:#245847;display:grid;grid-template-columns:1.1fr 1fr;max-width:1140px;margin:32px auto;background:#fff;border:1px solid #e4e6df;border-radius:22px;overflow:hidden;color:var(--b3d-ink);font-family:Arial,sans-serif;box-shadow:0 18px 60px #233b3510}.b3d *{box-sizing:border-box}.b3d [hidden]{display:none!important}.b3d-preview{padding:48px 36px;background:#f3f0e9;display:flex;flex-direction:column;justify-content:center}.b3d-kicker{font-size:11px;font-weight:700;letter-spacing:2px;color:#586d61}.b3d h2{font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-1px;margin:18px 0 30px;color:var(--b3d-ink)}.b3d-svg{width:100%;height:auto;filter:drop-shadow(0 10px 5px #0002);overflow:visible;margin:18px 0 30px}.b3d-form{padding:36px}.b3d h3{font-size:24px;margin:0 0 24px;color:var(--b3d-ink)}.b3d label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px}.b3d label span{font-weight:400;color:#67776c}.b3d input,.b3d select{font:inherit;font-size:15px;line-height:1.4;width:100%;padding:12px 14px;border:1px solid #cdd6cf;border-radius:8px;background:#fff;color:#20382f;min-height:46px}.b3d input:focus-visible,.b3d select:focus-visible,.b3d button:focus-visible{outline:3px solid #81b99d;outline-offset:2px}.b3d-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.b3d .b3d-hint{font-size:12px;line-height:1.7;color:#59685f;margin:14px 0}.b3d-total{border-top:1px solid #dbe2dc;margin-top:22px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.b3d-total strong{font-size:29px}.b3d button{width:100%;border:0;border-radius:9px;background:var(--b3d-green);color:white;padding:16px;font-size:15px;font-weight:700;cursor:pointer;margin-top:12px}.b3d button:hover{background:#163e30}.b3d button:disabled{opacity:.55;cursor:not-allowed}.b3d-error{color:#a52525;font-size:13px}.b3d-error:empty{display:none}@media(max-width:760px){.b3d{grid-template-columns:1fr;margin:16px auto;border-radius:14px}.b3d-preview{padding:28px 24px}.b3d h2{margin-bottom:8px}.b3d-svg{max-height:190px;margin:8px 0}.b3d-form{padding:24px}.b3d-preview .b3d-hint{margin-bottom:0}}@media(prefers-reduced-motion:no-preference){.b3d button{transition:background .15s}}
.b3d .b3d-svg{height:220px;max-height:none;filter:drop-shadow(0 5px 3px #0002)}.b3d .b3d-svg text{font-style:normal;letter-spacing:normal;text-transform:none}.b3d .b3d-dimensions{font-size:13px;font-weight:700;margin:8px 0;color:#314e40}.b3d .b3d-preview-warning{background:#fff5d9;padding:10px 12px;border-radius:6px;color:#735010}.b3d .b3d-preview{justify-content:center}@media(max-width:760px){.b3d .b3d-svg{height:180px}}
/* Berk3D website theme: scoped to the configurator. */
.b3d{--b3d-ink:#f4f6ff;--b3d-green:#3167ff;background:#141a29;border-color:#293249;color:#f4f6ff;box-shadow:0 18px 60px #0003;color-scheme:dark}
.b3d .b3d-preview{background:radial-gradient(ellipse at center,#26334c 0%,#151d2d 65%,#111827 100%);border-right:1px solid #293249}
.b3d .b3d-form{background:#141a29;color:#f4f6ff;min-width:0}
.b3d .b3d-kicker{color:#89aaff}.b3d h2,.b3d h3{color:#f4f6ff}
.b3d .b3d-form label{color:#e0e6f5}.b3d label span{color:#b7c2d8}
.b3d .b3d-form input,.b3d .b3d-form select{background:#0c1220;color:#f4f6ff;border:1px solid #39445c;border-radius:9px;box-shadow:none}
.b3d .b3d-form input::placeholder{color:#a9b6ce;opacity:1}
.b3d .b3d-form select option{background:#0c1220;color:#f4f6ff}
.b3d .b3d-hint{color:#b8c4d9}.b3d .b3d-dimensions{color:#d5e1f7}
.b3d .b3d-total{border-color:#354158;color:#e0e6f5}.b3d .b3d-total strong{color:#fff}
.b3d .b3d-form button{background:#3167ff;color:#fff;box-shadow:0 8px 24px #3167ff33}.b3d .b3d-form button:hover{background:#2455dc}
.b3d input:focus-visible,.b3d select:focus-visible,.b3d button:focus-visible{outline:3px solid #93b0ff;outline-offset:3px}
.b3d .b3d-included{display:flex;align-items:center;gap:10px;margin:20px 0 12px;padding:13px 15px;border:1px solid #456398;border-radius:10px;background:#1a2a45;color:#eef4ff;font-size:14px;line-height:1.5}
.b3d .b3d-included-icon{flex-shrink:0;color:#a4c0ff;font-size:22px}.b3d .b3d-included strong{color:#fff}
.b3d .b3d-preview-warning{background:#3b301a;color:#ffe3a3}.b3d .b3d-error{color:#ffb5b5}
@media(max-width:760px){.b3d .b3d-preview{border-right:0;border-bottom:1px solid #293249}}
