html,body{margin:0;padding:0;height:100%;font-family:Open Sans,Helvetica,Arial,sans-serif}#app{height:100%}.configurator-layout[data-v-6d384726]{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.visualizer-area[data-v-6d384726]{flex:1;background-color:#e0e0e0;background-position:center bottom;background-size:cover;background-repeat:no-repeat;display:flex;align-items:flex-end;justify-content:center;height:60%;position:relative;transition:background-image .5s ease-in-out}.options-area[data-v-6d384726]{flex-shrink:0;height:40%;background:#ffffff;box-shadow:0 -2px 10px #0000001a;overflow-y:auto;z-index:10}@media (min-width: 768px){.configurator-layout[data-v-6d384726]{flex-direction:row}.visualizer-area[data-v-6d384726]{flex:1;height:100%}.options-area[data-v-6d384726]{width:350px;height:100%;border-left:1px solid #ddd;box-shadow:-2px 0 10px #0000000d}}.door-visualizer[data-v-1588d125]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:transparent}.door-container[data-v-1588d125]{position:relative;width:336px;height:720px;max-width:90%;max-height:90%;background:transparent}.layer[data-v-1588d125]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill}.options-panel[data-v-7fd2dd61]{display:flex;flex-direction:column;height:100%;padding:0;background:white;border-left:1px solid #ddd}.panel-header[data-v-7fd2dd61]{padding:10px 15px;background:#f8f9fa;border-bottom:1px solid #ddd;flex-shrink:0;box-shadow:0 2px 5px #0000000d;z-index:20;position:relative}.compact-title[data-v-7fd2dd61]{margin:0 0 10px;font-size:1.1rem}.controls-row[data-v-7fd2dd61]{display:flex;gap:10px;margin-bottom:2px}.control-group[data-v-7fd2dd61]{margin-bottom:8px}.control-group.half[data-v-7fd2dd61]{flex:1}.control-group label[data-v-7fd2dd61]{display:block;font-size:.8rem;margin-bottom:2px;color:#666}.control-group select[data-v-7fd2dd61]{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.price-box[data-v-7fd2dd61]{margin-top:5px;padding:6px;background:#28a745;color:#fff;font-weight:700;font-size:1rem;text-align:center;border-radius:4px;margin-bottom:10px}.side-switcher[data-v-7fd2dd61]{margin-top:5px}.side-switcher label[data-v-7fd2dd61]{font-size:.8rem;color:#666;display:block;margin-bottom:4px}.side-buttons[data-v-7fd2dd61]{display:flex;gap:5px}.side-buttons button[data-v-7fd2dd61]{flex:1;padding:6px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font-size:.9rem}.side-buttons button.active[data-v-7fd2dd61]{background:#007bff;color:#fff;border-color:#007bff}.panel-content[data-v-7fd2dd61]{flex:1;overflow-y:auto;padding:0}.section[data-v-7fd2dd61]{border-bottom:1px solid #eee}.section-header[data-v-7fd2dd61]{padding:12px 15px;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;border-bottom:1px solid #e0e0e0;transition:background-color .2s ease,padding .2s ease}.section-header[data-v-7fd2dd61]:hover{background:#e9ecef}.section h3[data-v-7fd2dd61]{margin:0;font-size:1rem;font-weight:600;color:#2c3e50;transition:color .2s ease}.section-header:hover h3[data-v-7fd2dd61]{color:#000}.toggle-icon[data-v-7fd2dd61]{font-size:.8rem;color:#6c757d;transition:transform .3s cubic-bezier(.25,.8,.5,1)}.toggle-icon.rotated[data-v-7fd2dd61]{transform:rotate(180deg)}.options-grid[data-v-7fd2dd61]{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;padding:10px 15px 15px}.option-item[data-v-7fd2dd61]{cursor:pointer;border:1px solid #eee;padding:4px;text-align:center;border-radius:4px;font-size:.85rem;transition:all .2s}.option-item[data-v-7fd2dd61]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.option-item.active[data-v-7fd2dd61]{border-color:#007bff;background:#e7f1ff;box-shadow:0 0 0 1px #007bff}.option-item img[data-v-7fd2dd61]{width:100%;height:auto;display:block;margin-bottom:4px}body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#666}.admin-panel[data-v-f0b2a292]{padding:20px;max-width:1200px;margin:0 auto;background:#fff;color:#333;min-height:100vh}.tabs[data-v-f0b2a292]{margin-bottom:20px}.tabs button[data-v-f0b2a292]{padding:10px 20px;margin-right:10px;cursor:pointer;background:#eee;border:none}.tabs button.active[data-v-f0b2a292]{background:#007bff;color:#fff}.doors-grid[data-v-f0b2a292],.layers-grid[data-v-f0b2a292]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.door-card[data-v-f0b2a292],.layer-card[data-v-f0b2a292]{border:1px solid #ddd;padding:10px;cursor:pointer;background:#fff;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.door-card[data-v-f0b2a292]:hover{background:#f9f9f9}.status.active[data-v-f0b2a292]{color:green;font-weight:700}.status.inactive[data-v-f0b2a292]{color:red}.layer-card img[data-v-f0b2a292]{width:100%;height:100px;object-fit:cover}.upload-form[data-v-f0b2a292]{background:#f4f4f4;padding:20px;margin-bottom:20px;display:grid;gap:10px;max-width:500px}.form-group[data-v-f0b2a292]{display:flex;flex-direction:column}.form-group label[data-v-f0b2a292]{font-weight:700;margin-bottom:5px}.modal[data-v-f0b2a292]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:30px;border:2px solid #ccc;box-shadow:0 10px 40px #0003;width:80%;height:80%;z-index:1000}.modal.full-screen[data-v-f0b2a292]{width:95%;height:95%;display:flex;flex-direction:column}.modal.mid-size[data-v-f0b2a292]{width:700px;height:auto;max-height:90vh;overflow-y:auto}.modal-header[data-v-f0b2a292]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}.editor-tabs[data-v-f0b2a292]{display:flex;margin-bottom:15px;border-bottom:2px solid #eee}.editor-tabs button[data-v-f0b2a292]{padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:1rem}.editor-tabs button.active[data-v-f0b2a292]{border-bottom-color:#007bff;color:#007bff;font-weight:700}.editor-content[data-v-f0b2a292]{flex:1;overflow-y:auto}.two-col[data-v-f0b2a292]{display:flex;gap:20px}.col[data-v-f0b2a292]{flex:1}.config-section[data-v-f0b2a292]{margin-bottom:20px;border:1px solid #eee;padding:10px;background:#fafafa}.layer-list[data-v-f0b2a292]{display:flex;flex-direction:column;gap:5px;margin-bottom:20px}.layer-list.compact[data-v-f0b2a292]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:5px}.layer-item[data-v-f0b2a292]{display:flex;align-items:center;padding:5px;border:1px solid #ddd;border-radius:4px;cursor:pointer;background:white}.layer-item[data-v-f0b2a292]:hover{background:#f0f8ff}.layer-item.selected[data-v-f0b2a292]{border-color:#007bff;background:#e7f1ff;font-weight:700}.layer-item.selected-item[data-v-f0b2a292]{justify-content:space-between;padding:10px;background:#f9f9f9}.thumb[data-v-f0b2a292]{width:40px;height:40px;object-fit:cover;margin:0 10px;border-radius:4px;border:1px solid #ccc}.check[data-v-f0b2a292]{width:20px;text-align:center}.details[data-v-f0b2a292]{flex:1;display:flex;flex-direction:column}.picker[data-v-f0b2a292]{border:1px dashed #ccc;padding:10px;max-height:400px;overflow-y:auto}.save-btn[data-v-f0b2a292]{background:#28a745;color:#fff;padding:10px 20px;border:none;cursor:pointer}.cancel-btn[data-v-f0b2a292]{background:#6c757d;color:#fff;padding:10px 20px;border:none;cursor:pointer;margin-left:10px}.remove-btn[data-v-f0b2a292]{background:#dc3545;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:4px}.sm-btn[data-v-f0b2a292]{background:#17a2b8;color:#fff;border:none;padding:2px 8px;font-size:.8rem;cursor:pointer;margin-top:5px;width:fit-content}.modal textarea[data-v-f0b2a292]{width:100%;font-family:monospace}.form-group input[data-v-f0b2a292],.form-group select[data-v-f0b2a292]{padding:8px;border:1px solid #ccc}