.sri-container{width:100%;position:relative}.sri-field{align-items:stretch;gap:4px;width:100%;display:flex}.sri-input-row{border:1px solid var(--color-border);background:var(--color-workspace);border-radius:6px;flex:1;align-items:stretch;min-width:0;transition:border-color .15s;display:flex;overflow:hidden}.sri-input-row:focus-within,.sri-input-row.open{border-color:var(--color-primary)}.sri-input{min-width:0;color:var(--color-secondary);text-align:right;background:0 0;border:none;outline:none;flex:1;padding:7px 4px 7px 6px;font-size:12px;font-weight:600}.sri-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sri-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sri-input[type=number]{appearance:textfield}.sri-unit{color:#94a3b8;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:0 5px 0 2px;font-size:10px;display:flex}.sri-toggle{border:1px solid var(--color-border);background:var(--color-workspace);color:#94a3b8;cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s,border-color .15s;display:flex}.sri-toggle:hover{color:var(--color-primary);background:#f1f5f9;border-color:#cbd5e1}.sri-toggle.open{color:var(--color-primary);border-color:var(--color-primary);background:#f1f5f9}.sri-dropdown{z-index:200;background:var(--color-surface,#fff);border:none;border-radius:10px;flex-direction:column;gap:6px;width:220px;padding:12px 12px 8px;display:flex;position:absolute;top:calc(100% + 6px);left:auto;right:0;box-shadow:0 4px 24px #00000024}.sri-slider{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--color-primary) var(--sri-fill,0%), #e2e8f0 var(--sri-fill,0%));border-radius:2px;outline:none;width:100%;height:4px}.sri-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 0 1.5px var(--color-primary), 0 2px 4px #00000026;border:2px solid #fff;border-radius:50%}.sri-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 0 1.5px var(--color-primary), 0 2px 4px #00000026;border:2px solid #fff;border-radius:50%}.sri-input-row--locked{background:#f8fafc}.sri-input-row--locked .sri-input{color:#94a3b8;cursor:default;-webkit-user-select:none;user-select:none}.sri-dropdown--fixed{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.sri-fixed-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.sri-fixed-value{color:var(--color-secondary);font-size:15px;font-weight:600}.sri-hints{color:#94a3b8;-webkit-user-select:none;user-select:none;justify-content:space-between;padding:0 1px;font-size:10px;display:flex}
.texture-group-select{flex-shrink:0;position:relative}.texture-group-select__trigger{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #0000;border-radius:9999px;outline:none;align-items:center;gap:.375rem;padding:.375rem .7rem;font-size:.8125rem;font-weight:600;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.texture-group-select__trigger:hover{background:#e5e7eb}.texture-group-select__trigger:focus-visible{box-shadow:0 0 0 2px #2563eb59}.texture-group-select__trigger[aria-expanded=true]{color:var(--color-primary,#2563eb);border-color:var(--color-primary,#2563eb);background:#fff;box-shadow:0 0 0 3px #2563eb1f}.texture-group-select__value{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.texture-group-select__icon{opacity:.6;justify-content:center;align-items:center;transition:transform .2s;display:flex}.texture-group-select__trigger[aria-expanded=true] .texture-group-select__icon{opacity:1;transform:rotate(180deg)}.texture-group-select__dropdown{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);z-index:20;transform-origin:0 0;border-radius:.75rem;min-width:10rem;max-height:16rem;padding:.375rem;animation:.14s ease-out texture-group-select-pop;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 10px 24px #0f172a1f,0 2px 6px #0f172a0f}@keyframes texture-group-select-pop{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.texture-group-select__option{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.5rem .625rem;font-size:.8125rem;font-weight:500;transition:background .12s,color .12s;display:flex}.texture-group-select__option-main{align-items:center;gap:.5rem;min-width:0;display:flex}.texture-group-select__type-icon{opacity:.7;flex-shrink:0;display:flex}.texture-group-select__option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.texture-group-select__option-check{color:var(--color-primary,#2563eb);flex-shrink:0}.texture-group-select__option:hover{color:#1f2937;background:#f3f4f6}.texture-group-select__option--active{color:var(--color-primary,#2563eb);background:#eff6ff;font-weight:600}.texture-group-select__option--active:hover{background:#dbeafe}
.facade-type-selector{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.facade-type-option{width:56px;height:56px;color:var(--color-secondary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex}.facade-type-option:hover{color:var(--color-text,#1f2937)}.facade-type-option.active,.facade-type-option.active:hover{color:var(--color-primary)}.facade-type-option__icon{color:inherit;justify-content:center;align-items:center;display:flex}.facade-style-option{width:44px;height:44px}
.texture-selector-sidebar{background:var(--color-surface,#fff);flex-direction:column;height:100%;min-height:0;display:flex}.texture-selector-sidebar-header{border-bottom:1px solid var(--color-border,#e5e7eb);flex-shrink:0;align-items:center;gap:.5rem;min-height:2.25rem;padding:.5rem 1rem;display:flex}.texture-selector-sidebar-header-start{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.texture-selector-sidebar-title{color:#1f2937;word-wrap:break-word;overflow-wrap:break-word;flex:0 auto;margin:0;padding:0;font-size:.875rem;font-weight:600;line-height:1.3}.texture-selector-sidebar-header-supplier{flex-shrink:0;align-items:center;display:inline-flex}.texture-selector-sidebar-header-spacer{flex:0 0 .5rem;min-width:.5rem}.texture-selector-sidebar-expand{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;transition:all .2s;display:flex}.texture-selector-sidebar-expand:hover{color:#1f2937;background-color:#f3f4f6}.texture-selector-sidebar-close{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.texture-selector-sidebar-close:hover{color:#1f2937;background-color:#f3f4f6}.texture-selector-sidebar-attribution{color:#9ca3af;border-bottom:1px solid var(--color-border,#e5e7eb);flex-shrink:0;padding:.375rem 1rem;font-size:.7rem;line-height:1.4}.texture-selector-sidebar-attribution a{color:#6b7280;font-weight:500;text-decoration:underline}.texture-selector-sidebar-attribution a:hover{color:#374151}.texture-selector-sidebar-toolbar{border-bottom:1px solid var(--color-border,#e5e7eb);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.texture-selector-sidebar-tabs{flex-wrap:wrap;flex:1;align-items:flex-start;gap:.375rem;min-width:0;display:flex}.texture-selector-sidebar-search-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:color .2s,background-color .2s;display:flex}.texture-selector-sidebar-search-toggle:hover{color:#374151;background-color:#f3f4f6}.texture-selector-sidebar-search{border:1px solid var(--color-border,#e5e7eb);box-sizing:border-box;background-color:#fff;border-radius:.25rem;outline:none;flex-shrink:0;width:7rem;min-width:5rem;height:2.25rem;padding:0 .625rem;font-size:.8125rem}.texture-selector-sidebar-search--open{flex:1;min-width:0;margin:0}.texture-selector-sidebar-search-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;min-width:2.25rem;height:2.25rem;margin:0;font-size:1.25rem;line-height:1;transition:color .2s,background-color .2s;display:flex}.texture-selector-sidebar-search-close:hover{color:#1f2937;background-color:#f3f4f6}.texture-selector-sidebar-search::placeholder{color:#9ca3af}.texture-selector-sidebar-search:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.texture-selector-sidebar-type-filter{color:#6b7280;cursor:pointer;white-space:nowrap;box-sizing:border-box;background-color:#0000;border:1px solid #0000;border-radius:9999px;align-items:center;height:auto;min-height:0;padding:.3rem .65rem;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.texture-selector-sidebar-type-filter:hover{color:#374151;background-color:#f3f4f6}.texture-selector-sidebar-type-filter.active{color:#1f2937;background-color:#f3f4f6;border-color:#f3f4f6}.texture-selector-sidebar-body{flex:1;min-height:0;padding:.6rem;overflow-y:auto}.texture-selector-sidebar-mount-size{align-items:center;gap:.5rem;display:flex}.texture-selector-sidebar-mount-size-label{color:#6b7280;white-space:nowrap;font-size:.8125rem;font-weight:500}.texture-selector-sidebar-placeholder{color:#6b7280;text-align:center;padding:2rem;font-size:.875rem}.texture-selector-sidebar-loader{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.texture-selector-sidebar-spinner{border:3px solid var(--color-border,#e5e7eb);border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite texture-selector-sidebar-spin}@keyframes texture-selector-sidebar-spin{to{transform:rotate(360deg)}}.texture-selector-sidebar-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.texture-selector-sidebar-error-message{color:#dc2626;margin:0;font-size:.875rem}.texture-selector-sidebar-error-retry{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.texture-selector-sidebar-error-retry:hover{background-color:#2563eb}.texture-selector-sidebar-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.3rem;display:grid}.texture-selector-sidebar-item{cursor:pointer;border:1px solid #0000;border-radius:.375rem;flex-direction:column;padding:0;transition:all .2s;display:flex;overflow:hidden}.texture-selector-sidebar-item:hover{border-color:#3b82f6;box-shadow:0 2px 4px #0000001a}.texture-selector-sidebar-item.active{border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 2px #3b82f640}.texture-selector-sidebar-item.active .texture-selector-sidebar-item-name,.texture-selector-sidebar-item.active .texture-selector-sidebar-item-code{color:var(--color-primary,#3b82f6)}.texture-selector-sidebar-item-preview-wrapper{flex-shrink:0;position:relative}.texture-selector-sidebar-item-preview{aspect-ratio:16/9;background-color:#e5e7eb;border-radius:.25rem .25rem 0 0;width:100%}.texture-selector-sidebar-item-preview-img{object-fit:cover;height:100%;display:block}.texture-selector-sidebar-item-color-dot{pointer-events:none;background-color:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px;box-shadow:0 0 0 1px #0003}.texture-selector-sidebar-item-info{flex-direction:column;flex-shrink:0;gap:.25rem;padding:.3rem;display:flex}.texture-selector-sidebar-item-name{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;line-height:1.25;overflow:hidden}.texture-selector-sidebar-item-code{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.texture-selector-sidebar-combinations{flex-direction:column;gap:.75rem;display:flex}.texture-selector-sidebar-combination{border:1px solid var(--color-border,#e5e7eb);cursor:pointer;background:#fff;border-radius:.5rem;width:100%;padding:0;transition:border-color .2s,box-shadow .2s;display:block;position:relative}.texture-selector-sidebar-combination:hover:not(:disabled){border-color:var(--color-primary,#3b82f6);box-shadow:0 2px 8px #00000014}.texture-selector-sidebar-combination:disabled{opacity:.6;cursor:not-allowed}.texture-selector-sidebar-combination.active{border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 2px #3b82f640}.texture-selector-sidebar-combination-active-badge{background:var(--color-primary,#3b82f6);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 1px 3px #00000059}.texture-selector-sidebar-combination-previews{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.texture-selector-sidebar-combination-preview{aspect-ratio:1;border-radius:0;position:relative;overflow:hidden}.texture-selector-sidebar-combination-code{color:#ffffffbf;text-shadow:0 0 1px #00000080;font-size:.55rem;font-weight:500;position:absolute;bottom:2px;right:2px}.texture-selector-sidebar-combination-code--empty{color:#9ca3af;text-shadow:none}.texture-selector-sidebar-combination-preview:first-child{border-radius:.375rem 0 0 .375rem}.texture-selector-sidebar-combination-preview:last-child{border-radius:0 .375rem .375rem 0}.texture-selector-sidebar-combination-preview img,.texture-selector-sidebar-combination-preview>div{object-fit:cover;width:100%;height:100%}.texture-selector-sidebar-combination-preview--empty{background:#e5e7eb}.color-picker{-webkit-user-select:none;user-select:none;flex-direction:column;gap:10px;display:flex}.color-picker__square{aspect-ratio:1;cursor:crosshair;border-radius:.375rem;width:100%;position:relative;overflow:hidden}.color-picker__square-white{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.color-picker__square-black{background:linear-gradient(#0000,#000);position:absolute;inset:0}.color-picker__thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #0000001a}.color-picker__hue{appearance:none;cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:7px;outline:none;width:100%;height:14px}.color-picker__hue::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #00000040,0 1px 4px #0003}.color-picker__bottom{align-items:center;gap:8px;display:flex}.color-picker__preview{border:1px solid var(--color-border,#e5e7eb);border-radius:.375rem;flex-shrink:0;width:32px;height:32px}.color-picker__hex-row{border:1px solid var(--color-border,#e5e7eb);border-radius:.375rem;flex:1;align-items:center;height:32px;display:flex;overflow:hidden}.color-picker__hex-prefix{color:#9ca3af;border-right:1px solid var(--color-border,#e5e7eb);background:#f9fafb;align-items:center;height:100%;padding:0 8px;font-size:.7rem;font-weight:600;display:flex}.color-picker__hex-input{text-transform:uppercase;background:#fff;border:none;outline:none;flex:1;height:100%;padding:0 8px;font-family:monospace;font-size:.8125rem}.color-picker__hint{color:#9ca3af;margin:0;font-size:.7rem;line-height:1.4}.mdf-facade-style-footer{border-top:1px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);flex-shrink:0;padding:6px 16px}.mdf-facade-style-label{color:var(--color-text-secondary,#999);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px;font-weight:500;display:block}.mdf-facade-style-hint{color:#9ca3af;margin:0;font-size:.7rem;line-height:1.4}.texture-sidebar-thickness-footer{border-bottom:1px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);flex-shrink:0;align-items:center;gap:10px;padding:5px 16px;display:flex}.texture-sidebar-thickness-label{color:var(--color-text-secondary,#999);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:10px;font-weight:500}.texture-sidebar-thickness-options{gap:4px;display:flex}.texture-sidebar-thickness-btn{border:1px solid var(--color-border,#e5e7eb);color:var(--color-text,#374151);cursor:pointer;background:0 0;border-radius:4px;padding:2px 10px;font-size:12px;font-weight:500;line-height:1.6;transition:background .12s,border-color .12s,color .12s}.texture-sidebar-thickness-btn:hover{background:var(--color-hover,#f3f4f6)}.texture-sidebar-plank-btn{align-items:center;padding:3px 8px;display:flex}.texture-sidebar-thickness-btn.active{background:var(--color-primary,#2563eb);border-color:var(--color-primary,#2563eb);color:#fff}.wall-custom-color-toggle{color:#1f2937;cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.6rem;width:100%;padding:.5rem .65rem;font-size:.875rem;display:flex}.wall-custom-color-toggle:hover{background:#f9fafb}.wall-custom-color-toggle__swatch{border:1px solid #0000001f;border-radius:6px;flex-shrink:0;width:24px;height:24px}.wall-custom-color-toggle__label{flex:1}.wall-custom-color-toggle__chevron{color:#6b7280;transition:transform .15s}.wall-custom-color-toggle.open .wall-custom-color-toggle__chevron{transform:rotate(180deg)}.wall-custom-color-panel{margin-top:.6rem}.wall-paint-section-title{color:#6b7280;margin:1rem 0 .5rem;font-size:.8125rem;font-weight:600}.texture-selector-sidebar-add-btn{border:1px solid var(--color-primary,#0d9488);color:var(--color-primary,#0d9488);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;flex-shrink:0;margin-left:auto;padding:.3rem .6rem;font-size:.8125rem;font-weight:500}.texture-selector-sidebar-add-btn:hover{background:var(--color-primary,#0d9488);color:#fff}.wallpaper-add-note{color:#6b7280;margin-top:-.25rem;font-size:.8125rem}.wallpaper-add-form{align-items:stretch;gap:.5rem;display:flex}.wallpaper-add-form .modal-text-input{flex:1;min-width:0}.wallpaper-add-error{color:#dc2626;margin:.75rem 0 0;font-size:.875rem}.wallpaper-add-result{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.wallpaper-add-preview{object-fit:cover;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;width:132px;height:80px}.wallpaper-add-code{color:#1f2937;font-weight:600}.wallpaper-add-meta{color:#6b7280;margin-top:.2rem;font-size:.8125rem}a.modal-btn-primary{align-items:center;text-decoration:none;display:inline-flex}