html,body{color:#333;background:#fff;width:100vw;height:100vh;margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;margin:0;padding:0;display:flex}*{box-sizing:border-box}.toolbar{background:#f5f5f5;border-bottom:1px solid #ddd;flex-flow:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.toolbar-group{border-right:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:8px;padding-right:16px;display:flex}.toolbar-group:last-child{border-right:none;padding-right:0}.toolbar-group.global-actions{margin-left:auto}.toolbar-label{color:#222;font-size:13px;font-weight:700}.toolbar-menu{z-index:1000;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:4px;flex-direction:column;gap:2px;width:160px;padding:4px;display:flex;position:fixed;box-shadow:0 4px 12px #0000001f}.toolbar-menu-item{color:#555;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;height:28px;padding:0 10px 0 4px;font-size:13px;display:flex}.toolbar-menu-item[role=menuitem]{padding-left:24px}.toolbar-menu-item:hover:not(:disabled),.toolbar-menu-item:focus-visible{background:#f0f4ff;outline:none}.toolbar-menu-item:disabled{color:#888;cursor:not-allowed}.toolbar-menu-check{flex-shrink:0;width:16px;height:16px;position:relative}.toolbar-menu-check.is-checked:after{content:"";border:2px solid #007bff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.toolbar-menu-separator{background:#eee;height:1px;margin:2px 0}.draft-recovery-banner{color:#6b4f00;background:#fff8e1;border-bottom:1px solid #f0b429;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;font-size:12px;display:flex}.draft-recovery-banner>div:first-child{align-items:baseline;gap:8px;min-width:0;display:flex}.draft-recovery-banner span{color:#7a6200}.draft-recovery-actions{flex-shrink:0;gap:6px;display:flex}@media (width<=700px){.draft-recovery-banner{align-items:flex-start}.draft-recovery-banner>div:first-child{flex-direction:column;gap:2px}}.ui-button{color:#555;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:3px;justify-content:center;align-items:center;height:28px;padding:0 10px;font-size:13px;transition:all .15s;display:inline-flex}.ui-button:hover{background:#f5f5f5;border-color:#bbb}.ui-button:focus-visible{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.ui-button:disabled{color:#888;cursor:not-allowed;background:#f5f5f5;border-color:#ddd}.ui-button-primary{color:#fff;background:#007bff;border-color:#007bff}.ui-button-primary:hover{background:#0069d9;border-color:#0062cc}.ui-button-danger{color:#fff;background:#dc3545;border-color:#dc3545}.ui-button-danger:hover{background:#c82333;border-color:#bd2130}.ui-input{box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:3px;height:28px;padding:0 6px;font-family:monospace;font-size:13px;transition:all .15s}.ui-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.ui-select{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:3px;height:28px;padding:0 24px 0 6px;font-size:13px;transition:all .15s}.ui-select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.ui-checkbox-label{cursor:pointer;color:#555;align-items:center;gap:4px;font-size:13px;display:flex}.ui-checkbox-label input[type=checkbox]{cursor:pointer;width:14px;height:14px}.unsaved-indicator{color:#b45309;white-space:nowrap;font-size:12px;font-weight:600}.side-panel{z-index:10;background:#fff;border-left:1px solid #ddd;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}@media (width>=900px){.side-panel{width:320px;height:auto;box-shadow:none;position:static}}@media (width<=899px){.side-panel{width:280px;position:absolute;top:0;bottom:0;right:0;box-shadow:-4px 0 12px #00000026}}.side-panel-close{cursor:pointer;color:#5f6b7a;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:all .15s;display:flex}.side-panel-close:hover{color:#222;background:#e0e0e0}.side-panel-close:focus-visible{outline:none;box-shadow:0 0 0 2px #007bff40}.side-panel-tabs{background:#fafafa;border-bottom:1px solid #ddd;align-items:center;padding-right:8px;display:flex}.side-panel-tab{text-align:center;cursor:pointer;color:#555;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-family:inherit;font-size:13px;transition:all .15s}.side-panel-tab:hover{color:#222;background:#f0f0f0}.side-panel-tab:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #007bff40}.side-panel-tab.side-panel-tab-active{color:#007bff;background:#fff;border-bottom-color:#007bff;font-weight:700}.side-panel-content{flex:1;padding:16px;overflow-y:auto}.panel-section{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px}.panel-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.panel-section-title{color:#222;margin-bottom:12px;font-size:14px;font-weight:700}.panel-field{align-items:center;margin-bottom:10px;display:flex}.panel-field:last-child{margin-bottom:0}.panel-field-label{color:#555;flex-shrink:0;width:70px;font-size:13px}.panel-field-content{flex:1;align-items:center;gap:8px;display:flex}.panel-text-readonly{color:#555;box-sizing:border-box;background:#f9f9f9;border:1px solid #eee;border-radius:3px;width:100%;padding:4px 8px;font-size:13px}.connection-list-item{background:#fdfdfd;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;font-size:13px}.connection-list-item:last-child{margin-bottom:0}.connection-item-actions{gap:4px;display:flex}.connection-item-actions .ui-button{height:24px;padding:0 8px;font-size:12px}.connection-edit-form{background:#f5f8fc;border-radius:3px;grid-template-columns:minmax(0,1fr) 88px;gap:8px;margin-bottom:8px;padding:8px;display:grid}.connection-edit-form label{color:#555;flex-direction:column;gap:4px;min-width:0;font-size:11px;display:flex}.connection-edit-form .ui-input{width:100%;min-width:0}.connection-edit-form .ui-button-primary{grid-column:1/-1}.connection-step{margin-bottom:12px}.connection-step-label{color:#555;margin-bottom:4px;font-size:12px;font-weight:700}.cable-distance{margin-top:8px;font-size:12px;line-height:1.4}.cable-distance-ok{color:#2f6f44}.cable-distance-warning{color:#b42318;font-weight:600}.left-panel{z-index:10;background:#fff;border-right:1px solid #ddd;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}@media (width>=900px){.left-panel{width:260px;height:auto;box-shadow:none;position:static}}@media (width<=899px){.left-panel{width:260px;position:absolute;top:0;bottom:0;left:0;box-shadow:4px 0 12px #00000026}}.left-panel-header{background:#fdfdfd;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.left-panel-title{color:#222;font-size:14px;font-weight:700}.asset-search-container{background:#fafafa;border-bottom:1px solid #eee;padding:12px}.asset-category-list{border-bottom:1px solid #ddd;flex-wrap:wrap;gap:6px;padding:12px;display:flex}.asset-category-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:14px;padding:4px 10px;font-size:12px;transition:all .15s}.asset-category-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #007bff66}.asset-category-btn:hover{background:#f0f0f0;border-color:#bbb}.asset-category-btn-active{color:#fff;background:#007bff;border-color:#007bff}.asset-category-btn-active:hover{background:#0069d9;border-color:#0062cc}.asset-list{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.asset-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #e0e0e0;border-radius:4px;flex-direction:column;width:100%;padding:10px;font-family:inherit;transition:all .15s;display:flex}.asset-item:focus-visible{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.asset-item:hover{border-color:#007bff;box-shadow:0 2px 6px #007bff26}.asset-item-title{color:#222;margin-bottom:4px;font-size:13px;font-weight:700}.asset-item-subtitle{color:#5f6b7a;font-size:11px}.side-panel-footer{background:#fff;border-top:1px solid #eee;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.empty-state{color:#555;text-align:center;margin-top:50px;font-size:13px;line-height:1.6}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.template-intro{color:#555;margin:0 0 12px;font-size:13px;line-height:1.6}.template-list{flex-direction:column;gap:8px;display:flex}.template-card{background:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:12px;padding:12px;display:flex}.template-card-content{flex:1;min-width:0}.template-card-title{color:#222;font-size:14px;font-weight:700}.template-card-description{color:#555;margin-top:2px;font-size:13px}.template-card-devices{color:#5f6b7a;margin-top:4px;font-size:12px}.shopping-list{background:#f5f8ff;border:1px solid #c7d7fe;border-radius:4px;margin-bottom:12px;padding:10px 12px}.shopping-list-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.shopping-list-title{color:#222;font-size:13px;font-weight:700}.shopping-list-items{color:#222;margin:8px 0 0;padding:0;font-size:13px;list-style:none}.shopping-list-items li{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.shopping-list-items li.shopping-list-optional{color:#5f6b7a}.shopping-list-quantity{font-variant-numeric:tabular-nums}.template-section-title{color:#222;margin:20px 0 8px;font-size:14px}.desk-builder{background:#fff;border:1px solid #ddd;border-radius:4px;flex-direction:column;gap:12px;padding:12px;display:flex}.desk-builder-devices{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;display:grid}.desk-builder-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.desk-builder-name{color:#222;font-size:13px}.desk-builder-stepper{align-items:center;gap:6px;display:flex}.desk-builder-stepper .ui-button{width:28px;padding:0}.desk-builder-count{text-align:center;font-variant-numeric:tabular-nums;min-width:16px;font-size:13px}.desk-builder-desk{flex-wrap:wrap;gap:8px 16px;display:flex}.desk-builder-size{color:#555;align-items:center;gap:6px;font-size:13px;display:flex}.desk-builder-size .ui-input{width:72px}.desk-builder-notes{color:#6b4f00;background:#fff8e1;border-radius:4px;margin:0;padding:8px 12px 8px 28px;font-size:12px;line-height:1.6}.desk-builder-submit{align-self:flex-end}@media (width<=700px){.template-card{flex-direction:column;align-items:stretch}.desk-builder-submit{align-self:stretch}}.modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-container{background:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:700px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 5px 15px #0000004d}.modal-header{background:#f8f9fa;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-title{color:#222;margin:0;font-size:16px;font-weight:700}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.modal-table th{color:#555;border-bottom:2px solid #ddd;padding:8px}.modal-table td{color:#222;border-bottom:1px solid #eee;padding:8px}.wiring-report{max-width:760px}.wiring-summary{gap:8px;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.wiring-summary span{border:1px solid #ddd;border-radius:3px;padding:4px 8px}.wiring-summary-error{color:#b42318;background:#fff1f0}.wiring-summary-warning{color:#9a6700;background:#fff8e1}.wiring-summary-info{color:#175cd3;background:#eff8ff}.wiring-cleanup-button{margin-left:auto}.wiring-issue-list{flex-direction:column;gap:8px;display:flex}.wiring-issue{background:#fff;border:1px solid #ddd;border-left-width:4px;border-radius:4px;align-items:flex-start;gap:12px;padding:12px;display:flex}.wiring-issue-error{border-left-color:#b42318}.wiring-issue-warning{border-left-color:#d97706}.wiring-issue-info{border-left-color:#175cd3}.wiring-issue-content{flex:1;min-width:0}.wiring-issue-title{color:#222;font-size:13px;font-weight:700}.wiring-issue-description{color:#555;margin-top:4px;font-size:12px;line-height:1.5}.wiring-issue-severity{margin-right:8px;font-size:11px}.wiring-disclaimer{color:#666;border-top:1px solid #eee;margin:16px 0 0;padding-top:12px;font-size:11px;line-height:1.5}.ui-button-recommend{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #4f46e533;color:#fff!important}.ui-button-recommend:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e54d}.ui-button-recommend:disabled{box-shadow:none;background:#cbd5e1;transform:none;color:#94a3b8!important}.recommendation-group{margin-top:20px}.recommendation-group h4{color:#1e293b;text-align:left;border-bottom:2px solid #e2e8f0;margin:0 0 12px;padding-bottom:6px;font-size:14px;font-weight:700}.recommendations-sections{max-height:60vh;padding-right:8px;overflow-y:auto}.selection-hint{box-sizing:border-box;color:#666;overflow-wrap:anywhere;background:#f8f9fa;border-bottom:1px solid #ddd;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:2px 16px;min-height:40px;padding:8px 16px;font-size:13px;display:flex}.selection-hint-active{color:#333;background:#e0ffe0}.selection-hint-active .selection-hint-title{font-weight:600}.selection-hint-tip{color:#555}.start-guide{z-index:5;box-sizing:border-box;text-align:center;background:#fff;border:1px solid #d9e2ec;border-radius:8px;width:min(360px,100% - 32px);padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0f172a1f}.start-guide-title{color:#1f2933;margin:0 0 8px;font-size:17px}.start-guide-text{color:#52606d;margin:0 0 16px;font-size:13px;line-height:1.6}.start-guide-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.scene-fallback{box-sizing:border-box;color:#52606d;text-align:center;background:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:24px;font-size:13px;line-height:1.6;display:flex}.scene-fallback strong{color:#1f2933;font-size:16px}.scene-fallback span{max-width:420px}.scene-loading{color:#52606d;background:#f8f9fa;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.ai-suggestions{background:#f8fafc;border:1px solid #d9e2ec;border-radius:6px;margin:12px 0 16px;padding:12px}.ai-suggestions .template-section-title{margin-top:0}.ai-suggestions-form{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.ai-suggestions-form .ui-input{flex:200px;min-width:0}.ai-suggestions-status{color:#334e68;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.ai-suggestions-error{color:#b42318}.ai-suggestions-note,.ai-suggestions-privacy{color:#5f6b7a;margin:10px 0 0;font-size:12px;line-height:1.6}.ai-suggestions-list{flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px;display:flex}.ai-suggestion-card{background:#fff;border:1px solid #d9e2ec;border-radius:6px;align-self:stretch;padding:10px 12px}.ai-suggestion-title{color:#1f2933;font-size:14px;font-weight:600}.ai-suggestion-reason{color:#334e68;margin-top:4px;font-size:13px;line-height:1.6}.ai-suggestion-devices{color:#5f6b7a;margin:4px 0 8px;font-size:12px}.about-dialog{color:#334e68;font-size:13px;line-height:1.7}.about-dialog p{margin:0 0 8px}.about-dialog ul{margin:0 0 12px;padding-left:20px}.error-notice{color:#8a1c1c;background:#fff1f1;border-bottom-color:#f5a3a3}.error-notice span{color:#8a1c1c}.ai-suggestions-followup{border-top:1px dashed #d9e2ec;margin-top:12px;padding-top:10px}