*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--bg: light-dark(#f2f3f5, #14161a);--bg-panel: light-dark(#e7e9ed, #1c1f26);--bg-sidebar: light-dark(#eceef1, #191c22);--border: light-dark(#d0d4db, #2a2e37);--border-strong: light-dark(#b6bcc7, #3a4150);--border-strong-hover: light-dark(#9aa2b0, #4a5364);--btn-bg: light-dark(#dde0e6, #2b3141);--btn-hover: light-dark(#cfd4dd, #353c4e);--row-hover: light-dark(#dbe4f0, #2b3546);--badge-bg: light-dark(#dfe2e8, #262b35);--table-border: light-dark(#dcdfe5, #252a33);--text: light-dark(#23272e, #d6d9de);--text-muted: light-dark(#444b57, #aeb8c8);--text-muted-2: light-dark(#4a505b, #aeb4be);--text-dim: light-dark(#5c6370, #8b919c);--text-dimmer: light-dark(#6b7280, #727987);--text-faint: light-dark(#8a919c, #565c68);--accent: #4a90d9;--accent-text: light-dark(#2e6db4, #9ec5ef);--amber: light-dark(#9a6b00, #e8c47a);--error: light-dark(#b33a3a, #e8b4b4);--green: light-dark(#1d7a4f, #63d3a6);--green-bg: light-dark(#d2efe1, #1f3d33);--drop-bg: light-dark(rgba(232, 240, 250, .3), rgba(20, 30, 48, .3))}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong-hover)}html,body,#app{height:100%;font-family:system-ui,sans-serif;background:var(--bg);color:var(--text)}#app{display:flex;flex-direction:column}#main{display:flex;flex:1 1 auto;min-height:0}#sidebar{flex:0 0 260px;background:var(--bg-sidebar);border-right:0;padding:0;display:flex;flex-direction:column;min-height:0;min-width:0}#sidebar .placeholder{color:var(--text-faint);font-size:.85rem}#tree-tabs button,#welcome-open,#welcome-about,#load-cancel,#model-details-link,#status-bar button{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;background:#f7f8fa;border:1px solid #c9cdd4;border-radius:2px;box-shadow:inset 0 1px #ffffffd9,0 1px 1px #23272e14;color:#23272e;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}#tree-tabs button:hover,#welcome-open:hover,#welcome-about:hover,#load-cancel:hover:not(:disabled),#model-details-link:hover,#status-bar button:hover{background:#fff;border-color:#b6bcc7}#tree-tabs button:focus-visible,#welcome-open:focus-visible,#welcome-about:focus-visible,#load-cancel:focus-visible,#model-details-link:focus-visible,#status-bar button:focus-visible{outline:2px solid rgba(74,144,217,.35);outline-offset:1px}#load-cancel:disabled{opacity:.5;cursor:default}#tree-header{flex:0 0 auto;display:flex;flex-direction:column;gap:.4rem;padding:.5rem .5rem .45rem;border-bottom:1px solid var(--border)}#tree-search,#tree-sort{width:100%;padding:.3rem .5rem;background:var(--bg);border:1px solid var(--border-strong);border-radius:4px;color:var(--text);font-size:.78rem}#tree-tabs{display:flex;gap:4px}#tree-tabs button{flex:1 1 0;height:24px;padding:0 .25rem;color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:0}#tree-tabs button.active{background:#fff;border-color:#8fb7df;color:#2e6db4}#tree{flex:1 1 auto;min-height:8rem;overflow:hidden}.tree-viewport{position:relative;height:100%;overflow:auto;font-size:.82rem}.tree-rows{position:absolute;inset:0 0 auto}.tree-row{height:28px;display:flex;align-items:center;gap:4px;padding-right:6px;cursor:pointer;user-select:none;white-space:nowrap}.tree-row:hover,.tree-row.selected{background:var(--row-hover)}.tree-toggle{width:16px;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.tree-toggle:disabled{cursor:default}.tree-row input{accent-color:var(--accent)}.tree-label{overflow:hidden;text-overflow:ellipsis}.tree-side{margin-left:auto;display:flex;align-items:center;gap:4px;min-width:0}.tree-side>span{padding:0 .35rem;border-radius:3px;font-size:.68rem;font-variant-numeric:tabular-nums}.badge-elev{background:var(--green-bg);color:var(--green)}.badge-count{background:var(--badge-bg);color:var(--text-dim)}.tree-type{color:var(--text-faint);overflow:hidden;text-overflow:ellipsis}#sidebar-resizer{flex:0 0 8px;cursor:row-resize;background:var(--border);border-top:1px solid var(--bg);border-bottom:1px solid var(--bg)}#sidebar-resizer:hover,#sidebar-resizer.dragging{background:var(--border-strong)}#main-resizer{flex:0 0 8px;margin-left:-4px;margin-right:-4px;cursor:col-resize;background:transparent;border:0;position:relative;z-index:2}#main-resizer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:28px;border-radius:2px;background:var(--text-faint);opacity:1}#main-resizer:hover,#main-resizer.dragging{background:transparent}#main-resizer:hover:after,#main-resizer.dragging:after{background:var(--text-muted)}.properties{flex:0 0 20vh;min-height:4rem;max-height:65%;overflow:auto;padding:.6rem .75rem;font-size:.78rem}.properties.empty{color:var(--text-dimmer)}.properties section+section{margin-top:.8rem}.properties h3{color:var(--accent-text);font-size:.8rem;margin-bottom:.25rem}.properties table{width:100%;border-collapse:collapse;table-layout:fixed}.properties td{padding:.16rem .2rem;border-top:1px solid var(--table-border);overflow-wrap:anywhere;vertical-align:top}.properties td:first-child{width:45%;color:var(--text-muted-2)}#viewport-container{position:relative;flex:1 1 auto;min-width:0}#viewport{display:block;width:100%;height:100%;touch-action:none}#viewport-tools{position:absolute;top:calc(1.25rem + 84px);right:.75rem;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.tool-icon{width:32px;height:32px;display:grid;place-items:center;padding:0;background:#e7e9edb1;border:1px solid rgba(198,203,212,.776);border-radius:4px;color:#2e6db4;cursor:pointer;opacity:.86}.tool-icon:hover,.tool-icon.active{background:#ffffffda;color:#1f5b99}.tool-icon svg{width:24px;height:24px}.tool-icon img{width:24px;height:24px;object-fit:contain}#zoom-bounds-button svg path{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.5}#settings-button svg path,#settings-button svg circle,#terrain-button svg path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}#area-select-button svg path{fill:none;stroke:currentColor;stroke-linecap:butt;stroke-linejoin:miter;stroke-width:1.55}#nav-cube{position:absolute;top:.75rem;right:.75rem;z-index:3;width:84px;height:84px;background:transparent;border:0;cursor:grab;touch-action:none}#nav-cube:active{cursor:grabbing}#area-selection-box[hidden],#selection-menu[hidden],#viewer-status-bar[hidden],#settings-panel[hidden],#terrain-panel[hidden]{display:none}#area-selection-box{position:absolute;z-index:4;border:1px dashed #2e6db4;background:#4a90d924;pointer-events:none}#selection-menu{position:absolute;z-index:6;min-width:148px;padding:.25rem;background:#e7e9edf5;border:1px solid rgba(198,203,212,.95);border-radius:6px;box-shadow:0 8px 24px #23272e2e}#selection-menu button{display:block;width:100%;padding:.4rem .55rem;background:transparent;border:0;border-radius:4px;color:#23272e;font-size:.82rem;text-align:left;cursor:pointer}#selection-menu button:hover,#selection-menu button:focus-visible{background:#cfd4dde6;outline:0}#model-details-dock{position:absolute;left:.75rem;right:.75rem;bottom:5px;z-index:3;display:flex;align-items:center;min-width:0;pointer-events:none}#model-details-dock>*{pointer-events:auto}#viewer-status-bar{flex:1 1 auto;min-width:0;display:flex;align-items:center;height:24px;overflow-x:auto;white-space:nowrap;background:#e7e9ede6;border:1px solid rgba(198,203,212,.9);border-left:0;border-radius:0 2px 2px 0;color:#4a505b;font-size:.78rem;font-variant-numeric:tabular-nums}#viewer-status-bar span{padding:0 .75rem;border-right:1px solid rgba(198,203,212,.9)}#viewer-status-bar span:last-child{border-right:0}#status{min-width:12rem;color:#2e6db4}#settings-panel,#terrain-panel{position:absolute;top:3.4rem;right:6rem;z-index:4;display:flex;flex-direction:column;gap:.75rem;width:min(320px,calc(100% - 2rem));padding:1rem;background:#e7e9edf0;border:1px solid rgba(198,203,212,.9);border-radius:6px;color:#23272e;box-shadow:0 8px 24px #23272e29}#terrain-panel{width:min(440px,calc(100% - 2rem));gap:.55rem}#settings-panel h2,#terrain-panel h2{font-size:.95rem;font-weight:600}#settings-panel label,#terrain-panel label,.settings-background-row{display:flex;align-items:center;gap:.55rem;font-size:.82rem;line-height:1.35}.settings-background-row label{display:block;flex:1 1 auto;min-width:0}#settings-panel input[type=number],#settings-panel input[type=text],#terrain-panel input[type=number],#terrain-panel input[type=text],#terrain-panel input[type=range]{width:4.5rem;margin-left:auto;padding:.25rem .4rem;background:#f5f6f8;border:1px solid #b6bcc7;border-radius:4px;color:#23272e}#terrain-panel input[type=range]{flex:1 1 auto;min-width:7rem;padding:0}#settings-panel input[type=color],#terrain-panel input[type=color]{width:2.4rem;height:1.65rem;margin-left:auto;padding:2px;background:#f5f6f8;border:1px solid #b6bcc7;border-radius:4px;cursor:pointer}.settings-default-button{flex:0 0 auto;height:24px;padding:0 .45rem;font-size:.74rem;line-height:1;white-space:nowrap}#settings-panel input[type=color]::-webkit-color-swatch-wrapper,#terrain-panel input[type=color]::-webkit-color-swatch-wrapper{padding:0}#settings-panel input[type=color]::-webkit-color-swatch,#terrain-panel input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}#settings-panel input[type=color]::-moz-color-swatch,#terrain-panel input[type=color]::-moz-color-swatch{border:0;border-radius:2px}#settings-panel input[type=text],#terrain-panel input[type=text]{width:min(13rem,58%)}#settings-panel input:disabled{opacity:.65}#terrain-panel input:disabled{opacity:.65}#settings-close,#terrain-close,#about-close{position:absolute;top:.55rem;right:.55rem}.panel-close{width:32px;height:32px;padding:0;background:transparent;border:0;color:#4a505b;cursor:pointer}.panel-close:before,.panel-close:after{content:"";position:absolute;top:15px;left:9px;width:14px;height:2px;background:currentColor;border-radius:1px}.panel-close:before{transform:rotate(45deg)}.panel-close:after{transform:rotate(-45deg)}.panel-close:hover,.panel-close:focus-visible{color:#2e6db4}.panel-close:focus-visible{outline:2px solid rgba(74,144,217,.35);outline-offset:-3px}.terrain-inline,.terrain-footer{display:flex;align-items:center;gap:.65rem}.terrain-inline label{flex:1 1 0}#terrain-position,#terrain-status,.terrain-attribution{color:#4a505b;font-size:.78rem;line-height:1.35}#terrain-position.invalid{color:#b33a3a;font-weight:600}.terrain-footer{justify-content:space-between}.terrain-actions{display:flex;align-items:center;gap:.45rem;margin-left:auto}.panel-primary{height:28px;padding:0 .75rem;background:#f7f8fa;border:1px solid #c9cdd4;border-radius:2px;box-shadow:inset 0 1px #ffffffd9,0 1px 1px #23272e14;color:#23272e;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.panel-secondary{height:28px;padding:0 .65rem;background:#eef1f5;border:1px solid #c9cdd4;border-radius:2px;box-shadow:inset 0 1px #ffffffbf,0 1px 1px #23272e0d;color:#23272e;font:inherit;font-size:.82rem;font-weight:500;cursor:pointer}.panel-primary:hover:not(:disabled),.panel-secondary:hover:not(:disabled),.panel-primary:focus-visible{background:#fff;border-color:#b6bcc7}.panel-secondary:focus-visible{background:#fff;border-color:#b6bcc7}.panel-primary:disabled,.panel-secondary:disabled{opacity:.5;cursor:default}#error-banner[hidden]{display:none}#error-banner{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:6;max-width:720px;margin:0 auto;padding:.65rem .9rem;background:#e7e9edf5;border:1px solid #d3a8a8;border-radius:8px;box-shadow:0 8px 24px #23272e24;color:var(--error);font-size:.85rem;line-height:1.45;white-space:pre-line;cursor:pointer}#model-details-dock.details-open~#error-banner{bottom:calc(24px + 1.5rem)}#load-overlay:not([hidden])~#error-banner{bottom:5.5rem}#welcome-drop-zone,#welcome-panel,#about-panel{position:absolute}#welcome-drop-zone{top:20px;left:15%;right:15%;bottom:calc(75% - 20px);z-index:2;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:2px dotted var(--accent);border-radius:8px;background:var(--drop-bg);color:var(--accent-text);font-size:1.1rem;font-weight:600;padding:0 1.5rem;pointer-events:none;text-align:center;white-space:normal;transition:top .12s ease,right .12s ease,bottom .12s ease,left .12s ease,background-color .12s ease,box-shadow .12s ease,font-size .12s ease}#welcome-panel,#about-panel{top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1.1rem;width:min(380px,85%);padding:2.5rem 2.25rem;background:#e7e9ed;border:1px solid #c6cbd4;border-radius:10px}#welcome-panel{top:66.666%;background:#e7e9ede6}#about-panel{top:66.666%;z-index:4}#welcome-drop-zone[hidden],#welcome-panel[hidden],#about-panel[hidden]{display:none}#viewport-container.dragging.drop-welcome #welcome-drop-zone{inset:12px;z-index:5;background:light-dark(rgba(207,225,249,.7),rgba(42,68,103,.7));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent);font-size:2rem}.brand-title{display:flex;align-items:center;gap:0;margin:0;color:#0c1d2e;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:1.7rem;font-weight:700;line-height:1}.brand-title span:last-child{color:#2e6db4;margin-left:.12rem}.brand-icon{width:36px;height:36px;flex:0 0 auto;margin-right:.65rem}.brand-icon rect:first-child{fill:#081a29}.brand-icon rect:not(:first-child){fill:#58aee9}.brand-icon rect:nth-child(3){fill:#d36f3d}#welcome-panel hr,#about-panel hr{width:100%;border:0;border-top:1px solid #c6cbd4}#welcome-open{width:100%;height:34px;padding:0 1rem;font-size:.95rem}#welcome-panel .hint{color:#5c6370;font-size:.85rem}#welcome-about{width:100%;height:30px;padding:0 1rem;font-size:.9rem}#about-panel{position:absolute;align-items:stretch;gap:.85rem;width:min(480px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);padding:2.75rem 2.25rem 2rem;overflow:auto;z-index:4;color:#23272e;line-height:1.45}#about-panel img{align-self:center}#about-panel h2{color:#23272e;font-size:1rem;font-weight:600}#about-panel p{color:#444b57;font-size:.9rem}#about-panel a{color:#2e6db4;font-size:.9rem}#about-panel .powered-by{color:#23272e;font-weight:600}#load-overlay[hidden]{display:none}#load-overlay{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:5;display:flex;align-items:center;gap:.75rem;max-width:720px;margin:0 auto;padding:.65rem .8rem;background:#e7e9edf5;border:1px solid #c6cbd4;border-radius:8px;box-shadow:0 8px 24px #23272e24;color:#23272e;pointer-events:auto}#model-details-dock.details-open~#load-overlay{bottom:calc(24px + 1.5rem)}#load-content{flex:1 1 auto;min-width:0}#load-main-row{display:flex;align-items:center;gap:20px}#load-message{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35;font-size:.85rem}#load-progress{flex:1 1 auto;min-width:260px;height:8px;accent-color:var(--accent)}#load-hint{display:block;margin-top:.28rem;color:#5c6370;font-size:.76rem;line-height:1.25;white-space:normal}#load-hint[hidden]{display:none}#load-cancel{flex:0 0 auto;height:24px;padding:0 .55rem;font-size:.8rem}#nav-key-hint[hidden]{display:none}#nav-key-hint{position:absolute;left:50%;bottom:1rem;z-index:4;transform:translate(-50%);max-width:min(520px,calc(100% - 2rem));padding:.4rem .65rem;background:#e7e9edf0;border:1px solid rgba(198,203,212,.9);border-radius:6px;color:#4a505b;font-size:.8rem;line-height:1.3;text-align:center;box-shadow:0 8px 24px #23272e24;pointer-events:none}#model-details-dock.details-open~#nav-key-hint{bottom:calc(24px + 1.5rem)}#load-overlay:not([hidden])~#nav-key-hint{bottom:5.5rem}#status-bar{display:flex;align-items:center;gap:.4rem;height:34px;padding:0 .45rem;background:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-dim);font-size:.76rem;font-variant-numeric:tabular-nums;flex:0 0 auto;overflow:hidden;white-space:nowrap}#status-bar button{flex:0 0 auto;min-width:46px;height:24px;padding:0 .55rem}#status-bar button svg{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}#status-bar button:disabled{opacity:.5;cursor:default}#model-details-link{flex:0 0 auto;height:24px;padding:0 .55rem;font-size:.76rem}#model-details-dock.details-open #model-details-link{border-top-right-radius:0;border-bottom-right-radius:0}#viewport-container.dragging:not(.drop-welcome):before,#viewport-container.dragging:not(.drop-welcome):after{position:absolute;left:12px;right:12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:2px dotted var(--accent);border-radius:8px;background:var(--drop-bg);color:var(--accent-text);font-size:2rem;font-weight:600;padding:0 1.5rem;pointer-events:none;text-align:center;white-space:normal}#viewport-container.dragging:not(.drop-welcome):before{content:"Load dropped ifc/ifczip files";top:12px;bottom:12px}#viewport-container.dragging:not(.drop-welcome):after{display:none}#viewport-container.dragging:not(.drop-welcome).drop-split:before{content:"Clear viewer and load dropped ifc files";bottom:calc(50% + 6px)}#viewport-container.dragging:not(.drop-welcome).drop-split:after{content:"Append to previously loaded files";display:flex;top:calc(50% + 6px);bottom:12px}#viewport-container.dragging:not(.drop-welcome):not(.drop-split):before,#viewport-container.dragging:not(.drop-welcome).drop-split.drop-replace:before,#viewport-container.dragging:not(.drop-welcome).drop-split.drop-append:after{background:light-dark(rgba(207,225,249,.7),rgba(42,68,103,.7));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}@media(max-width:700px){#load-overlay{align-items:stretch;flex-direction:column}#load-message{white-space:normal}#load-main-row{align-items:stretch;flex-direction:column}#load-progress{flex:0 0 auto;width:100%}#load-hint{width:100%}#load-cancel{align-self:flex-end}}