:root{--bg-primary: #f0f0f0;--bg-secondary: #e8e8e8;--bg-toolbar: rgba(255, 255, 255, .92);--text-primary: #1a1a2e;--text-secondary: #666666;--accent-violet: #350e35;--accent-teal: #45b6a8;--accent-teal-hover: #3da396;--border-subtle: rgba(0, 0, 0, .12);--hover-bg: rgba(69, 182, 168, .1);--active-bg: rgba(69, 182, 168, .2);--separator-color: rgba(0, 0, 0, .12);--slider-track: rgba(0, 0, 0, .15);--row-border: rgba(0, 0, 0, .06);--section-border: rgba(0, 0, 0, .08);--header-border: rgba(0, 0, 0, .1)}html.dark-theme{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-toolbar: rgba(22, 33, 62, .92);--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-subtle: rgba(69, 182, 168, .3);--hover-bg: rgba(69, 182, 168, .15);--active-bg: rgba(69, 182, 168, .25);--separator-color: rgba(255, 255, 255, .15);--slider-track: rgba(255, 255, 255, .15);--row-border: rgba(255, 255, 255, .04);--section-border: rgba(255, 255, 255, .06);--header-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary)}#viewer-container{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-toolbar);color:var(--text-primary);padding:16px 32px;border-radius:8px;font-size:16px;border:1px solid var(--accent-teal);pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#loading-indicator.error{border-color:#e74c3c;color:#e74c3c}#toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px 10px;background:var(--bg-toolbar);border:1px solid var(--border-subtle);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;overflow:visible}.toolbar-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-primary);font-size:18px;cursor:pointer;transition:background .15s,border-color .15s;user-select:none;-webkit-user-select:none}.toolbar-btn:hover{background:var(--hover-bg);border-color:var(--border-subtle)}.toolbar-btn.active{background:var(--active-bg);border-color:var(--accent-teal)}.toolbar-btn.separator-after{margin-right:0}.toolbar-submenu{position:fixed;background:var(--bg-toolbar);border:1px solid var(--border-subtle);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #00000026;padding:4px 0;min-width:160px;z-index:100;pointer-events:auto}.toolbar-submenu.hidden{display:none}.toolbar-submenu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:none;background:none;color:var(--text-primary);font-size:13px;font-family:Segoe UI,sans-serif;text-align:left;cursor:pointer}.toolbar-submenu-item:hover{background:var(--hover-bg)}.toolbar-submenu-item svg{width:18px;height:18px;flex-shrink:0}#explode-slider-container{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-toolbar);border:1px solid var(--border-subtle);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.explode-label{color:var(--text-secondary);font-size:13px;white-space:nowrap}.explode-slider{width:180px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--slider-track);border-radius:2px;outline:none;cursor:pointer}.explode-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-teal);cursor:pointer}.explode-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-teal);border:none;cursor:pointer}.toolbar-btn svg{width:20px;height:20px}#property-panel{position:absolute;top:70px;right:12px;width:300px;max-height:calc(100vh - 90px);background:var(--bg-toolbar);border:1px solid var(--border-subtle);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;overflow-y:auto;transition:opacity .2s,transform .2s}#property-panel.hidden{opacity:0;pointer-events:none;transform:translate(20px)}#mobile-info-btn{color:var(--accent-teal, #45b6a8)}#mobile-info-btn.hidden{display:none}.pp-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--header-border)}.pp-title{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.pp-close{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.pp-close:hover{color:var(--text-primary)}.pp-actions{display:flex;gap:6px;padding:8px 14px;border-bottom:1px solid var(--header-border)}.pp-action-btn{flex:1;padding:5px 0;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-primary);font-size:12px;font-family:Segoe UI,sans-serif;cursor:pointer;transition:background .15s}.pp-action-btn:hover{background:var(--hover-bg);border-color:var(--accent-teal)}.pp-action-reset{color:var(--text-secondary)}.pp-body{padding:8px 0}.pp-element-header{padding:6px 14px 10px;border-bottom:1px solid var(--section-border)}.pp-element-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.pp-element-category{display:block;font-size:12px;color:var(--text-secondary);margin-top:2px}.pp-element-mark{display:inline-block;font-size:11px;font-weight:600;color:var(--accent-teal);background:var(--hover-bg);padding:1px 8px;border-radius:10px;margin-top:4px}.pp-section-divider{height:1px;background:var(--separator-color);margin:8px 0}.pp-var{color:var(--accent-teal)!important;font-style:italic;opacity:.8}.pp-section{margin-top:4px}.pp-section-header{padding:6px 14px;font-size:12px;font-weight:600;color:var(--accent-teal);text-transform:uppercase;letter-spacing:.3px}.pp-table{padding:0 14px}.pp-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;border-bottom:1px solid var(--row-border);gap:12px}.pp-key{font-size:12px;color:var(--text-secondary);flex-shrink:0;max-width:45%}.pp-value{font-size:12px;color:var(--text-primary);text-align:right;word-break:break-word;min-width:0}.pp-details{margin-top:8px;border-top:1px solid var(--section-border)}.pp-details summary{padding:8px 14px;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.pp-details summary:hover{color:var(--text-primary)}#property-panel::-webkit-scrollbar{width:4px}#property-panel::-webkit-scrollbar-track{background:transparent}#property-panel::-webkit-scrollbar-thumb{background:var(--slider-track);border-radius:2px}.context-menu{position:fixed;z-index:1000;pointer-events:auto;background:var(--bg-toolbar);border:1px solid var(--border-subtle);border-radius:6px;padding:4px 0;min-width:140px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #00000026}.context-menu.hidden{display:none}.context-menu button{display:block;width:100%;padding:8px 16px;border:none;background:none;color:var(--text-primary);font-size:13px;font-family:Segoe UI,sans-serif;text-align:left;cursor:pointer}.context-menu button:hover{background:var(--hover-bg)}.context-menu-divider{height:1px;margin:4px 8px;background:var(--separator-color)}#bouwvolgorde-timeline{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-toolbar);border:1px solid var(--border-subtle);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;min-width:360px}.bv-label{font-size:13px;color:var(--text-primary);font-weight:500;text-align:center;white-space:nowrap}.bv-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--slider-track);border-radius:2px;outline:none;cursor:pointer}.bv-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-teal);cursor:pointer}.bv-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-teal);border:none;cursor:pointer}.bv-controls{display:flex;align-items:center;gap:6px}.bv-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer;transition:background .15s}.bv-btn:hover{background:var(--hover-bg);border-color:var(--border-subtle)}.bv-btn.active,.bv-play-btn.active{background:var(--active-bg);border-color:var(--accent-teal)}.bv-speed-label{font-size:11px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;-webkit-user-select:none;user-select:none}.bv-speed-label:hover{background:var(--hover-bg);color:var(--text-primary)}#bouwvolgorde-timeline.hidden{display:none}#model-panel{position:absolute;top:70px;left:72px;width:240px;background:var(--bg-toolbar);border:1px solid var(--border-subtle);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;transition:opacity .2s,transform .2s}#model-panel.hidden{opacity:0;pointer-events:none;transform:translate(-20px)}.mp-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--header-border)}.mp-title{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.mp-close{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.mp-close:hover{color:var(--text-primary)}.mp-body{padding:8px 14px}.mp-item{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--row-border)}.mp-item:last-child{border-bottom:none}.mp-checkbox{width:16px;height:16px;accent-color:var(--accent-teal);cursor:pointer;flex-shrink:0}.mp-name{flex:1;min-width:0;font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;padding:0;flex-shrink:0;transition:background .15s,border-color .15s,color .15s}.mp-action-btn:hover{background:var(--hover-bg);color:var(--accent-teal);border-color:var(--border-subtle)}.mp-action-btn.active{background:var(--active-bg);color:var(--accent-teal);border-color:var(--accent-teal)}#left-toolbar{position:absolute;top:70px;left:12px;display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--bg-toolbar);border:1px solid var(--border-subtle);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.left-tb-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s}.left-tb-btn:hover{background:var(--hover-bg);border-color:var(--border-subtle)}.left-tb-btn.active{background:var(--active-bg);border-color:var(--accent-teal)}.left-tb-btn svg{width:20px;height:20px}#filter-panel{position:absolute;top:70px;left:72px;width:260px;max-height:calc(100vh - 90px);background:var(--bg-toolbar);border:1px solid var(--border-subtle);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;overflow-y:auto;transition:opacity .2s,transform .2s}#filter-panel.hidden{opacity:0;pointer-events:none;transform:translate(-20px)}#multi-select-panel{position:absolute;top:70px;left:72px;width:180px;background:var(--bg-toolbar);border:1px solid var(--border-subtle);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;transition:opacity .2s,transform .2s}#multi-select-panel.hidden{opacity:0;pointer-events:none;transform:translate(-20px)}.ms-body{padding:6px 8px;display:flex;flex-direction:column;gap:2px}.ms-action-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:6px;background:none;color:var(--text-primary);font-size:13px;font-family:Segoe UI,sans-serif;text-align:left;cursor:pointer}.ms-action-btn:hover{background:var(--hover-bg)}.ms-action-btn.active{background:var(--active-bg);border:1px solid var(--accent-teal);color:var(--accent-teal)}.ms-action-btn svg{flex-shrink:0}.fp-body{padding:8px 14px}.fp-clt-toggle{display:flex;align-items:center;gap:10px;padding:8px 0;margin-bottom:12px;border-bottom:1px solid var(--row-border);cursor:pointer}.fp-clt-cb{width:16px;height:16px;accent-color:var(--accent-teal);cursor:pointer;flex-shrink:0}.fp-clt-label{font-size:13px;font-weight:500;color:var(--text-primary)}.fp-section{margin-bottom:12px}.fp-section-label{font-size:12px;font-weight:600;color:var(--accent-teal);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.fp-mark-row{display:flex;gap:6px}.fp-mark-input{flex:1;padding:6px 10px;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-primary);font-size:13px;font-family:Segoe UI,sans-serif;outline:none}.fp-mark-input:focus{border-color:var(--accent-teal)}.fp-mark-input.fp-no-match{border-color:#e74c3c;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.fp-apply-btn{padding:6px 12px;border:1px solid var(--accent-teal);border-radius:6px;background:transparent;color:var(--accent-teal);font-size:12px;font-family:Segoe UI,sans-serif;cursor:pointer;white-space:nowrap}.fp-apply-btn:hover{background:var(--hover-bg)}.fp-type-list{max-height:200px;overflow-y:auto}.fp-type-item{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;border-bottom:1px solid var(--row-border)}.fp-type-item:last-child{border-bottom:none}.fp-type-cb{width:15px;height:15px;accent-color:var(--accent-teal);cursor:pointer;flex-shrink:0}.fp-type-name{font-size:12px;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-type-count{font-size:11px;color:var(--text-secondary);flex-shrink:0}.fp-reset-btn{width:100%;padding:6px 0;border:1px solid var(--border-subtle);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:12px;font-family:Segoe UI,sans-serif;cursor:pointer;margin-top:4px}.fp-reset-btn:hover{background:var(--hover-bg);color:var(--text-primary)}html.dark-theme #property-panel::-webkit-scrollbar-thumb{background:#ffffff26}@media (max-width: 768px){#loading-indicator{font-size:14px;padding:12px 24px}#toolbar{top:8px;left:8px;right:8px;transform:none;gap:2px;padding:4px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}#toolbar::-webkit-scrollbar{display:none}.toolbar-btn{width:36px;height:36px;flex-shrink:0}.toolbar-btn svg{width:16px;height:16px}.toolbar-btn.separator-after{margin-right:4px}.toolbar-submenu-item{padding:12px 16px;font-size:14px}#left-toolbar{top:56px}#model-panel,#filter-panel{top:56px;left:64px}#bouwvolgorde-timeline{bottom:12px;min-width:unset;width:calc(100% - 24px);padding:10px 14px}#overlay:has(>#back-to-projects)>#toolbar{left:52px}}#back-to-projects{position:fixed;top:12px;left:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--bg-toolbar);border:1px solid var(--border-subtle);color:var(--text-primary);text-decoration:none;cursor:pointer;pointer-events:auto;transition:background .15s,border-color .15s}#back-to-projects:hover{background:var(--hover-bg);border-color:var(--accent-teal)}