@import url(https://fonts.googleapis.com/css2?family=Alata&family=Noto+Sans:wght@400;600;700&display=swap);:root{--control-gap-xs:4px;--control-gap-sm:8px;--control-gap:12px;--control-gap-lg:16px;--control-gap-xl:24px;--control-padding:12px;--control-padding-lg:16px;--control-margin-bottom:24px;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-light:#dbeafe;--color-accent:#e84610;--color-accent-dark:#c1121f;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#dc2626;--color-info:#3b82f6;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--control-border-color:var(--color-gray-300);--control-bg:var(--color-gray-50);--control-bg-alt:var(--color-gray-100);--control-text:var(--color-gray-800);--control-text-muted:var(--color-gray-600);--control-hover-bg:var(--color-gray-100);--control-hover-border:var(--color-primary);--control-selected-border:var(--color-primary);--control-selected-bg:var(--color-primary-light);--control-selected-shadow:#2563eb4d;--control-selected-border-alt:var(--color-gray-400);--control-selected-bg-alt:var(--color-gray-200);--control-active-bg:var(--color-primary);--control-active-text:var(--color-white);--control-active-border:var(--color-primary-dark);--control-border-width:1px;--control-border-width-thick:2px;--control-radius:8px;--control-radius-lg:12px;--control-radius-xl:16px;--control-shadow-sm:0 1px 2px #0000000a;--control-shadow:0 2px 4px #0000000a,0 4px 8px #00000005;--control-shadow-md:0 4px 8px #0000000d,0 8px 16px #00000008,0 16px 24px #00000005;--control-shadow-lg:0 8px 16px #0000000f,0 16px 24px #0000000a,0 24px 32px #00000005;--control-shadow-selected:0 0 0 2px var(--color-primary-light);--button-shadow:0 1px 2px #0000000d;--card-shadow:var(--control-shadow-md);--control-transition:none;--control-transition-fast:none;--control-transition-slow:none;--control-font-size:14px;--control-font-size-sm:13px;--control-font-size-lg:16px;--control-font-weight:400;--control-font-weight-bold:600;--control-label-weight:var(--control-font-weight-bold);--control-heading-font-weight:var(--control-font-weight-bold);--control-image-sm:40px;--control-image-md:60px;--control-image-lg:80px;--control-image-xl:100px;--control-button-width-sm:80px;--control-button-width:100px;--control-button-width-lg:120px;--control-button-width-xl:150px;--control-button-width-xxl:180px;--svg-stroke-color:var(--color-gray-700);--svg-line-width:2px;--svg-text-color:var(--color-gray-800);--svg-arrow-size:10px}.control-wrapper{margin-bottom:var(--control-margin-bottom);transition:var(--control-transition)}.color-section{background-color:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--control-radius);margin-bottom:var(--control-gap);padding:12px 14px}.color-section-title{color:var(--control-text);font-size:var(--control-font-size-lg);font-weight:var(--control-label-weight);letter-spacing:.01em;margin:0 0 10px}.control-wrapper--no-margin{margin-bottom:0}.control-wrapper--top-margin{margin-top:var(--control-gap)}.control-label{color:var(--control-text);display:block;font-size:var(--control-font-size-lg);font-weight:var(--control-label-weight);margin-bottom:var(--control-gap-sm)}.control-button-grid{display:flex;flex-wrap:wrap;gap:var(--control-gap)}.control-button-grid,.control-button-grid>*{max-width:100%;min-width:0}.control-button-grid--wrap{flex-wrap:wrap}.control-button-grid--center{justify-content:center}.control-button-grid--gap-lg{gap:var(--control-gap-lg)}.control-button-grid--column{flex-direction:column}.control-button-grid--dynamic-columns{grid-gap:var(--control-gap);display:grid;gap:var(--control-gap);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-columns:repeat(var(--control-max-columns,4),minmax(0,1fr))}.control-button-grid--dynamic-columns .control-button{min-width:0;width:100%}.control-button{word-wrap:break-word;align-items:center;background-color:var(--control-bg);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);box-shadow:var(--control-shadow-sm);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;-webkit-hyphens:auto;hyphens:auto;max-width:100%;min-width:80px;overflow-wrap:break-word;padding:var(--control-padding);position:relative;text-align:center;transition:var(--control-transition)}.control-option-surcharge{background-color:#d1fae5;border:1px solid #6ee7b7;border-radius:999px;color:#0f5132;font-size:10px;font-weight:700;line-height:1;padding:2px 6px;position:absolute;right:6px;top:6px;white-space:nowrap}.control-button:hover{background-color:var(--control-hover-bg);border-color:var(--control-hover-border);box-shadow:var(--control-shadow);transform:translateY(-1px)}.control-button:focus{border-color:var(--control-hover-border);box-shadow:0 0 0 2px #2563eb40;outline:none}.control-button--selected{background-color:var(--control-selected-bg);border-color:var(--control-selected-border);box-shadow:var(--control-shadow-md)}.control-button--selected-alt{background-color:var(--control-selected-bg-alt);border-color:var(--control-selected-border-alt)}.control-button--selected-active{background-color:var(--control-active-bg);border-color:var(--control-active-border);color:var(--control-active-text)}.control-button--sm{width:var(--control-button-width-sm)}.control-button--md{width:var(--control-button-width)}.control-button--lg{width:var(--control-button-width-lg)}.control-button--xl{gap:var(--control-gap);padding:var(--control-padding-lg);width:var(--control-button-width-xl)}.control-button--xxl{width:var(--control-button-width-xxl)}.control-button--disabled{opacity:.45}.control-button--coming-soon,.control-button--disabled{cursor:not-allowed;pointer-events:none;position:relative}.control-button--coming-soon{opacity:.5}.control-button--coming-soon:hover{background-color:var(--control-bg);border-color:var(--control-border-color);box-shadow:var(--control-shadow-sm);transform:none}.coming-soon-badge{background-color:var(--color-warning);border-radius:3px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.04em;line-height:1.2;padding:2px 5px;pointer-events:none;position:absolute;right:6px;text-transform:uppercase;top:6px}.control-button--card{background-color:var(--control-bg-alt);border-radius:var(--control-radius-lg);border-width:var(--control-border-width-thick);box-shadow:var(--card-shadow)}.control-button--card:hover{box-shadow:var(--control-shadow-md)}.control-button--card.control-button--selected{background-color:#e0efff;border-color:var(--control-active-border);box-shadow:var(--control-shadow-selected)}.control-image{background-color:var(--control-bg);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);margin-bottom:5px;object-fit:contain}.control-image--sm{height:var(--control-image-sm);width:var(--control-image-sm)}.control-image--md{height:var(--control-image-md);width:var(--control-image-md)}.control-image--lg{height:var(--control-image-lg);width:var(--control-image-lg)}.control-image--placeholder{align-items:center;background-color:var(--control-bg-alt);border-radius:var(--control-radius);color:var(--control-text-muted);display:flex;font-size:var(--control-font-size);justify-content:center}.control-button-text{word-wrap:break-word;color:var(--control-text);font-size:var(--control-font-size);font-weight:var(--control-font-weight);line-height:1.3;max-width:100%;overflow-wrap:break-word}.control-button-text--sm{font-size:var(--control-font-size-sm)}.control-sub{border-left:2px solid var(--control-border-color);display:flex;flex-direction:column;gap:var(--control-gap);margin-top:var(--control-gap);min-width:0;overflow:visible;padding-left:20px}.control-sub .control-button-grid{flex-wrap:wrap}.control-sub .control-button{flex:0 1 auto;max-width:100%}.control-sub--flat{border-left:0;margin-top:0;padding-left:0}.rollladen-subcontrol-grid{--control-max-columns:4;--control-max-columns-tablet:2;--control-max-columns-mobile:2}.rollladen-subcontrol-grid .control-sub-button,.rollladen-subcontrol-grid .control-sub-dim{width:100%}.rollladen-subcontrol-grid .control-sub-button img{height:120px;max-height:120px;object-fit:contain;width:100%}.step2-image-frame{align-items:center;display:flex;height:120px;justify-content:center;width:100%}.step2-image-frame img{max-height:100%;max-width:100%;object-fit:contain}.sprossen-config{background:#f8fafc;border:1px solid var(--control-border-color);border-radius:var(--control-radius);display:flex;flex-direction:column;gap:14px;padding:14px}.sprossen-config__header{color:var(--control-text);font-size:var(--control-font-size-lg);font-weight:var(--control-label-weight)}.sprossen-config__row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:110px 1fr 56px}.sprossen-config__label{color:var(--control-text);font-size:var(--control-font-size-lg);font-weight:500;margin:0}.sprossen-config__range{accent-color:#0a6ed1;width:100%}.sprossen-config__value{background:#fff;border:1px solid var(--control-border-color);border-radius:8px;color:var(--control-text);font-size:28px;line-height:1;min-width:48px;padding:8px 6px;text-align:center}.control-sub .control-wrapper{margin-bottom:var(--control-gap)}.control-sub label,.control-sub-label{color:var(--control-text);font-size:15px;font-weight:var(--control-label-weight);margin-bottom:5px}.control-sub-button{align-items:center;background-color:var(--control-bg-alt);border:var(--control-border-width-thick) solid var(--control-border-color);border-radius:var(--control-radius-lg);box-shadow:var(--control-shadow-sm);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:var(--control-gap-sm);max-width:100%;padding:var(--control-padding);text-align:center;transition:var(--control-transition);width:140px}.control-sub-button:hover{border-color:var(--control-hover-border);box-shadow:var(--control-shadow-md);transform:translateY(-1px)}.control-sub-button--selected{background-color:#e0efff;border-color:var(--control-active-border);box-shadow:var(--control-shadow-md)}.control-sub-button img{border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);height:60px;object-fit:contain;width:100%}.control-sub-button span{color:var(--control-text);font-size:var(--control-font-size-sm);font-weight:var(--control-font-weight)}.control-sub-dim{background-color:var(--control-bg);border:var(--control-border-width-thick) solid var(--control-border-color);border-radius:var(--control-radius);box-shadow:var(--control-shadow-sm);cursor:pointer;font-size:var(--control-font-size);padding:12px 18px;text-align:left;transition:var(--control-transition);width:100%}.control-sub-dim:hover{border-color:var(--control-hover-border);box-shadow:var(--control-shadow-md)}.control-sub-dim--selected{background-color:#e0efff;border-color:var(--control-active-border);box-shadow:var(--control-shadow-md);font-weight:var(--control-label-weight)}.control-color-swatch{border:1px solid var(--control-border-color);border-radius:var(--control-radius);height:var(--control-image-sm);margin-bottom:5px;width:var(--control-image-sm)}.control-input-group{display:flex;flex-direction:column;min-width:0}.control-input-row{align-items:center;display:flex;gap:var(--control-gap);min-width:0}.control-input-separator{color:var(--control-text-muted);font-weight:var(--control-font-weight-bold)}.control-input{background-color:var(--color-white);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);box-shadow:var(--control-shadow-sm);font-size:var(--control-font-size);padding:10px 12px;transition:var(--control-transition)}.control-input:focus{border-color:var(--control-hover-border);box-shadow:0 0 0 2px #2563eb40;outline:none}.control-input--error{border-color:var(--color-danger);box-shadow:0 0 0 2px #dc354533}.control-select{background-color:var(--color-white);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);box-shadow:var(--control-shadow-sm);cursor:pointer;font-size:var(--control-font-size);padding:10px 12px;transition:var(--control-transition)}.control-select:focus{border-color:var(--control-hover-border);box-shadow:0 0 0 2px #2563eb40;outline:none}.control-error{color:var(--color-danger)}.control-error,.control-info{font-size:.85em;padding:var(--control-padding-sm) 0}.control-info{color:var(--control-text-muted)}.configurator-preview{align-items:stretch;background:linear-gradient(180deg,#fff,#f6f8fb);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius-lg);box-shadow:var(--control-shadow-sm);display:flex;flex-direction:column;gap:var(--control-gap);overflow:visible;padding:clamp(12px,1.5vw,20px);transition:filter .15s ease,opacity .15s ease}.configurator-preview>*{width:100%}.configurator-preview svg{display:block;height:auto;max-width:100%}.configurator-preview .door-preview,.configurator-preview .window-plotter-svg-container{display:flex;justify-content:center;width:100%}.configurator-preview--blur{filter:blur(3px);opacity:.6}.control-panel{background-color:var(--color-white);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius-lg);box-shadow:var(--control-shadow-sm);display:flex;flex-direction:column;gap:var(--control-margin-bottom);padding:var(--control-padding-lg)}.rahmen-control{grid-gap:var(--control-gap);align-items:stretch;display:grid;gap:var(--control-gap);grid-template-areas:"stahl stahl" "links rechts" "oben unten";grid-template-columns:repeat(2,minmax(0,120px))}.rahmen-select-group{align-items:flex-start;background-color:var(--color-white);border:1px solid var(--control-border-color);border-radius:var(--control-radius);box-sizing:border-box;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:0;padding:12px}.rahmen-select-group--links{grid-area:links}.rahmen-select-group--rechts{grid-area:rechts}.rahmen-select-group--oben{grid-area:oben}.rahmen-select-group--unten{grid-area:unten}.rahmen-label{color:var(--control-text);font-size:var(--control-font-size);font-weight:var(--control-font-weight);min-width:0}.rahmen-checkbox{align-items:center;background-color:#f8fafc;border:1px solid var(--control-border-color);border-radius:var(--control-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;flex-direction:column;gap:12px;justify-content:center;max-width:none;padding:10px 12px;text-align:center;width:100%}.rahmen-checkbox--stahl{grid-area:stahl}.rahmen-checkbox input{accent-color:#0a6ed1;flex-shrink:0;height:18px;margin:0;width:18px}.rahmen-checkbox-label{color:var(--control-text);font-size:var(--control-font-size);font-weight:var(--control-font-weight)}.rahmen-select-group .control-select{min-width:0!important;width:100%!important}.form-section-header{border-bottom:1px solid var(--control-border-color);color:var(--color-gray-800);font-size:1.2em;font-weight:var(--control-heading-font-weight);margin-bottom:var(--control-gap-lg);padding-bottom:var(--control-gap-sm)}@media (max-width:768px){.control-wrapper{margin-bottom:var(--control-gap-lg)}.control-button-grid--dynamic-columns{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-columns:repeat(var(--control-max-columns-tablet,var(--control-max-columns,2)),minmax(0,1fr))}.control-input-row{align-items:stretch;flex-direction:column;gap:var(--control-gap-sm)}.control-input-group{width:100%}.rahmen-control{grid-template-areas:"stahl stahl" "links rechts" "oben unten";grid-template-columns:repeat(2,minmax(0,1fr))}.control-input{min-width:0;width:100%}.control-input-separator{display:none}.sprossen-config__row{gap:8px;grid-template-columns:1fr}.sprossen-config__value{justify-self:end;width:64px}}@media (max-width:480px){.control-button-grid--dynamic-columns{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-columns:repeat(var(--control-max-columns-mobile,var(--control-max-columns-tablet,var(--control-max-columns,2))),minmax(0,1fr))}.control-button-grid{gap:var(--control-gap-sm)}.control-button--lg,.control-button--md,.control-button--sm,.control-button--xl{min-width:70px;padding:var(--control-padding-sm)}.control-sub-button{padding:var(--control-padding-sm);width:120px}.control-sub-dim{font-size:var(--control-font-size-sm);padding:10px 12px}}.info-notice{align-items:flex-start;border-radius:var(--control-radius);display:flex;font-size:var(--control-font-size-sm);gap:10px;line-height:1.5;margin-bottom:12px;padding:10px 14px}.info-notice--error{background-color:#fff3cd;border:1px solid #ffc107;color:#664d03}.info-notice--reset{background-color:#e8f4fd;border:1px solid #90caf9;color:#0d47a1}.info-notice__icon{flex-shrink:0;font-size:1rem;font-style:normal;line-height:1.5}.info-notice__close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:1.1rem;line-height:1;margin-left:auto;opacity:.7;padding:0 2px}.info-notice__close:hover{opacity:1}.view-toggle{display:flex;justify-content:center;margin-bottom:var(--control-gap)}.view-toggle__button{align-items:center;background:var(--control-bg);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);color:var(--control-text-muted);cursor:pointer;display:inline-flex;font-size:var(--control-font-size-sm);font-weight:var(--control-font-weight);gap:6px;line-height:1.4;padding:6px 16px;transition:var(--control-transition-fast)}.view-toggle__button:hover{background:var(--control-hover-bg);border-color:var(--control-hover-border);color:var(--control-text)}.view-toggle__icon{flex-shrink:0}.window-plotter-svg-container{align-items:flex-start;display:flex;justify-content:center;width:100%}.window-plotter-svg{display:block;height:auto;max-width:100%;overflow:visible;width:min(100%,42rem)}.dimension-labels text{font-weight:700;-webkit-user-select:none;user-select:none}.window-mullion{filter:drop-shadow(1px 0 2px rgba(0,0,0,.1))}.shutter-box rect:first-child{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}@media (max-width:768px){.window-plotter-svg-container{justify-content:stretch}.window-plotter-svg{width:100%}}@media print{.window-plotter-svg-container{background-color:#fff}}.configurator-form{align-items:flex-start;display:flex;flex-direction:row;gap:var(--control-gap-lg);justify-content:flex-start;margin:var(--control-margin-bottom)}.right-column form{border:var(--control-border-width) solid var(--control-border-color);box-sizing:border-box;margin:0 auto var(--control-margin-bottom) auto!important;max-width:600px!important;min-width:0;width:100%!important}.configurator-layout__title,.right-column form{background-color:var(--color-white);border-radius:var(--control-radius-lg);box-shadow:var(--control-shadow-sm);padding:var(--control-padding-lg)}.configurator-layout__title{border:var(--control-border-width) solid var(--control-border-color);border-bottom:1px solid #eee;margin:0;padding-bottom:10px}.section-header{margin-bottom:var(--control-margin-bottom)}.section-header-row{align-items:center;background-color:var(--color-white);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius-lg);box-shadow:var(--control-shadow-sm);display:flex;gap:var(--control-gap);justify-content:space-between;min-width:0;padding:var(--control-padding-lg)}.section-header-title{background:none;border:none;box-shadow:none;flex:1 1 auto;margin:0;min-width:0;overflow-wrap:anywhere;padding:0;word-break:break-word}.help-button{align-items:center;background-color:var(--color-white);border:var(--control-border-width-thick) solid var(--color-primary);border-radius:50%;color:var(--color-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:var(--control-font-weight-bold);height:28px;justify-content:center;min-width:28px;padding:0;transition:var(--control-transition);width:28px}.help-button:hover{background-color:var(--color-primary);color:var(--color-white);transform:scale(1.1)}.help-button:focus{box-shadow:0 0 0 3px var(--control-selected-shadow);outline:none}.help-tooltip{animation:slideDown .2s ease-out;background-color:var(--color-primary-light);border:var(--control-border-width) solid var(--color-primary);border-radius:var(--control-radius-lg);margin-top:var(--control-gap);padding:var(--control-padding-lg)}.help-tooltip p{color:var(--color-gray-800);font-size:var(--control-font-size);line-height:1.5;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.section-header--h3{margin-bottom:var(--control-gap-lg)}.section-header--h3 .section-header-row{background-color:var(--color-gray-50);border-color:var(--color-gray-200);padding:var(--control-padding)}.section-header--h3 .section-header-title{font-size:1.1rem}.section-header--h3 .help-tooltip{padding:var(--control-padding)}.help-button--sm{font-size:13px;height:22px;min-width:22px;width:22px}.control-label-row{align-items:center;display:flex;gap:var(--control-gap-sm);margin-bottom:var(--control-gap-sm)}.control-label-row .control-label{margin-bottom:0}.control-label-row .help-button{border-width:1px;font-size:12px;height:20px;min-width:20px;width:20px}.control-help-tooltip{animation:slideDown .2s ease-out;background-color:var(--color-primary-light);border:var(--control-border-width) solid var(--color-primary);border-radius:var(--control-radius);margin-bottom:var(--control-gap);padding:var(--control-padding)}.control-help-tooltip p{color:var(--color-gray-800);font-size:var(--control-font-size-sm);line-height:1.4;margin:0}.form-group{border-radius:var(--control-radius);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--control-gap);margin-bottom:var(--control-gap-lg);max-width:100%;min-width:0;padding:0 var(--control-padding);transition:var(--control-transition)}.form-group:hover{background-color:#2563eb08}.form-group--with-border{background-color:var(--color-white);border:var(--control-border-width) solid var(--control-border-color);box-shadow:var(--control-shadow-sm)}.form-group--horizontal{align-items:center;flex-direction:row;gap:var(--control-gap-lg)}.form-group--horizontal>*{margin-bottom:0;min-width:0}.horizontal-group{display:flex;flex-wrap:wrap;gap:var(--control-gap-lg);margin-bottom:var(--control-gap-lg)}.horizontal-group,.horizontal-group>*{max-width:100%;min-width:0}label{color:#222;display:block;font-size:var(--control-font-size-lg);font-weight:var(--control-label-weight);margin-bottom:var(--control-gap-sm)}input,select{background-color:var(--color-white);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);box-shadow:var(--control-shadow-sm);box-sizing:border-box;color:#222;font-size:var(--control-font-size);min-width:180px;padding:var(--control-padding);transition:var(--control-transition);width:auto}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input:focus,select:focus{border-color:var(--control-hover-border);box-shadow:0 0 0 2px #2563eb40;outline:none}.action-button{align-items:center;background-color:var(--color-accent);border:none;border-radius:var(--control-radius);box-shadow:var(--button-shadow);box-sizing:border-box;color:var(--color-white);cursor:pointer;display:inline-flex;font-family:Tahoma,sans-serif;font-size:var(--control-font-size-lg);font-weight:var(--control-font-weight-bold);justify-content:center;letter-spacing:.02em;margin-top:var(--control-margin-bottom);max-width:100%;min-width:200px;padding:var(--control-padding) var(--control-gap-lg);text-decoration:none;text-transform:uppercase;transition:var(--control-transition-slow);width:auto}.action-button:hover{background-color:var(--color-accent-dark);box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.action-button:active{transform:translateY(0)}.action-button--secondary{background-color:var(--color-primary);color:var(--color-white)}.action-button--secondary:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 6px #0000001a}.action-button--outline{background-color:initial;border:var(--control-border-width) solid var(--color-primary);color:var(--color-primary)}.action-button--outline:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.summary-container{background-color:var(--color-white);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius-lg);margin-top:var(--control-margin-bottom)}.summary-container,.summary-price-row{box-shadow:var(--control-shadow-sm);padding:var(--control-padding-lg)}.summary-price-row{background-color:var(--color-gray-50);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);color:var(--color-danger);font-size:24px;font-weight:var(--control-label-weight);text-align:center}.summary-price-row,.summary-sections{margin-bottom:var(--control-margin-bottom)}.summary-list{list-style-type:decimal;padding-left:var(--control-gap-lg)}.summary-list-item{border-bottom:1px dashed var(--control-border-color);margin-bottom:8px;padding:var(--control-padding-sm) 0}.summary-list-item:last-child{border-bottom:none}.summary-section-title{align-items:center;color:var(--color-gray-700);cursor:pointer;display:flex;font-weight:var(--control-label-weight);justify-content:space-between;margin-bottom:var(--control-gap-sm);padding:var(--control-padding-sm) 0;-webkit-user-select:none;user-select:none}.summary-section-title:hover{color:var(--color-primary)}.summary-label{color:#222;font-weight:var(--control-label-weight)}.summary-value{color:#222;margin-left:5px}.summary-image{margin-top:var(--control-gap-lg);text-align:center}.summary-image img{border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius-lg);box-shadow:var(--control-shadow-sm);width:150px}button{box-sizing:border-box;cursor:pointer;font-family:Tahoma,sans-serif;transition:var(--control-transition-slow)}.button-primary,button[type=submit]{background-color:var(--color-accent);border:none;border-radius:var(--control-radius);box-shadow:var(--button-shadow);color:#222;font-size:var(--control-font-size-lg);font-weight:var(--control-font-weight-bold);letter-spacing:.02em;min-width:120px;padding:var(--control-padding) var(--control-gap-lg);text-transform:uppercase;width:auto}.button-primary:hover,button[type=submit]:hover{background-color:var(--color-accent-dark);box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.right-column .button-container{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:var(--control-gap-lg) auto 0 auto!important;max-width:600px!important;min-width:0;padding:0;width:100%!important}.configurator-layout{grid-gap:var(--control-gap-lg);align-items:start;background-color:var(--color-gray-50);box-sizing:border-box;display:grid;gap:var(--control-gap-lg);grid-template-columns:minmax(0,1fr) minmax(0,2fr);min-height:100vh;padding:var(--control-padding-lg)}.left-column,.right-column{background:var(--color-white);border:var(--control-border-width) solid #0000;border-radius:var(--control-radius-lg);box-shadow:var(--card-shadow);box-sizing:border-box;min-width:0;padding:var(--control-padding-xl);width:auto}.right-column{overflow-x:hidden}@media (min-width:769px){.left-column{width:100%}.right-column{max-width:none;padding-right:0;width:100%}.right-column form{margin:0 0 var(--control-margin-bottom) 0!important;max-width:none!important}}.left-column{align-self:start;display:flex;flex-direction:column;gap:var(--control-gap-lg);height:auto;max-height:calc(100vh - var(--control-padding-lg)*2);overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;top:var(--control-padding-lg)}.left-column .summary-container{box-sizing:border-box;margin-top:0;max-width:100%}.configurator-layout__subtitle{color:#666;font-size:.8em;font-weight:400}.configurator-layout__error{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;box-sizing:border-box;color:#856404;font-size:.9em;max-width:100%;padding:10px}.door-preview{align-items:flex-start;display:flex;justify-content:center;width:100%}.door-preview svg{display:block;height:auto;width:min(100%,42rem)}.left-column::-webkit-scrollbar{width:6px}.left-column::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.left-column::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:3px}.left-column::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.summary{background-color:var(--color-gray-50);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius-lg);margin-top:var(--control-gap-lg);padding:var(--control-padding-lg)}.summary h3{color:var(--color-gray-800);font-size:18px;margin-bottom:var(--control-gap)}.summary p{color:var(--color-gray-700);font-size:16px;margin:var(--control-gap-sm) 0}.navigation{background-color:var(--color-gray-50);border-bottom:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius) var(--control-radius) 0 0;display:flex;flex-wrap:wrap;gap:var(--control-gap-sm);min-width:0;padding:var(--control-padding-sm)}.navigation button{align-items:center;background-color:var(--color-white);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);cursor:pointer;display:flex;flex:1 1 96px;font-size:12px;font-weight:var(--control-font-weight-bold);justify-content:center;line-height:1.2;min-width:0;padding:6px 12px;text-align:center;transition:var(--control-transition)}.navigation button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.navigation button:hover{background-color:var(--control-hover-bg);border-color:var(--color-primary)}.image-selection{display:flex;flex-wrap:wrap;gap:var(--control-gap);margin-top:var(--control-gap-lg)}.image-selection img{border:var(--control-border-width) solid #0000;border-radius:var(--control-radius);box-shadow:var(--control-shadow-sm);cursor:pointer;height:100px;object-fit:cover;transition:var(--control-transition);width:100px}.image-selection img:hover{box-shadow:var(--control-shadow-md);transform:scale(1.05)}.image-selection img.selected{border-color:var(--color-primary);box-shadow:var(--control-shadow-selected)}@media (max-width:768px){.window-configurator-wrapper{--wc-mobile-site-header-offset:60px;--wc-mobile-sticky-top-offset:0px;--wc-mobile-sticky-z-index:20}.window-configurator-wrapper,.window-configurator-wrapper .App,.window-configurator-wrapper .configurator-layout,.window-configurator-wrapper .left-column,.window-configurator-wrapper .left-column--mobile,.window-configurator-wrapper .window-configurator-root{overflow:visible}body.admin-bar .window-configurator-wrapper{--wc-mobile-sticky-top-offset:32px}@media screen and (max-width:782px){body.admin-bar .window-configurator-wrapper{--wc-mobile-sticky-top-offset:46px}}.configurator-form{margin:var(--control-gap)}form{margin-bottom:var(--control-gap-lg);padding:var(--control-padding-lg)}.configurator-layout__title{font-size:1.4rem;padding:var(--control-padding)}.configurator-layout{grid-gap:var(--control-gap);display:grid;gap:var(--control-gap);grid-template-columns:1fr;padding:var(--control-padding)}.left-column{height:auto;max-height:none;order:2;overflow:visible;padding:var(--control-padding-lg);position:static;width:100%}.right-column{order:1}.left-column--mobile{background:#0000;border:none;box-shadow:none;overflow:visible;padding:0}.left-column--mobile,.mobile-configurator-header{display:flex;flex-direction:column;gap:var(--control-gap)}.mobile-configurator-header{margin-bottom:calc(var(--control-gap-sm)*-1)}.mobile-price-banner-wrapper{align-self:stretch;background:var(--color-gray-50);margin:0 calc(var(--control-padding)*-1) calc(var(--control-gap)*-1);padding:var(--control-gap) var(--control-padding) 0;position:-webkit-sticky;position:sticky;top:60px;top:calc(var(--wc-mobile-site-header-offset, 60px) + var(--wc-mobile-sticky-top-offset, 0px));z-index:20;z-index:var(--wc-mobile-sticky-z-index,20)}.mobile-price-banner{align-items:center;background:#f4f6fb;border:none;border:var(--control-border-width) solid #d8deeb;border-radius:var(--control-radius-lg);box-shadow:0 8px 20px #00000014;display:flex;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.mobile-price-banner__panel{background:var(--color-white);border:var(--control-border-width) solid #d8deeb;border-bottom-left-radius:var(--control-radius-lg);border-bottom-right-radius:var(--control-radius-lg);border-top:none;box-shadow:0 12px 26px #0000001a;max-height:0;opacity:0;overflow:hidden;padding:0 var(--control-padding);pointer-events:none;transition:max-height .2s ease,opacity .2s ease,padding .2s ease}.mobile-price-banner__panel--expanded{max-height:1400px;opacity:1;padding:var(--control-padding);pointer-events:auto}.mobile-price-banner__content{display:flex;flex-direction:column;gap:2px}.mobile-price-banner__label{color:#64748b;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.mobile-price-banner__amount{color:#c51616;font-size:24px;font-weight:700;line-height:1.1}.mobile-price-banner__hint{color:#334155;font-size:13px}.mobile-price-banner__icon{color:#1e293b;font-size:20px;line-height:1}.mobile-price-banner--expanded{border-bottom-left-radius:var(--control-radius);border-bottom-right-radius:var(--control-radius)}.left-column--mobile .configurator-layout__title,.left-column--mobile .navigation,.left-column--mobile .summary-container,.mobile-configurator-header .configurator-layout__title,.mobile-configurator-header .navigation{background:var(--color-white);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius-lg);box-shadow:var(--control-shadow-sm);padding:var(--control-padding-lg)}.left-column--mobile .navigation,.mobile-configurator-header .navigation{align-items:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0;padding:var(--control-padding-sm)}.left-column--mobile .navigation.navigation--single-step,.mobile-configurator-header .navigation.navigation--single-step{grid-template-columns:minmax(0,1fr)}.left-column--mobile .navigation button,.mobile-configurator-header .navigation button{min-height:40px;padding:8px 10px;white-space:normal;width:100%}.left-column--mobile .configurator-layout__title,.left-column--mobile .summary-container,.mobile-configurator-header .configurator-layout__title{margin-bottom:0}.left-column--mobile .summary-container{margin-top:0}.left-column--mobile .configurator-layout__error,.mobile-configurator-header .configurator-layout__error{margin-bottom:0}.right-column{padding:0 var(--control-padding-lg) var(--control-padding-lg);width:100%}.right-column form{max-width:100%!important;width:100%!important}.form-group--horizontal{align-items:stretch;flex-direction:column;gap:var(--control-gap)}.form-group{margin-bottom:var(--control-gap);min-width:0}input,label,select{font-size:var(--control-font-size)}input,select{max-width:100%;min-width:0;padding:var(--control-padding);width:100%}.summary h3{font-size:16px}.summary p{font-size:14px}.image-selection img{height:80px;width:80px}.button-primary,button[type=submit]{font-size:var(--control-font-size-lg);padding:var(--control-padding) var(--control-gap)}.action-button{font-size:16px;margin-top:var(--control-gap);max-width:100%;padding:var(--control-padding) var(--control-gap);width:100%}.button-container{margin:var(--control-gap) auto 0 auto;max-width:100%}}@media (max-width:480px){.configurator-form{margin:var(--control-gap-sm)}form{max-width:100%;padding:var(--control-padding)}.configurator-layout__title{font-size:1.2rem;padding:var(--control-padding-sm)}.left-column,.right-column{padding:var(--control-padding)}.form-group{margin-bottom:var(--control-gap-sm)}input,label,select{font-size:13px}input,select{padding:var(--control-padding-sm)}.summary{padding:var(--control-padding)}.summary h3{font-size:15px}.summary p{font-size:13px}.image-selection{gap:var(--control-gap-sm)}.image-selection img{height:70px;width:70px}.navigation button{font-size:11px;padding:6px 8px}.action-button{font-size:14px;margin-top:var(--control-gap-sm);padding:var(--control-padding-sm) var(--control-gap-sm)}.button-container{margin:var(--control-gap-sm) auto 0 auto;max-width:100%}}body{background-color:var(--color-gray-50);color:var(--control-text);line-height:1.6;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6{font-family:Tahoma,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--color-gray-800);font-weight:var(--control-heading-font-weight);margin-bottom:var(--control-gap-sm);margin-top:0}h2{font-size:1.8rem;letter-spacing:-.02em}h3{font-size:1.4rem}.App{margin-top:20px;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:20px}.header{margin-bottom:var(--control-gap-lg);padding:var(--control-padding-lg) 0;text-align:center}.header h1{color:var(--color-gray-900);margin-bottom:var(--control-gap)}.header p{color:var(--color-gray-600);margin:0 auto;max-width:700px}.controls{display:flex;justify-content:space-between;margin-bottom:var(--control-gap-lg)}.control{flex:1 1;margin:0 var(--control-gap)}.preview{background-color:var(--color-white);border:var(--control-border-width) solid var(--control-border-color);border-radius:var(--control-radius);box-shadow:var(--control-shadow-sm);padding:var(--control-padding-lg);transition:var(--control-transition)}.preview:hover{box-shadow:var(--control-shadow-md)}.footer{border-top:var(--control-border-width) solid var(--control-border-color);color:var(--color-gray-600);margin-top:var(--control-gap-lg);padding:var(--control-padding-lg) 0;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}