#app{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-large: 1280px;--breakpoint-configurator-wide: 1180px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--color-bg-page: #F5F5F5;--color-bg-white: #FFFFFF;--color-bg-black: #000000;--color-bg-placeholder: #E0E0E0;--color-bg-card: #FFFFFF;--color-text-primary: #000000;--color-text-light: #AAAAAA;--color-text-very-light: #CCCCCC;--color-text-white: #FFFFFF;--color-gradient-start: #7CBBB2;--color-gradient-end: #009B8E;--color-button-icon-bg: #000000;--color-primary: #4DC0B5;--color-primary-dark: #2C8C99;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-dark: #333333;--color-light: #f8f9fa;--color-border: #dee2e6;--color-text: #000000;--color-text-secondary: #666666;--color-text-muted: #999999;--page-gutter-x: clamp(1rem, 5vw, 3rem);--page-layout-max-width: calc(1599px - (2*clamp(1rem, 79.95px , 3rem))) ;--page-inline: var(--page-gutter-x);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 12px;--radius-xl: 15px;--shadow-card: 0px 4px 10px rgba(0, 0, 0, .1);--touch-target-min: 18px}@media(min-width:1600px){:root{--page-inline: max( var(--page-gutter-x), calc((100vw - var(--page-layout-max-width)) / 2) )}}html{height:100%}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-page);height:100%;margin:0;padding:0}#app{width:100%;min-height:100vh;background-color:var(--color-bg-page);display:flex;flex-direction:column}@media(max-width:767px){body{font-size:14px}}@media(max-width:1179px){:root{--page-inline: 12px}}button,a,input[type=checkbox],input[type=radio],select{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}@media(max-width:767px){button,a{padding:var(--spacing-sm) var(--spacing-md)}}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-secondary);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;min-height:var(--touch-target-min);background:var(--color-bg-white);color:var(--color-text-primary);font-family:var(--font-family)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-gradient-start);box-shadow:0 0 0 2px #4dc0b51a}.form-group select:disabled,.form-group input:disabled,.form-group textarea:disabled{background:var(--color-bg-page);cursor:not-allowed;color:var(--color-text-muted)}.form-group select option:disabled{color:#999}.hint{font-size:.85rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.hint.warning{color:#856404;background:#fff3cd;padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid #ffc107;font-size:.9rem}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media(min-width:480px){.radio-group{flex-direction:row;gap:var(--spacing-md)}}.radio-label,.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0;transition:opacity .2s}@media(hover:hover){.radio-label:hover,.checkbox-label:hover{opacity:.7}}.radio-label input[type=radio],.checkbox-label input[type=checkbox]{width:16px;height:16px;margin:0;flex-shrink:0;cursor:pointer;appearance:none;-webkit-appearance:none;border:2px solid var(--color-text-secondary);background:transparent;position:relative;transition:all .2s}.radio-label input[type=radio]{border-radius:50%}.checkbox-label input[type=checkbox]{border-radius:10px}.radio-label input[type=radio]:checked,.checkbox-label input[type=checkbox]:checked{background:var(--color-bg-black);border-color:var(--color-bg-black)}.radio-label input[type=radio]:checked:after,.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700;line-height:1}.radio-label input[type=radio]:disabled,.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.radio-label span,.checkbox-label span{font-size:.95rem;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;line-height:1.4}@media(min-width:1180px){html:has(.configurator-view){font-size:90%;--touch-target-min: 16px}html:has(.configurator-view) .image-selection-button-wrapper{--image-selection-tile: 97px}html:has(.configurator-view) .image-selection-button-wrapper--compact{--image-selection-tile: 79px}}