[hidden]{display:none!important}.editor-steps{display:flex;gap:5px;border-bottom:1px solid #e3e9ed;padding-bottom:16px;margin-bottom:24px}.editor-steps button{flex:1;background:transparent;border:0;color:#9aaab3;font-size:11px;padding:9px 5px;border-radius:7px}.editor-steps .active{background:#eaf2f6;color:#24516a;font-weight:650}.editor-steps button:disabled{opacity:.5;cursor:wait}.continue-button{margin-top:24px;width:100%;background:#eaf2f6;color:#24516a;justify-content:space-between}.continue-button:disabled{opacity:.45;cursor:wait}#catalog-panel h1{font-size:22px}#catalog-panel .intro{font-size:12px;margin-bottom:16px}.catalog-label{display:block;font-size:11px;font-weight:600;margin-bottom:6px}#catalog-group,#catalog-search{width:100%;min-height:40px;border:1px solid #d9e3e8;background:#fff;border-radius:7px;padding:9px 10px;font-size:12px;color:#234b61}#catalog-search{margin-top:8px;background:#fafcfd}.finish-colors{display:flex;gap:7px;align-items:center;margin-top:14px}.finish-colors button{width:25px;height:25px;border-radius:50%;border:2px solid white;background:var(--finish);box-shadow:0 0 0 1px #d6e0e5}.finish-colors button.active{box-shadow:0 0 0 2px #2b6b8b}.finish-colors span{font-size:10px;color:#6d8694;margin-left:5px}.fit-filter{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:10px;color:#6d8390}.fit-filter input{accent-color:#24516a}.catalog-meta{display:flex;align-items:center;justify-content:space-between;margin:15px 0 10px;color:#8c9da7;font-size:10px}.catalog-meta button{width:29px;height:25px;border:1px solid #e3e9ed;border-radius:5px;background:#fff;color:#365d74;font-size:17px;margin-left:4px}.catalog-meta button:disabled{opacity:.3;cursor:default}#catalog-list{display:flex;flex-direction:column;gap:8px;max-height:410px;overflow:auto;padding:2px 4px 4px 1px}.catalog-card{display:grid;grid-template-columns:58px 1fr;gap:10px;padding:10px 8px;border:1px solid #e0e8ed;border-radius:9px;background:#fff;position:relative;cursor:grab}.catalog-card:active{cursor:grabbing}.catalog-card img{width:58px;height:58px;object-fit:contain;border-radius:5px;background:#f7f9fa}.catalog-card h3{font-size:11px;line-height:1.35;font-weight:650;margin:1px 0 3px;color:#294d61}.catalog-card small{font-size:9px;color:#8a9da8;display:block}.catalog-card .product-size{font-size:9px;margin-top:4px;color:#6f8998}.catalog-card .catalog-add{font-size:10px;border:0;background:#eaf2f6;color:#24536d;border-radius:5px;padding:5px 9px;margin-top:8px;font-weight:600}.catalog-card .catalog-add:disabled{opacity:.4;cursor:default}.catalog-card.unfit{opacity:.55}.catalog-empty{font-size:12px;line-height:1.6;padding:20px 6px;color:#8a9da8}.selection-panel{margin-top:18px;border-top:1px solid #dbe5eb;padding-top:16px}.selection-heading{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.7px;font-size:9px;color:#7c929e}.selection-heading button{border:0;background:#f1f5f7;border-radius:4px;color:#66808f;width:22px;height:22px}.selection-panel h2{font-size:13px;line-height:1.4;margin:7px 0 4px}.selection-panel>p{font-size:10px;color:#8a9da8;margin:0 0 12px}.selection-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.selection-fields label{font-size:9px;color:#7c929e;line-height:1.5}.selection-fields input{width:100%;border:1px solid #d9e3e8;border-radius:6px;padding:9px 7px;margin-top:5px;font-size:15px;font-weight:600;color:#24485c;background:white}.selection-actions{display:flex;gap:7px;margin-top:12px}.selection-actions button{flex:1;border:1px solid #dce5eb;background:#f6f9fa;color:#365c72;padding:8px 4px;border-radius:6px;font-size:10px}.selection-actions .danger{color:#a45454;background:#fff6f4;border-color:#efd8d3}.assembly-note{font-size:9px;line-height:1.6;color:#93a3ad;margin:18px 0 4px}.view-options{flex-wrap:wrap;row-gap:4px}#placement-error{color:#a33434;font-size:10px;margin-top:7px}.stage.drop-target{outline:3px solid #6da6c0;outline-offset:-6px}@media(max-width:1000px){#catalog-list{max-height:330px}.editor-steps{margin-bottom:20px}}@media(max-width:700px){#catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:450px}.catalog-card{grid-template-columns:48px 1fr;padding:9px 7px;gap:7px}.catalog-card img{width:48px;height:48px}.selection-fields{max-width:400px}.assembly-note{font-size:10px}.view-options #snap-label{display:none}.editor-steps{margin-bottom:18px}}

.mounting-panel{margin-top:15px;padding:12px;background:#f0f5f7;border:1px solid #dae5ea;border-radius:8px;color:#456577;font-size:10px}.mounting-panel summary{cursor:pointer;font-weight:650;font-size:11px}.mounting-panel p{line-height:1.5;margin:8px 0 0}.mounting-panel ul{padding:0;list-style:none;margin:10px 0}.mounting-panel li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #dae5ea;padding:6px 0;line-height:1.4}.mounting-panel li b{white-space:nowrap;font-weight:600}#mounting-error{color:#a33434}
.system-finish-label{margin-top:14px}.system-finish-label+.finish-colors{margin-top:8px}
.surface-controls{border:1px solid #dce5eb;background:#f7fafb;border-radius:9px;padding:12px;margin:0 0 22px;font-size:11px;color:#36586b}.surface-controls summary{font-weight:650;cursor:pointer}.surface-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0 10px;font-size:10px}.custom-surface{display:flex;align-items:center;gap:6px;color:#758b98;font-size:9px}.custom-surface input{width:27px;height:25px;border:1px solid #d2dce3;border-radius:5px;padding:2px;background:#fff;cursor:pointer}.surface-swatches{display:flex;gap:9px;flex-wrap:wrap;padding:2px}.surface-swatches button{width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:var(--surface);box-shadow:0 0 0 1px #d1dce3;cursor:pointer}.surface-swatches button.active{box-shadow:0 0 0 2px #286681}.surface-swatches button:focus-visible{outline:2px solid #286681;outline-offset:4px}
.catalog-meta #clear-all{width:auto;font-size:10px;padding:0 8px;color:#a45454;border-color:#efd8d3;background:#fff9f7;vertical-align:top}
.layout-tools{display:flex;gap:6px;margin:0 0 16px}.layout-tools button{border:1px solid #dce5eb;border-radius:6px;background:#fff;color:#365c72;min-height:31px;min-width:32px;font-size:19px}.layout-tools #clear-all{flex:1;font-size:11px;padding:0 9px;color:#a45454;border-color:#efd8d3;background:#fff9f7}.layout-tools button:disabled{opacity:.35;cursor:default}
.catalog-drag-image{position:fixed;top:0;left:0;width:1px;height:1px;pointer-events:none;z-index:-1}.catalog-drag-status{position:absolute;left:50%;bottom:132px;transform:translateX(-50%);z-index:3;max-width:calc(100% - 40px);border:1px solid #bed2dc;background:#fffffff0;color:#24516a;border-radius:8px;padding:10px 14px;font-size:11px;text-align:center;pointer-events:none}.stage.drop-invalid{outline-color:#ba5555}.drop-invalid .catalog-drag-status{border-color:#e4b8b8;color:#a33434}
#mount-wall,#selected-wall{width:100%;min-height:40px;border:1px solid #d9e3e8;background:#fff;border-radius:7px;padding:9px 10px;font-size:12px;color:#234b61}.wall-guide{font-size:10px;line-height:1.5;color:#6d8390;margin:7px 0 16px}.selection-fields{margin-top:10px}.door-controls{border-top:1px solid #e3e9ed;border-bottom:1px solid #e3e9ed;padding:0 0 12px;margin-bottom:18px}.door-controls label{display:block;font-size:11px;color:#36586b;margin:12px 0}.door-controls .fit-filter{display:flex}.door-controls input[type=number]{width:100%;border:1px solid #d9e3e8;border-radius:6px;padding:8px;margin-top:5px;font-size:14px;color:#24485c}.door-controls small{font-size:10px;color:#7c929e}
.rail-height-controls{border:1px solid #dce5eb;border-radius:8px;background:#f7fafb;padding:11px;margin:0 0 17px}.rail-height-controls>label{font-size:10px;color:#36586b}.rail-height-row{display:flex;gap:6px;margin:6px 0 9px}.rail-height-row input{width:0;flex:1;min-height:36px;border:1px solid #d9e3e8;border-radius:6px;padding:7px;font-size:14px;color:#24485c;background:#fff}.rail-height-row button{border:0;border-radius:6px;background:#24516a;color:#fff;padding:7px 10px;font-size:10px}.rail-height-controls .rail-auto{display:flex;gap:5px;align-items:center;margin:9px 0}.rail-auto input{accent-color:#24516a}.rail-height-controls small{display:block;color:#7c929e;font-size:9px;line-height:1.5}.rail-height-controls .error{margin:8px 0 0;font-size:10px}
.decor-colors{display:flex;align-items:center;gap:7px;margin:8px 0}.decor-colors button{width:29px;height:29px;border-radius:5px;border:2px solid #fff;box-shadow:0 0 0 1px #d6e0e5;background-size:cover}.decor-colors button.active{box-shadow:0 0 0 2px #2b6b8b}.decor-colors span{font-size:10px;color:#6d8694;margin-left:5px}
.project-cost{border:1px solid #d5e3e8;border-radius:9px;padding:12px 13px;margin:0 0 17px;background:#f2f7f8;display:flex;flex-direction:column;gap:5px}.project-cost>span{font-size:10px;color:#6b8390}.project-cost strong{font-size:24px;color:#174a63;font-weight:650;letter-spacing:-.5px}.project-cost small{font-size:9px;color:#82949f;line-height:1.4}.mounting-panel li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;padding:9px 0}.mounting-panel .part-name{grid-column:1/-1}.part-price-detail{font-size:9px;color:#7c929e}.mounting-panel .part-price-sum{font-size:11px;color:#244e65}.catalog-product-price{font-size:13px;font-weight:650;color:#174a63;margin-top:7px}.mounting-panel + .catalog-label{margin-top:14px}