.accessory-overlay{position:absolute;top:-20%;left:0;width:100%;height:100vh;pointer-events:none;z-index:10}.draggable-accessory{position:absolute;cursor:move;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s ease;border:2px solid transparent;border-radius:4px;padding:8px;z-index:1}.draggable-accessory:hover{border-color:#007bff;background-color:rgba(0,123,255,.1)}.draggable-accessory.dragging{opacity:.8;transform:scale(1.05);z-index:20!important}.accessory-image{object-fit:contain;display:block;pointer-events:none;border-radius:4px}.accessory-controls{position:absolute;top:-30px;left:50%;display:flex;gap:4px;background-color:rgba(0,0,0,.8);padding:4px;border-radius:4px;white-space:nowrap;pointer-events:all}.accessory-controls button{background:none;border:none;color:white;cursor:pointer;padding:2px 4px;border-radius:2px;font-size:12px;transition:background-color .2s}.accessory-controls button:hover{background-color:rgba(255,255,255,.2)}.accessory-controls button:active{background-color:rgba(255,255,255,.3)}.scale-info{color:#ffffff;font-size:10px;text-align:center;min-width:30px;padding:2px 4px;background-color:rgba(0,0,0,.6);border-radius:2px;margin-left:4px}.draggable-accessory:before{content:"";position:absolute;top:-45px;left:-15px;right:-15px;height:50px;pointer-events:all;z-index:-1;transform:scale(calc(1 / var(--accessory-scale, 1)));transform-origin:center bottom}@media (max-width:767px){.draggable-accessory{padding:6px;border-width:1px}.accessory-controls{top:-35px;gap:3px;padding:6px 8px;font-size:11px;border-radius:6px;transform:translateX(-50%)}.accessory-controls button{font-size:11px;padding:6px 8px;min-width:28px;height:28px;border-radius:4px}.control-buffer-zone{height:40px}.draggable-accessory:hover{border-color:#007bff;background-color:rgba(0,123,255,.15)}}@media (min-width:768px) and (max-width:1023px){.draggable-accessory{padding:7px}.accessory-controls{top:-32px;gap:3px;padding:5px 7px;font-size:12px}.accessory-controls button{font-size:12px;padding:5px 7px;min-width:30px;height:30px}.control-buffer-zone{height:45px}}@media (min-width:1024px){.draggable-accessory{padding:8px;border-width:2px}.accessory-controls{top:-30px;gap:4px;padding:4px;font-size:13px}.accessory-controls button{font-size:13px;padding:4px 6px;min-width:32px;height:32px}.control-buffer-zone{height:50px}}@media (min-width:1440px){.accessory-controls{top:-35px;gap:5px;padding:6px;font-size:14px}.accessory-controls button{font-size:14px;padding:6px 8px;min-width:36px;height:36px}.control-buffer-zone{height:55px}}.configurator-shell .background-editor{align-items:stretch;gap:0}.facade-editor-card{width:100%;display:grid;grid-gap:18px;gap:18px;padding:18px;border:1px solid #d7e1eb;border-radius:8px;background:linear-gradient(180deg,#ffffff,#f8fafc);box-shadow:0 5px 18px rgba(25,53,82,.06);box-sizing:border-box}.facade-editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.facade-editor-eyebrow{display:block;margin-bottom:4px;color:#008ed6;font-size:11px;font-weight:var(--font-weight-demibold);letter-spacing:.09em;line-height:1;text-transform:uppercase}.facade-editor-header h3,.facade-section-heading h4{margin:0;color:#11203b}.facade-editor-header h3{font-size:18px;line-height:1.2}.facade-editor-header p{max-width:500px;margin:6px 0 0;color:#66768b;font-size:13px;line-height:1.45}.facade-reset-button{min-height:36px;flex:0 0 auto;padding:0 13px;border:1px solid #c7d5e2;border-radius:5px;background:#fff;color:#315373;font:inherit;font-size:12px;font-weight:var(--font-weight-demibold);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.facade-reset-button:hover{border-color:#80c9f7;background:#f2f9ff;color:#005ca9}.facade-material-preview{position:relative;min-height:142px;overflow:hidden;border:1px solid #c8d5e1;border-radius:7px;background-color:#f8f8f6;background-image:url(/facade-plaster.png);background-position:50%;background-size:520px auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.48)}.facade-material-preview-tint{position:absolute;inset:0;opacity:.64;mix-blend-mode:multiply;pointer-events:none}.facade-material-preview-label{left:14px;padding:6px 9px;border:1px solid rgba(255,255,255,.8);border-radius:4px;background:rgba(255,255,255,.88);color:#24435f;font-size:11px;font-weight:var(--font-weight-demibold)}.facade-hex-field,.facade-material-preview-label{position:absolute;bottom:14px;box-shadow:0 3px 10px rgba(20,39,61,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.facade-hex-field{right:14px;display:flex;align-items:center;gap:8px;padding:5px 6px 5px 9px;border:1px solid rgba(190,204,217,.88);border-radius:5px;background:rgba(255,255,255,.94)}.facade-hex-field>span{color:#718197;font-size:10px;font-weight:var(--font-weight-demibold);letter-spacing:.06em}.facade-hex-field input{width:78px;height:28px;padding:0 7px;border:1px solid transparent;border-radius:4px;outline:none;background:#f4f7fa;color:#153653;font:inherit;font-size:12px;font-weight:var(--font-weight-demibold);letter-spacing:.04em;text-align:center;text-transform:uppercase}.facade-hex-field input:focus{border-color:#008ed6;background:#fff;box-shadow:0 0 0 2px rgba(0,142,214,.13)}.facade-editor-section{display:grid;grid-gap:11px;gap:11px;padding-top:16px;border-top:1px solid #e3eaf1}.facade-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.facade-section-heading h4{font-size:13px;font-weight:var(--font-weight-demibold)}.facade-section-heading>span{color:#718197;font-size:11px;font-weight:var(--font-weight-demibold);letter-spacing:.04em}.facade-preset-grid{display:grid;grid-template-columns:repeat(8,minmax(38px,1fr));grid-gap:9px;gap:9px}.facade-preset{position:relative;min-width:0;height:44px;padding:0;border:1px solid rgba(25,44,66,.17);border-radius:5px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.36);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.facade-preset:hover{z-index:1;border-color:#008ed6;transform:translateY(-2px);box-shadow:0 5px 10px rgba(18,48,75,.14)}.facade-preset.active{border-color:#00315d;box-shadow:0 0 0 2px #fff,0 0 0 4px #008ed6}.facade-preset.active:after{content:"";position:absolute;right:5px;bottom:5px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#00315d;box-shadow:0 1px 3px rgba(0,0,0,.22)}.facade-slider-section{gap:14px}.facade-slider-row{display:grid;grid-template-columns:82px minmax(0,1fr) 46px;align-items:center;grid-gap:12px;gap:12px;color:#405670;font-size:12px;font-weight:var(--font-weight-demibold)}.facade-slider-row input[type=range]{width:100%;height:8px;margin:0;border:0;border-radius:999px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(22,48,72,.12)}.facade-slider-row input[type=range]:focus-visible{box-shadow:0 0 0 3px rgba(0,142,214,.18)}.facade-slider-row input[type=range]::-webkit-slider-thumb{width:20px;height:20px;border:3px solid #fff;border-radius:50%;-webkit-appearance:none;appearance:none;background:#00315d;box-shadow:0 1px 5px rgba(0,32,59,.34)}.facade-slider-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#00315d;box-shadow:0 1px 5px rgba(0,32,59,.34)}.facade-hue-slider{background:linear-gradient(90deg,#f04444,#f0d944,#48cb67,#38cbd6,#3978e8,#9b49df,#e63d93,#f04444)}.facade-slider-row output{min-width:38px;padding:5px 4px;border:1px solid #d7e1eb;border-radius:4px;background:#fff;color:#173b5f;font-size:11px;text-align:center}@media (max-width:720px){.facade-editor-card{gap:15px;padding:14px}.facade-editor-header{align-items:stretch;flex-direction:column}.facade-reset-button{align-self:flex-start}.facade-preset-grid{grid-template-columns:repeat(4,minmax(38px,1fr))}.facade-slider-row{grid-template-columns:72px minmax(0,1fr) 42px;gap:8px}}