:root{--bg-color: #f5f5f5;--panel-bg: #ffffff;--text-primary: #1e1d24;--text-secondary: #79787f;--accent-color: #1e1d24;--accent-hover: #33323a;--border-color: #e5e5e5;--danger-color: #e63946;--danger-hover: #cc333f;--font-family: "Montserrat", sans-serif;--border-radius: 2px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family)}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);color:var(--text-primary)}#myCanvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#navcube-canvas{position:absolute;bottom:2rem;right:2rem;width:250px;height:250px;z-index:10;pointer-events:auto}#overview-canvas{position:absolute;top:2rem;right:2rem;width:250px;height:250px;z-index:10;pointer-events:none;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:20;pointer-events:none}.overlay.hidden{display:none}.glass-panel{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--box-shadow);pointer-events:auto;max-width:500px;width:90%}.text-center{text-align:center}h1,h3{margin-bottom:.5rem;font-weight:600}h4{font-weight:500;color:var(--text-primary)}p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5;font-size:.95rem}.model-name{font-weight:500;color:var(--text-primary);background:var(--bg-color);padding:.5rem 1rem;border-radius:var(--border-radius);display:inline-block;border:1px solid var(--border-color)}.upload-icon{color:var(--text-secondary);margin-bottom:1rem}#file-input{display:none}#controls-panel{justify-content:flex-start;align-items:flex-start;padding:2rem}#controls-panel .glass-panel{width:320px;max-height:calc(100vh - 4rem);overflow-y:auto}#controls-panel .glass-panel::-webkit-scrollbar{width:4px}#controls-panel .glass-panel::-webkit-scrollbar-track{background:transparent}#controls-panel .glass-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}#controls-panel .glass-panel::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.actions{display:flex;gap:.75rem;margin-top:1.5rem}.collapsible-section{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;margin-bottom:.75rem}.collapsible-section summary{font-family:var(--font-family);font-weight:600;font-size:.9rem;padding:.65rem .85rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-color);color:var(--text-primary);list-style:none;display:flex;align-items:center;justify-content:space-between}.collapsible-section summary::-webkit-details-marker{display:none}.collapsible-section summary:after{content:"▶";font-size:.65rem;transition:transform .2s ease;color:var(--text-secondary)}.collapsible-section[open] summary:after{transform:rotate(90deg)}.collapsible-section summary:hover{background:var(--border-color)}.section-content{padding:.85rem;display:flex;flex-direction:column;gap:.75rem}.pov-actions button{padding:.6rem;font-size:.85rem;flex:1}.storey-select{width:100%;padding:.5rem .75rem;font-family:var(--font-family);font-size:.85rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--panel-bg);color:var(--text-primary);cursor:pointer;outline:none}.storey-select:disabled{opacity:.5;cursor:not-allowed}.floor-plan-container{position:relative;width:100%;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;cursor:crosshair;min-height:60px}.floor-plan-img{width:100%;display:block;pointer-events:none}.floor-plan-pointer{position:absolute;width:10px;height:10px;background:var(--danger-color);border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;display:none;box-shadow:0 0 4px #0006;z-index:5}.tree-view-container{max-height:250px;overflow-y:auto;font-size:.8rem;line-height:1.4;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.5rem}.tree-view-container::-webkit-scrollbar{width:4px}.tree-view-container::-webkit-scrollbar-track{background:transparent}.tree-view-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.tree-view-container ul{list-style:none;padding-left:1rem;margin:0}.tree-view-container ul li{padding:1px 0}.tree-view-container ul li span{cursor:pointer}.tree-view-container ul li span:hover{color:#06c;text-decoration:underline}.tree-view-container .highlighted-node{background:#0066cc1f;border-radius:2px}.btn-active{background-color:var(--accent-color)!important;color:#fff!important;border-color:var(--accent-color)!important}.viewpoints-list{display:flex;flex-direction:column;gap:.35rem}.viewpoint-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.8rem;cursor:pointer;transition:background .15s}.viewpoint-item:hover{background:var(--border-color)}.viewpoint-item .vp-name{font-weight:500}.viewpoint-item .vp-delete{background:none;border:none;cursor:pointer;color:var(--danger-color);font-size:.85rem;padding:0 .25rem;line-height:1}.slice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.slice-grid button{padding:.4rem;font-size:.85rem}.slider-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.slider-container label{font-size:.85rem;color:var(--text-secondary)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;margin-top:-6px;box-shadow:0 1px 3px #0000004d}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--border-color);border-radius:var(--border-radius)}input[type=range]:disabled::-webkit-slider-thumb{background:var(--text-secondary)}button{font-family:var(--font-family);font-weight:500;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;font-size:.95rem}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-color);border-color:var(--text-secondary)}.btn-danger{background-color:var(--danger-color);color:#fff;width:100%}.btn-danger:hover{background-color:var(--danger-hover)}.loading{position:absolute;bottom:2rem;left:2rem;background:var(--panel-bg);padding:1rem 1.5rem;border-radius:var(--border-radius);border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;box-shadow:var(--box-shadow);color:var(--text-primary);font-weight:500;pointer-events:auto}.loading.hidden{display:none}.spinner{width:20px;height:20px;border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.dragover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#1e1d240d;z-index:100;pointer-events:none;border:4px dashed var(--accent-color);box-sizing:border-box}