.preview{width:100%;height:100%;text-align:center;aspect-ratio:16/9;position:relative;overflow:hidden}.BackgroundIMG{position:absolute;inset:0;background-size:130%;background-position:45% 67%;background-repeat:no-repeat;z-index:0}.preview-image{height:100%!important;width:auto!important;position:relative!important}.buttons{width:100%}.calibration-mode-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(33,150,243,.9);color:white;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.2)}.buttonLeft{float:left}.buttonLeft,.buttonRight{margin:10px;padding:15px;background-color:var(--main-bg-color);color:white;border-radius:8px;position:relative}.buttonRight{float:right}.buttonDownLeft{margin:10px;padding:15px;background-color:var(--main-bg-color);color:white;border-radius:8px;position:absolute;left:0;bottom:0;z-index:10;border:none;cursor:pointer;transition:all .2s ease}.buttonDownLeft:hover:not(.disabled){background-color:var(--main-bg-color-hover,#0056b3)}.buttonDownLeft.disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.buttonDownRight{margin:10px;padding:15px;background-color:var(--main-bg-color);color:white;border-radius:8px;position:absolute;right:0;bottom:0;z-index:10;border:none;cursor:pointer;transition:all .2s ease}.buttonDownRight:hover:not(.disabled){background-color:var(--main-bg-color-hover,#28a745)}.buttonDownRight.disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.IMGPreview{width:100%;height:80%;display:flex;justify-content:center;align-items:center;position:relative;overflow:visible;perspective:1500px}.perspective-door{transform-style:preserve-3d}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background-color:rgba(255,255,255,.9);border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--main-bg-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:var(--main-bg-color);font-size:14px;margin:0;font-weight:500;text-align:center}.calibrated-door{z-index:5;overflow:hidden}.uncalibrated-door{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.calibrated-door .preview-image{position:relative!important;width:100%!important;height:100%!important}.uncalibrated-door .preview-image{height:100%!important;width:auto!important;position:relative!important}.calibration-status-indicator{position:absolute;top:10px;right:10px;z-index:15}.calibration-badge{background-color:#28a745;color:white;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.2);display:inline-block}@media (max-width:767px){.preview{aspect-ratio:4/3;flex:1 1 auto;min-height:0}.buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:5px}.buttonDownLeft,.buttonDownRight,.buttonLeft,.buttonRight{float:none;margin:15px;padding:8px 12px;font-size:small;flex:1 1;min-width:100px;max-width:150px;text-align:center}.buttonDownLeft.disabled,.buttonDownRight.disabled,.buttonLeft.disabled,.buttonRight.disabled{padding:8px 12px}.IMGPreview{height:80%}.BackgroundIMG{background-size:cover;background-position:50%}.calibration-status-indicator{top:5px;right:5px}.calibration-badge{padding:4px 8px;font-size:10px}}@media (min-width:768px) and (max-width:1023px){.preview{aspect-ratio:16/10}.buttonDownLeft,.buttonDownRight,.buttonLeft,.buttonRight{padding:12px;font-size:medium;margin:8px}.IMGPreview{height:75%}.BackgroundIMG{background-size:120%}}@media (min-width:1024px){.preview{aspect-ratio:16/9}.buttonDownLeft,.buttonDownRight,.buttonLeft,.buttonRight{padding:15px;margin:10px}.IMGPreview{height:80%}.BackgroundIMG{background-size:100%;background-position:45% 67%}}@media (min-width:1440px){.buttonDownLeft,.buttonDownRight,.buttonLeft,.buttonRight{padding:18px 22px;font-size:large}}.door-overlay-rahmen{position:absolute;background-color:rgba(0,0,0,.02);cursor:pointer;z-index:100;pointer-events:auto;transition:background-color .2s ease,opacity .2s ease}.door-overlay-rahmen.active,.door-overlay-rahmen:hover{background-color:rgba(255,255,255,.3)}.door-overlay-tuerfluegel{position:absolute;background-color:rgba(0,0,0,.02);cursor:pointer;z-index:101;pointer-events:auto;transition:background-color .2s ease,opacity .2s ease}.door-overlay-tuerfluegel.active,.door-overlay-tuerfluegel:hover{background-color:rgba(255,255,255,.3)}.door-overlay-seitenteil{position:absolute;background-color:rgba(0,0,0,.02);cursor:pointer;z-index:101;pointer-events:auto;transition:background-color .2s ease,opacity .2s ease}.door-overlay-seitenteil.active,.door-overlay-seitenteil:hover{background-color:rgba(255,255,255,.3)}.door-overlay-oberlicht{position:absolute;background-color:rgba(0,0,0,.02);cursor:pointer;z-index:101;pointer-events:auto;transition:background-color .2s ease,opacity .2s ease}.door-overlay-oberlicht.active,.door-overlay-oberlicht:hover{background-color:rgba(255,255,255,.3)}.configurator-shell .preview{width:100%;height:100%;aspect-ratio:auto;background:#eef3f8}.configurator-shell .preview .svg-inline--fa{width:1em;height:1em;min-width:1em;max-width:1em;max-height:1em;flex:0 0 auto}.configurator-shell .BackgroundIMG{background-size:cover;background-position:bottom}.preview-toolbar{position:absolute;top:16px;left:16px;right:16px;bottom:16px;width:auto;z-index:30;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none}.preview-action-group,.preview-history-group,.preview-tool-group,.preview-view-switch{display:inline-flex;align-items:center;pointer-events:auto}.preview-view-switch{border:1px solid #dbe4ef;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.94);box-shadow:0 8px 18px rgba(13,27,54,.08)}.preview-chip,.preview-fullscreen-button,.preview-icon-button,.preview-segment{height:40px;border:0;font-family:var(--font-family-primary);font-weight:var(--font-weight-demibold);line-height:1.1;text-align:center;cursor:pointer}.preview-segment{min-width:118px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;background:white;color:#0f1f3a;font-size:14px}.preview-segment+.preview-segment{border-left:1px solid #dbe4ef}.preview-segment.active{background:#00315d;color:white}.preview-action-group,.preview-history-group,.preview-tool-group{gap:10px}.preview-action-group{width:100%;justify-content:space-between}.preview-chip,.preview-fullscreen-button{min-width:150px;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;justify-items:center;grid-column-gap:8px;column-gap:8px;padding:0 16px;color:#22304a;font-size:14px}.preview-chip,.preview-din-toggle,.preview-fullscreen-button{display:grid;border:1px solid #dbe4ef;border-radius:6px;background:rgba(255,255,255,.94);box-shadow:0 8px 18px rgba(13,27,54,.08)}.preview-din-toggle{min-width:188px;height:40px;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;padding:2px;cursor:pointer}.preview-din-toggle span{min-width:0;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#547195;font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-demibold);line-height:1;white-space:nowrap}.preview-din-toggle span.active{background:#00315d;color:#fff}.preview-din-toggle:hover{border-color:#80c9f7}.preview-chip>span,.preview-fullscreen-button>span{grid-column:2;min-width:0;text-align:center;white-space:nowrap}.preview-chip .button-icon,.preview-fullscreen-button .button-icon{grid-column:1;justify-self:center;pointer-events:none}.preview-chip.active,.preview-chip:hover,.preview-fullscreen-button:hover{color:#00315d;border-color:#80c9f7;background:#f6fbff}.preview-history-group{position:absolute;left:0;bottom:0}.preview-icon-button{width:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe4ef;border-radius:6px;background:rgba(255,255,255,.94);color:#24324c;box-shadow:0 8px 18px rgba(13,27,54,.08)}.preview-icon-button:hover:not(.disabled){color:#00315d;border-color:#80c9f7}.preview-icon-button.disabled{opacity:.45;cursor:not-allowed}.preview-fullscreen-button{position:absolute;right:0;bottom:0;min-width:118px}.configurator-shell .IMGPreview{height:calc(100% - 200px);margin-top:76px}.preview-dimensions-layer{position:absolute;inset:0 0 -96px;z-index:120;pointer-events:none}.preview-dimension-line{position:absolute;height:28px;min-width:24px;pointer-events:none}.preview-dimension-rule{position:absolute;top:0;left:0;width:100%;height:1px;background:#315373}.preview-dimension-rule:after,.preview-dimension-rule:before{content:"";position:absolute;top:-4px;width:1px;height:9px;background:#315373}.preview-dimension-rule:before{left:0}.preview-dimension-rule:after{right:0}.preview-dimension-value{position:absolute;top:0;left:50%;min-height:26px;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:2px 5px;border:1px solid #c9d6e5;border-radius:4px;background:rgba(255,255,255,.98);color:#18314d;font-size:11px;line-height:1;white-space:nowrap;pointer-events:auto;transform:translate(-50%,-50%);box-shadow:0 2px 7px rgba(13,27,54,.09)}.preview-dimension-value strong{margin-right:2px;font-size:10px;font-weight:var(--font-weight-demibold);color:#58708a}.preview-dimension-value input{width:52px;height:20px;padding:0 3px;border:0;border-bottom:1px solid #9db0c5;border-radius:0;outline:0;background:transparent;color:#0b3761;font-family:var(--font-family-primary);font-size:12px;font-weight:var(--font-weight-demibold);line-height:20px;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.preview-dimension-value input::-webkit-inner-spin-button,.preview-dimension-value input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.preview-dimension-value input:focus{border-bottom-color:#008ed6;background:#f2f9ff}.preview-dimension-line.has-error .preview-dimension-value{border-color:#e2776d;box-shadow:0 2px 8px rgba(217,45,32,.12)}.preview-dimension-value input.invalid{border-bottom-color:#d92d20;color:#b42318;background:#fff5f5}.preview-dimension-error{position:absolute;right:168px;left:132px;width:auto;max-width:none;padding:5px 10px;border:1px solid #f4c2bd;border-radius:4px;background:rgba(255,247,245,.96);color:#a93a31;font-size:10px;font-weight:var(--font-weight-demibold);line-height:1.25;text-align:center;box-shadow:0 3px 9px rgba(13,27,54,.08);pointer-events:none}.preview-dimension-value input:disabled{color:#76869a;cursor:not-allowed}.preview-dimension-line.overall .preview-dimension-rule{height:2px;background:#003f73}.preview-dimension-line.overall .preview-dimension-rule:after,.preview-dimension-line.overall .preview-dimension-rule:before{top:-5px;height:12px;background:#003f73}.preview-dimension-line.overall .preview-dimension-value{border-color:#8fb2d0}@media (max-width:1400px){.preview-toolbar{flex-wrap:wrap}.preview-action-group>.preview-chip,.preview-tool-group .preview-chip{min-width:130px}.preview-presentation-button{width:44px;min-width:44px!important;flex:0 0 44px;grid-template-columns:1fr;padding:0}.preview-presentation-button>span{display:none}.preview-presentation-button .button-icon{grid-column:1}.preview-segment{min-width:104px}}@media (max-width:767px){.preview-toolbar{top:10px;left:10px;right:10px;align-items:flex-start}.preview-action-group,.preview-view-switch{width:100%}.preview-tool-group{flex:1 1 auto;min-width:0}.preview-chip,.preview-segment{flex:1 1;min-width:0}.preview-fullscreen-button,.preview-history-group{position:static;transform:none}}.preview-calibration-overlay{position:absolute;top:-20%;left:0;width:100%;height:100vh;z-index:30;cursor:crosshair;pointer-events:all}.calibration-rectangle{border:2px dashed #2196f3!important;background:rgba(33,150,243,.1)!important;cursor:move;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.calibration-rectangle:hover{background:rgba(33,150,243,.15)!important;border-color:#1976D2}.resize-corner{position:absolute;width:12px;height:12px;background:#2196F3;border:2px solid white;border-radius:50%;cursor:nw-resize;z-index:10}.resize-corner:hover{background:#1976D2;transform:scale(1.2)}.resize-corner.top-left{top:-6px;left:-6px;cursor:nw-resize}.resize-corner.top-right{top:-6px;right:-6px;cursor:nw-resize}.resize-corner.bottom-left{bottom:-6px;left:-6px;cursor:nw-resize}.resize-corner.bottom-right{bottom:-6px;right:-6px;cursor:nw-resize}.rectangle-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(33,150,243,.9);color:white;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;pointer-events:none;white-space:nowrap}.preview-calibration-instructions{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.85);color:white;padding:12px 16px;border-radius:8px;font-size:14px;z-index:35;max-width:300px;box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.instruction-content h4{margin:0 0 8px;font-size:16px;display:flex;align-items:center;gap:8px}.instruction-content p{margin:0 0 4px;line-height:1.4}.instruction-content strong{color:#4CAF50}.preview-calibration-point{position:absolute;width:12px;height:12px;background:#ff4444;border:2px solid white;border-radius:50%;z-index:40;box-shadow:0 2px 8px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;animation:pointPulse 2s infinite;transition:transform .1s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-calibration-point:hover{transform:scale(1.2);background:#ff6666;cursor:-webkit-grab;cursor:grab}.preview-calibration-point.dragging{transform:scale(1.3);background:#ff0000;cursor:-webkit-grabbing!important;cursor:grabbing!important;z-index:40;box-shadow:0 4px 12px rgba(255,0,0,.4)}.preview-calibration-point .point-number{color:white;font-size:10px;font-weight:700;line-height:1}.preview-calibration-point .point-tooltip{position:absolute;top:-35px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:white;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none;z-index:50}.preview-calibration-point:hover .point-tooltip{opacity:1}.preview-bounding-box{position:absolute;border:3px dashed #ff4444;background:rgba(255,68,68,.1);z-index:25;pointer-events:none;animation:boundingBoxPulse 3s infinite}.perspective-bounding-box{border:3px dashed #9c27b0!important;background:rgba(156,39,176,.15)!important;animation:perspectiveBoundingBoxPulse 2s infinite!important}@keyframes perspectiveBoundingBoxPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.preview-calibration-controls{position:absolute;bottom:20px;right:20px;z-index:35;display:flex;flex-direction:column;gap:12px;max-width:200px}.calibration-active-controls{background:rgba(255,255,255,.95);padding:16px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.perspective-control{background:#f3e5f5;border:1px solid #ce93d8;border-radius:6px;padding:12px;margin-bottom:12px}.perspective-checkbox{display:flex;align-items:center;cursor:pointer;font-weight:500;color:#4a148c;font-size:14px}.perspective-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.perspective-checkbox .checkmark{height:18px;width:18px;background-color:#fff;border:2px solid #9c27b0;border-radius:4px;margin-right:10px;position:relative;transition:all .2s ease}.perspective-checkbox:hover .checkmark{background-color:#f8bbd9}.perspective-checkbox input:checked~.checkmark{background-color:#9c27b0;border-color:#9c27b0}.perspective-checkbox .checkmark:after{content:"";position:absolute;display:none}.perspective-checkbox input:checked~.checkmark:after{display:block}.perspective-checkbox .checkmark:after{left:5px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.perspective-checkbox:disabled{opacity:.6;cursor:not-allowed}.perspective-checkbox input:disabled~.checkmark{background-color:#f0f0f0;border-color:#ccc}.perspective-warning{color:#ff6b35}.perspective-info,.perspective-warning{margin:4px 0 0;font-size:12px;font-style:italic}.perspective-info{color:#4a148c}.calibration-info{background:#e8f5e8;border:1px solid #4caf50;border-radius:6px;padding:10px;margin-bottom:12px}.calibration-info p{margin:0 0 4px;font-size:13px;color:#2e7d32}.calibration-info p:last-child{margin-bottom:0}.calibration-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:10px;margin-bottom:12px}.calibration-warning p{margin:0;font-size:13px;color:#856404;text-align:center}.dimensions-input{margin-bottom:16px}.dimensions-input label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#333}.dimensions-input input{width:100%;padding:8px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.dimensions-input input:focus{outline:none;border-color:#4CAF50}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.calibration-btn{width:100%;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.1)}.calibration-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.start-btn{background:#4CAF50;color:white}.start-btn:hover{background:#45a049}.clear-btn{background:#ff6b6b;color:white}.clear-btn:hover{background:#ff5252}.reset-btn{background:#ffa726;color:white}.reset-btn:hover{background:#ff9800}.cancel-btn{background:#757575;color:white}.cancel-btn:hover{background:#616161}.apply-btn{background:#4CAF50;color:white;flex:1 1}.apply-btn:hover:not(:disabled){background:#45a049}.apply-btn:disabled{background:#cccccc;color:#666;cursor:not-allowed;transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}@keyframes pointPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes boundingBoxPulse{0%,to{opacity:.6;border-width:3px}50%{opacity:1;border-width:4px}}@media (max-width:768px){.preview-calibration-controls{bottom:-10px;right:10px;left:10px;max-width:none}.calibration-active-controls{padding:12px}.action-buttons{justify-content:space-between}.calibration-btn{flex:1 1;min-width:0;padding:8px 12px;font-size:12px}.preview-calibration-instructions{top:5px;left:5px;right:5px;max-width:none;font-size:13px}}@media (prefers-color-scheme:dark){.calibration-active-controls{background:rgba(30,30,30,.95);border:1px solid rgba(255,255,255,.1)}.dimensions-input label{color:#e0e0e0}.dimensions-input input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:white}.dimensions-input input:focus{border-color:#4CAF50}}.ContentContainer{flex:1 1;height:0;min-height:0;background:#f5f8fc;overflow:hidden}.configurator-shell{height:100%;display:flex;flex-direction:column;color:#0d1b36;background:#f5f8fc;overflow:hidden}.configurator-shell .svg-inline--fa{width:1em;height:1em;min-width:1em;max-width:1em;max-height:1em;flex:0 0 auto}.configurator-progress{height:104px;display:grid;grid-template-columns:repeat(5,minmax(138px,1fr));align-items:center;grid-gap:0;gap:0;padding:14px 72px 12px;background:#fff;border-bottom:1px solid #dfe7f0;box-shadow:0 2px 10px rgba(13,27,54,.04);overflow-x:auto;overflow-y:hidden;flex:0 0 auto}.progress-step{position:relative;display:grid;justify-items:center;grid-gap:7px;gap:7px;min-width:138px;padding:2px 0 0;color:#6d7d96;background:transparent;border:0;font-family:var(--font-family-primary);cursor:pointer}.progress-step-line{position:absolute;top:24px;left:calc(-50% + 25px);right:calc(50% + 25px);height:2px;background:#c6d1df}.progress-step:first-child .progress-step-line{display:none}.progress-step.active .progress-step-line,.progress-step.complete .progress-step-line{background:#0299eb}.progress-step-circle{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #c7d3e3;background:#fff;color:#8b9aaf;font-size:20px;transition:all .18s ease;z-index:1}.progress-step-circle .svg-inline--fa{width:20px;height:20px;min-width:20px;max-width:20px;max-height:20px}.progress-step.active .progress-step-circle{background:#00315d;border-color:#00315d;color:white;box-shadow:0 8px 20px rgba(0,49,93,.22)}.progress-step.complete .progress-step-circle{border-color:#0299eb;color:#0299eb}.progress-step-number{position:absolute;top:30px;left:calc(50% + 35px);color:inherit}.progress-step-label,.progress-step-number{font-size:14px;font-weight:var(--font-weight-demibold)}.progress-step.active .progress-step-label,.progress-step.complete .progress-step-label{color:#005ca9}.configurator-main{height:calc(100% - 104px);display:grid;grid-template-columns:minmax(380px,36vw) minmax(430px,1fr) minmax(330px,400px);grid-gap:16px;gap:16px;padding:16px 24px;overflow:hidden}.configurator-panel{min-width:0;min-height:0;border:1px solid #dce5f0;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(13,27,54,.04)}.configurator-options-panel{display:flex;flex-direction:column;overflow:hidden}.configurator-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 10px;flex:0 0 auto}.configurator-panel-heading h1{margin:0 0 4px;font-size:23px;line-height:1.15;font-weight:var(--font-weight-bold);color:#111a2e}.configurator-panel-heading p{margin:0;color:#5f7089;font-size:15px}.configurator-options-body{flex:1 1 auto;min-height:0;overflow:hidden}.configurator-navigation{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:12px 18px 14px;border-top:1px solid #e4ebf4;background:#fff;flex:0 0 auto}.configurator-nav-button{height:50px;display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;justify-items:center;grid-column-gap:8px;column-gap:8px;border-radius:6px;font-family:var(--font-family-primary);font-size:16px;font-weight:var(--font-weight-demibold);line-height:1.1;text-align:center;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.configurator-nav-button>span,.summary-request-button>span,.summary-save-button>span{grid-column:2;min-width:0;text-align:center}.configurator-nav-button .button-icon,.summary-request-button .button-icon,.summary-save-button .button-icon{pointer-events:none}.configurator-nav-button .button-icon-left,.summary-save-button .button-icon-left{grid-column:1;justify-self:center}.configurator-nav-button .button-icon-right,.summary-request-button .button-icon-right{grid-column:3;justify-self:center}.configurator-nav-button.primary{color:white;background:#00315d;border:1px solid #00315d}.configurator-nav-button.secondary{color:#00315d;background:white;border:1px solid #006fd1}.configurator-nav-button:hover:not(:disabled){transform:translateY(-1px)}.configurator-nav-button:disabled{opacity:.45;cursor:not-allowed}.configurator-nav-button.primary:disabled{color:#718096;background:#e7edf4;border-color:#cbd5e1;opacity:1}.configurator-preview-panel{position:relative;overflow:hidden}.configurator-shell .configuration{height:100%}.configurator-shell .tab-body{height:100%;display:block}.configurator-shell .tab-bar{display:none}.configurator-shell .tab-content{height:100%;display:flex;flex-direction:column;overflow:hidden}.configurator-shell .Container{height:100%;padding:0 16px 12px;background:#fff;overflow:auto}.configurator-shell .headerSelection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;padding:0 0 14px}.configurator-shell .Container>.headerSelection{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:#fff}.configurator-shell .selectableElement{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce5f0;border-radius:6px;background:#fff;color:#17223a;font-size:14px;font-weight:var(--font-weight-demibold);line-height:1.15;text-align:center;cursor:pointer;transition:all .16s ease}.configurator-shell .selectableElement:hover{border-color:#80c9f7;background:#f4fbff}.configurator-shell .selectableElement.active{background:#00315d;border-color:#00315d;color:white}.configurator-shell .selectButtons{position:-webkit-sticky;position:sticky;top:0;z-index:20;min-height:42px;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;justify-items:center;grid-column-gap:6px;column-gap:6px;padding:9px 12px;border-bottom:1px solid #e5edf5;color:#11203b;background:#fff;font-size:14px;line-height:1.15;text-align:center}.configurator-shell .Container>.headerSelection~* .selectButtons{top:56px}.configurator-shell .selectButtons>div:first-child{grid-column:2;float:none!important;padding-left:0!important;text-align:center;justify-self:center}.configurator-shell .selectButtons>div:last-child:not(:first-child){grid-column:3;float:none!important;justify-self:end}.configurator-shell .selectButtons:hover{color:#005ca9;background:#f7fbff}.configurator-shell .subSection{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:12px 0 2px;align-items:stretch}.configurator-shell .subSection.active{display:grid}.configurator-shell .Card{position:relative;width:auto;min-width:0;min-height:140px;margin:0;padding:9px;border:1px solid #e0e8f2;border-radius:6px;box-shadow:none;background:#fff;color:#0f1c34;overflow:hidden}.configurator-shell .Card:hover{border-color:#87cfff;background:#f7fbff}.configurator-shell .Card.active{padding:8px;border:2px solid #0078df;box-shadow:0 0 0 1px rgba(0,120,223,.1)}.configurator-shell .Card.active:after{content:"";position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:999px;background:#00315d;box-shadow:inset 0 0 0 5px #00315d}.configurator-shell .Card.active:before{content:"";position:absolute;top:14px;right:15px;width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg);z-index:1}.configurator-shell .Card p{min-height:28px;margin:7px 0 0;font-size:13px;line-height:1.15;text-align:center}.configurator-shell .BasicShapeCard span{min-height:32px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}.configurator-shell .IMGs{height:92px!important;object-fit:scale-down}.configurator-shell .dimensionsContainer{padding:0 16px 12px}.configurator-shell .basicShapeContainer{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;padding:14px 0 0}.configurator-shell .BasicShapeCard{width:auto!important;height:190px;min-height:190px;display:flex;flex-direction:column}.configurator-shell .BasicShapeCard .shapeContainer{flex:1 1 auto;min-height:118px;height:auto}.configuration-summary{display:flex;flex-direction:column;padding:18px 16px 16px;overflow:auto}.configuration-summary h2{margin:0 0 12px;font-size:21px;line-height:1.15;color:#111a2e}.summary-previews{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:12px}.summary-preview-item{padding:0;border:0;background:transparent;display:grid;grid-gap:7px;gap:7px;justify-items:center;font-family:var(--font-family-primary);font-size:13px;font-weight:var(--font-weight-demibold);color:#1c2a43;cursor:pointer}.summary-preview-image{width:80px;height:96px;display:flex;align-items:center;justify-content:center;border:1px solid #d7e0ec;border-radius:6px;background:linear-gradient(180deg,#f9fbfd,#eef3f8);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.summary-preview-image img{width:100%;height:100%;object-fit:contain}.summary-preview-item:hover .summary-preview-image{border-color:#7cbfee}.summary-preview-item.active{color:#005ca9}.summary-preview-item.active .summary-preview-image{border-color:#0078d4;box-shadow:0 0 0 2px rgba(0,120,212,.14)}.summary-preview-item:focus-visible{outline:2px solid #0078d4;outline-offset:3px;border-radius:4px}.summary-rows{flex:0 0 auto;border:1px solid #e0e8f2;border-radius:8px;overflow:hidden}.summary-row{display:grid;grid-template-columns:1fr 34px;align-items:center;min-height:36px;padding:4px 8px 4px 12px;border-bottom:1px solid #e8eef6}.summary-row-din{grid-template-columns:1fr}.summary-row:last-child{border-bottom:0}.summary-row>div{min-width:0;display:grid;grid-template-columns:minmax(92px,.8fr) minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.summary-row-din>div{grid-template-columns:minmax(92px,.65fr) minmax(150px,1.35fr)}.summary-row span{color:#13213a;font-size:14px;font-weight:var(--font-weight-demibold)}.summary-row strong{min-width:0;color:#64748b;font-size:14px;font-weight:var(--font-weight-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-dimension-editor{min-width:0;display:grid;grid-template-columns:minmax(42px,1fr) auto minmax(42px,1fr) auto;grid-gap:5px;gap:5px;align-items:center}.summary-dimension-editor input{width:100%;min-width:0;height:26px;padding:2px 5px;border:1px solid #c6d3e3;border-radius:5px;color:#13213a;font-size:13px;font-family:inherit;background:#ffffff}.summary-dimension-editor input:focus{outline:2px solid rgba(0,120,212,.22);border-color:#0078d4}.summary-dimension-editor span{color:#64748b;font-size:12px;font-weight:var(--font-weight-regular)}.summary-row>button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;color:#547195;background:transparent;cursor:pointer}.summary-row>button .svg-inline--fa{width:15px;height:15px;min-width:15px;max-width:15px;max-height:15px}.summary-row>button:hover{color:#00315d;background:#edf7ff}.summary-din-toggle{width:100%;min-width:0;height:30px;display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;padding:2px;border:1px solid #cbd8e6;border-radius:6px;background:#eef4fa;cursor:pointer}.summary-din-toggle span{min-width:0;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#547195;font-size:12px;font-weight:var(--font-weight-demibold);line-height:1;white-space:nowrap}.summary-din-toggle span.active{background:#00315d;color:#fff}.summary-din-toggle:hover{border-color:#80c9f7}.summary-progress{display:grid;grid-gap:6px;gap:6px;margin:12px 6px 14px}.summary-progress div:first-child{display:flex;align-items:center;gap:4px;color:#5f7089;font-size:13px}.summary-progress strong{color:#005ca9}.summary-progress-track{height:5px;border-radius:999px;background:#d6e0ec;overflow:hidden}.summary-progress-track span{display:block;height:100%;border-radius:inherit;background:#009ee7}.summary-request-button,.summary-save-button{width:100%;min-height:46px;display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;justify-items:center;grid-column-gap:8px;column-gap:8px;border-radius:6px;font-family:var(--font-family-primary);font-size:16px;font-weight:var(--font-weight-demibold);line-height:1.1;text-align:center;cursor:pointer}.summary-save-button{margin-bottom:12px;color:#00315d;background:#fff;border:1px solid #006fd1}.summary-request-button{color:white;background:#009ee7;border:1px solid #009ee7;font-size:18px}.summary-save-button:hover{background:#f2f9ff}.summary-request-button:hover{background:#008dd0}.summary-privacy{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;color:#6b7b91;font-size:12px}.summary-privacy .svg-inline--fa{width:14px;height:14px;min-width:14px;max-width:14px;max-height:14px}@media (max-width:1400px){.configurator-main{grid-template-columns:minmax(330px,34vw) minmax(360px,1fr) minmax(300px,360px);padding:14px}.configurator-progress{padding-inline:36px}.configurator-shell .subSection{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1120px){.configurator-shell{overflow:auto}.configurator-main{height:auto;min-height:calc(100% - 104px);grid-template-columns:1fr;overflow:visible}.configuration-summary,.configurator-options-panel,.configurator-preview-panel{min-height:520px}.configuration-summary{min-height:0}}@media (max-width:767px){.ContentContainer{overflow:auto}.configurator-progress{height:92px;grid-template-columns:repeat(5,minmax(102px,1fr));padding:12px 12px 10px}.progress-step{min-width:102px}.progress-step-circle{width:42px;height:42px;font-size:16px}.progress-step-line{top:21px}.progress-step-number{display:none}.progress-step-label{font-size:12px}.configurator-main{min-height:calc(100% - 92px);padding:10px;gap:10px}.configurator-panel-heading{padding:14px 14px 8px}.configurator-panel-heading h1{font-size:20px}.configurator-navigation,.configurator-shell .headerSelection,.summary-previews{grid-template-columns:1fr}.configurator-shell .basicShapeContainer,.configurator-shell .subSection{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-row div{grid-template-columns:1fr;gap:2px}}