:root{font-family:Inter,Arial,sans-serif;color:#26322e;background:#f1f2ed;font-synthesis:none;--ink:#26322e;--muted:#7e8780;--line:#d9dfd7;--accent:#b7c5ad;--amber:#b47c37}
*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9eaf8e;outline-offset:3px}button{border:0}button:hover{filter:brightness(.94)}button:active{transform:translateY(1px)}.header{height:72px;background:#202a27;color:#f5f5ef;display:flex;align-items:center;justify-content:space-between;padding:0 29px;border-bottom:1px solid #37423a}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:2px}.brand-mark{font-size:33px;color:#c5d0ba;font-weight:400;line-height:1}.brand-light{font-weight:400;color:#b5c0b8}.project{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:1.4px}.project-detail{color:#a2afa7;margin-left:17px;letter-spacing:1px}.status-dot,.workspace-footer i{width:6px;height:6px;border-radius:50%;background:#a9ba9b;display:inline-block}.icon-button{background:transparent;color:inherit;width:36px;height:36px;font-size:26px;border-radius:6px}.header .icon-button{border:1px solid #47524a;font-size:22px}main{display:flex;height:calc(100dvh - 72px);min-height:500px}aside{width:282px;flex-shrink:0;padding:29px 23px 18px;background:#f6f7f2;border-right:1px solid var(--line);overflow:auto;scrollbar-width:thin}.sidebar-head{display:flex;justify-content:space-between;align-items:center}.sidebar-head .icon-button{display:none}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:var(--muted);margin:0 0 12px}h1{font-family:Georgia,serif;font-size:39px;font-weight:400;letter-spacing:-1.5px;margin:0 0 12px}h1 span{color:#a2b38f}.intro{font-size:12px;line-height:1.7;margin:0 0 26px;color:#7c857c}section{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}h2{font-size:11px;margin:0;font-weight:600;letter-spacing:.2px}.section-heading>span{font-size:8px;color:#8c948c;letter-spacing:1px}.segmented{padding:3px;background:#e8ece4;border-radius:7px;display:flex;gap:2px}.segmented button{font-size:10px;padding:10px 0;flex:1;background:transparent;border-radius:5px;color:#737e71}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #192b1514}.room-links{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.room-links button{flex:1;font-size:10px;border:1px solid #dfe4db;background:transparent;padding:8px 0;border-radius:5px;color:#727e6d}.door-button{display:flex;align-items:center;width:100%;gap:10px;background:transparent;text-align:left;padding:10px 0;border-bottom:1px solid #e8ebe4;color:var(--ink)}.door-symbol{width:27px;height:27px;display:grid;place-items:center;background:#ebe9df;color:#9e7d4b;border-radius:5px;font-size:15px}.door-title{flex:1;font-size:11px;line-height:1.4}.door-title small{display:block;font-size:8px;color:#969e94;letter-spacing:.3px}.door-state{font-size:9px;color:#848e7f;border:1px solid #d7ded1;border-radius:12px;padding:4px 7px;min-width:45px;text-align:center}.door-button.open .door-state{color:#456239;background:#e4ecd9;border-color:#cad8bd}.door-button.selected .door-symbol{background:#d7e1cd}.bulk-actions{display:flex;gap:8px;margin-top:12px}.bulk-actions button{font-size:10px;background:#e9eee3;border-radius:5px;padding:10px;flex:1;color:#475641;text-align:left}.bulk-actions button span{float:right}.door-note{display:flex;align-items:center;gap:10px;color:#8b9685;margin-top:12px}.door-note p{font-size:9px;line-height:1.6;margin:0}.rail-icon{font-size:22px}.text-button{font-size:9px;background:transparent;color:#85917e;padding:0}.range-heading{display:flex;justify-content:space-between;font-size:10px;color:#74816d;margin:14px 0 6px}.range-heading output{font-size:9px}input[type=range]{width:100%;height:3px;accent-color:#748a68;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:10px;color:#74816d}input[type=checkbox]{appearance:none;width:27px;height:15px;border-radius:12px;background:#d8ded3;position:relative;cursor:pointer}input[type=checkbox]:after{content:'';position:absolute;top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:#fff;transition:left .2s}input[type=checkbox]:checked{background:#8a9c7c}input[type=checkbox]:checked:after{left:15px}.model-note{font-size:8px;color:#9da497;line-height:1.7;margin-top:24px}.workspace{min-width:0;flex:1;display:flex;flex-direction:column;background:#eceee8}#viewport{position:relative;flex:1;overflow:hidden;min-height:0}#scene{display:block;width:100%;height:100%;touch-action:none;outline:none}.view-caption{position:absolute;left:30px;top:27px;pointer-events:none;display:flex;flex-direction:column;gap:2px}.view-caption .eyebrow{font-size:8px;margin-bottom:5px}.view-caption>span:last-child{font-family:Georgia,serif;font-style:italic;font-size:16px;color:#7e8a78}.north{position:absolute;right:26px;top:28px;font-size:9px;color:#87917f;text-align:center;pointer-events:none}.north span{display:block;font-size:28px;font-family:serif;margin-bottom:3px}.zoom-controls{position:absolute;right:20px;top:44%;display:flex;flex-direction:column;gap:2px;padding:5px;background:#fbfcf7e8;border:1px solid #d9dfd1;border-radius:9px;box-shadow:0 3px 10px #26322e08}.zoom-controls button{width:29px;height:33px;font-size:20px;background:transparent;color:#5a6b51;border-radius:4px}.zoom-controls span{height:1px;background:#e1e5da;margin:3px}.interaction-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;white-space:nowrap;background:#fafcf4d9;backdrop-filter:blur(8px);border:1px solid #dce2d3;border-radius:20px;padding:11px 17px;gap:18px;color:#7c8b71;font-size:9px;pointer-events:none}.workspace-footer{height:40px;background:#f5f6f0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:8px;color:#8c9685;letter-spacing:.3px}.workspace-footer>span:first-child{font-size:8px;letter-spacing:1.5px}.workspace-footer i{margin-right:6px;background:#809570}.workspace-footer button{background:transparent;font-size:9px;color:#77886b}.workspace-footer button span{border:1px solid #c4cfbb;border-radius:50%;padding:1px 4px;margin-left:4px}#loading{position:absolute;inset:0;background:#eceee8;z-index:12;display:grid;align-content:center;justify-items:center;color:#8a9681;font-size:11px;gap:14px;transition:opacity .3s}.loader{width:28px;height:28px;border:1px solid #d0d8c9;border-top:2px solid #758967;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#room-labels{position:absolute;inset:0;pointer-events:none}.room-label{position:absolute;transform:translate(-50%,-50%);font-size:8px;letter-spacing:.9px;text-transform:uppercase;padding:4px 7px;color:#627355;background:#f8faefba;border:1px solid #d8e0cc95;border-radius:4px;white-space:nowrap}#toast{position:absolute;top:24px;left:50%;transform:translate(-50%,-10px);background:#27352cec;color:#f3f5ed;border-radius:7px;padding:12px 18px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}#door-tooltip{position:absolute;background:#26372bef;color:#edf2e7;font-size:10px;padding:7px 11px;border-radius:5px;pointer-events:none}#walk-controls{position:absolute;inset:0;pointer-events:none}#walk-controls[hidden]{display:none}#joystick{position:absolute;bottom:75px;left:25px;width:106px;height:106px;border:1px solid #b8c8ad;border-radius:50%;background:#f3f6eb66;pointer-events:auto;touch-action:none;box-shadow:inset 0 0 0 22px #eff3e830}#joystick:before{content:'MOVE';position:absolute;bottom:-19px;left:0;right:0;text-align:center;font-size:8px;color:#788b6c;letter-spacing:2px}#joystick-thumb{position:absolute;left:32px;top:32px;width:40px;height:40px;border-radius:50%;background:#819771d9;border:4px solid #dce6d2;pointer-events:none}.altitude{position:absolute;right:22px;bottom:85px;display:flex;flex-direction:column;gap:6px;pointer-events:auto}.altitude button{background:#f8faefe6;border:1px solid #d2ddc8;color:#718664;border-radius:6px;width:39px;height:39px;font-size:20px}dialog{width:min(480px,90vw);background:#f6f7f1;color:#344231;border:1px solid #d8dfd1;border-radius:14px;padding:32px;box-shadow:0 20px 100px #19221740}dialog::backdrop{background:#17231f66;backdrop-filter:blur(5px)}dialog h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:0 0 25px}.dialog-close{position:absolute;right:17px;top:12px;background:none;font-size:25px;color:#8b9683}dt{font-size:12px;font-weight:600;margin-top:18px}dd{margin:6px 0 0;font-size:11px;line-height:1.7;color:#7c8876}.error-msg{padding:40px;line-height:1.8;max-width:500px}
@media(max-width:850px){.project-detail{display:none}aside{width:245px;padding:24px 19px}.brand-light{display:none}.view-caption{left:20px}.view-caption>span:last-child{font-size:14px}#footer-status{display:none}.interaction-hint{font-size:8px;gap:10px;padding:10px 13px}}
@media(max-width:600px){.header{height:57px;padding:0 16px}.brand{font-size:10px;letter-spacing:1.3px}.brand-mark{font-size:28px}.project{font-size:9px;gap:7px}.header .icon-button{width:30px;height:30px}main{height:calc(100dvh - 57px);min-height:600px;flex-direction:column}aside{width:100%;border-right:0;border-bottom:1px solid var(--line);padding:14px 18px;order:2;max-height:36dvh;overflow:auto}.sidebar-head .icon-button{display:block}.sidebar-head h1{font-size:25px;margin:0}.sidebar-head .eyebrow{font-size:7px;margin-bottom:4px}.sidebar-head{margin-bottom:12px}.intro,.model-note,.door-note{display:none}.panel-content{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}section{margin:0;padding-top:12px}.model-section{grid-column:1 / -1;display:none}.section-heading{margin-bottom:8px}.section-heading>span{font-size:6px}.door-button{padding:7px 0}.door-title{font-size:10px}.door-title small{font-size:7px}.door-symbol{width:22px;height:22px}.door-state{font-size:8px;padding:3px 5px;min-width:40px}.bulk-actions{margin-top:8px}.bulk-actions button{font-size:9px;padding:8px}.workspace{min-height:340px;flex:1;order:1}.view-caption{left:16px;top:18px}.view-caption .eyebrow{font-size:7px}.view-caption>span:last-child{font-size:13px}.north{right:17px;top:17px}.zoom-controls{right:10px;top:32%}.zoom-controls button{height:27px;width:25px;font-size:18px}.interaction-hint{bottom:14px;font-size:7px;gap:9px;padding:8px 10px}.workspace-footer{height:29px;padding:0 16px}.room-label{font-size:6px;padding:3px 4px}#toast{top:67px;white-space:nowrap;font-size:10px}.collapsed .panel-content{display:none}.collapsed .sidebar-head{margin-bottom:0}aside.collapsed{max-height:75px}.segmented{flex-direction:column}.segmented button{font-size:10px;padding:9px}.room-links{grid-template-columns:repeat(2,1fr)}.room-links button{min-width:46%}#joystick{width:88px;height:88px;left:16px;bottom:45px}#joystick-thumb{left:24px;top:24px}.altitude{bottom:50px;right:12px}}
@media(prefers-reduced-motion:reduce){.loader{animation:none}*{scroll-behavior:auto!important}}

.rotation-option{margin-top:12px}.rotation-option small{font-size:8px;color:#9aa491;margin-left:3px}.rotation-option input:disabled{opacity:.4}

.model-note a{color:#66785b;text-underline-offset:3px}