:root{--ink:#243a3b;--muted:#788485;--line:#e2e7e5;--green:#244e49;--warm:#b4a78b;--paper:#f6f7f5}*{box-sizing:border-box}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fafbf9}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:transparent;transition:background .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7aa59b;outline-offset:3px}button:hover{background:#e9eeea}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:20px}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;color:var(--ink);font-size:18px;font-weight:600;letter-spacing:2px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1.6px;margin-top:3px;color:var(--muted)}.monogram{font:32px Georgia,serif;letter-spacing:-3px;position:relative;padding:0 9px 0 0}.monogram>span{font:7px sans-serif;position:absolute;right:0;bottom:6px;color:#a59477}.view-switch{display:flex;background:#edf0ed;border:1px solid #e3e7e2;border-radius:8px;padding:4px;gap:3px}.view-switch button{padding:8px 25px;border-radius:5px;font-size:14px}.view-switch button.active{background:white;box-shadow:0 1px 4px #223c3010;color:#244d47}.quiet{display:flex;gap:8px;align-items:center;padding:9px 12px;border-radius:6px}.info-icon{border:1.3px solid #82918b;border-radius:50%;width:17px;height:17px;line-height:15px;font-size:12px}main{height:calc(100dvh - 131px);min-height:520px;display:flex}.sidebar{width:224px;flex:none;padding:27px 18px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#fff}.section-title,.level-heading{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}.section-title{margin:0 12px 17px}.whole{display:flex;align-items:center;width:100%;gap:11px;text-align:left;padding:12px 10px;border-radius:7px;margin-bottom:27px;font-weight:600;font-size:13px}.whole small,.sidebar-bottom small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.whole.active{background:#eaf0eb}.line-icon{font-size:25px}.level-heading{display:flex;justify-content:space-between;font-size:10px;padding:0 12px 10px;letter-spacing:1.3px}.level-heading>span+span{letter-spacing:0;font-weight:400}#floors{display:flex;flex-direction:column;gap:3px;overflow-y:auto}.floor-btn{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:6px;text-align:left;flex:none}.floor-btn .number{width:28px;height:28px;background:#f1f3ef;border-radius:5px;display:grid;place-items:center;color:#829089;font-size:13px}.floor-btn>span:nth-child(2){font-size:13px;font-weight:500}.floor-btn small{font-size:10px;color:var(--muted);display:block;font-weight:400}.floor-btn.active{background:#e5eeea;color:#224f46}.floor-btn.active .number{background:#315a50;color:white}.sidebar-bottom{margin-top:auto;padding:18px 10px 0;display:flex;gap:10px;font-size:11px}.dot{width:6px;height:6px;border-radius:50%;background:#819686;margin-top:6px}.viewport{position:relative;flex:1;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#f3f5f2,#e2e7e3)}#scene{display:block;width:100%;height:100%;outline:none;touch-action:none}.scene-heading{position:absolute;top:30px;left:34px;pointer-events:none}.scene-heading>span{font-size:10px;letter-spacing:2.2px;color:#7c8d86}.scene-heading h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.6px;font-size:28px;line-height:1.3;margin:8px 0 6px}.scene-heading p{font-size:12px;color:#829088;margin:0}.scene-actions{position:absolute;right:28px;top:30px;display:flex;gap:7px}.scene-actions button{background:#ffffffdf;border:1px solid #dce3dc;border-radius:7px;padding:9px 13px;font-size:12px;box-shadow:0 2px 6px #35433804}.scene-actions button.active{background:var(--green);color:white;border-color:var(--green)}.scene-bottom{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;white-space:nowrap;pointer-events:none}.scene-bottom>*{pointer-events:auto}#viewCaption{font-size:11px;color:#6d8078;letter-spacing:.2px}.toolbar{display:flex;align-items:center;gap:2px;padding:5px;background:#ffffffeb;border:1px solid #d9e1d9;border-radius:9px;box-shadow:0 5px 22px #314e3910}.toolbar button{padding:9px 12px;border-radius:5px;font-size:13px}.toolbar button.active{background:#edf2ec;color:#305447}.toolbar i{height:19px;width:1px;background:#dce2da;margin:0 5px}.hint{font-size:10px;color:#8b9891}.scene-options{position:absolute;bottom:26px;left:28px;display:flex;flex-direction:column;align-items:start;gap:8px;font-size:11px;color:#738279}.scene-options button{padding:3px 0}.scene-options input{accent-color:var(--green);width:12px;height:12px;vertical-align:middle}#compass{position:absolute;right:30px;bottom:34px;width:28px;text-align:center;font-size:11px;color:#6c8277}#compass svg{width:28px;height:28px;display:block}footer{height:43px;display:flex;align-items:center;gap:25px;padding:0 25px;border-top:1px solid var(--line);font-size:10px;color:#8a948c}footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a79673;margin-right:6px}footer button{margin-left:auto;font-size:11px;color:#597264}#loading{position:absolute;inset:0;background:#eff2eded;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#789086;z-index:10;font-size:12px}#loading strong{font:24px Georgia,serif;color:#345848}.loader{width:25px;height:25px;border:1px solid #bacabe;border-top-color:#426955;border-radius:50%;animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}#error{position:absolute;inset:20%;background:#fff;padding:30px;border-radius:12px}dialog{max-width:650px;width:calc(100% - 40px);padding:40px;border:1px solid #dce3dc;border-radius:12px;color:var(--ink);box-shadow:0 20px 100px #153f3820}dialog::backdrop{background:#263c3655;backdrop-filter:blur(4px)}dialog .section-title{margin:0}dialog h2{font:32px Georgia,serif;margin:15px 0 18px}dialog p{font-size:14px;color:#6e7d73;line-height:1.8}dialog h3{font-size:15px}.dialog-close{position:absolute;top:12px;right:15px;font-size:25px;border-radius:4px}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f0f3ed;border-radius:7px;padding:17px;margin:24px 0}.material-grid span{display:block;font-size:11px;color:#7b8b7d;margin-top:5px}dialog summary{cursor:pointer;font-size:13px;color:#335b48}dialog a{color:#386757}dialog ul{padding-left:20px;font-size:12px;line-height:2}#toast{position:absolute;left:50%;top:105px;transform:translateX(-50%);padding:9px 16px;background:#244b40;color:white;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s}#toast.show{opacity:1}#inspector{position:absolute;right:24px;top:95px;width:270px;background:#fffffff2;padding:24px;border:1px solid #dde5dc;border-radius:10px;box-shadow:0 12px 40px #2c433919}#inspector h2{font:23px Georgia,serif;margin:8px 0 16px}#inspector p{font-size:12px;color:#7a887d;line-height:1.7}#inspector .metrics{display:flex;border-block:1px solid #e2e8e0;margin:18px 0;padding:15px 0;gap:30px}#inspector .metrics strong{font-size:19px;font-weight:500}#inspector .metrics span{display:block;color:#8b978a;font-size:10px}#inspector .close{position:absolute;right:10px;top:8px;font-size:22px}#inspector .focus{background:#274e40;color:white;border-radius:5px;width:100%;padding:10px;font-size:12px}#plan{position:absolute;inset:115px 35px 120px;overflow:hidden}#plan svg{width:100%;height:100%;touch-action:none}.plan-room{cursor:pointer;transition:fill .2s}.plan-room:hover,.plan-room.selected{fill:#9cb8a4!important}.plan-room:focus{outline:none;stroke:#346548;stroke-width:.4}.plan-room text{pointer-events:none}.plan-label{font-family:-apple-system,BlinkMacSystemFont,sans-serif;fill:#567467;font-size:1px}.scale{font-size:11px;color:#6d8274}.room-key{display:flex;gap:14px;justify-content:center;position:absolute;bottom:95px;left:50%;transform:translateX(-50%);font-size:10px;color:#738274}.room-key i{width:8px;height:8px;display:inline-block;margin-right:4px;border:1px solid #b3c0b4}
@media(min-width:1500px){header{height:94px}.sidebar{width:246px;padding:30px 24px}.floor-btn{padding:11px 12px}main{height:calc(100dvh - 137px)}.scene-heading{top:38px;left:40px}.scene-heading h1{font-size:32px}}
@media(max-width:1050px){.sidebar{width:180px;padding-inline:10px}.scene-actions button span{display:none}.scene-options{left:15px}.scene-heading{left:24px}.scene-heading h1{font-size:24px}.hint{display:none}#modelNote{display:none}.toolbar button{padding:8px}.scene-bottom{bottom:35px}.brand{font-size:15px}.brand small{font-size:8px}header{padding:0 20px}.scene-heading p{max-width:250px}.scene-actions{right:15px}}
@media(max-width:720px){header{height:70px;padding:0 15px;gap:6px}.brand{font-size:12px;gap:8px;letter-spacing:1px}.brand small{display:none}.monogram{font-size:27px}.view-switch button{padding:7px 12px;font-size:12px}.quiet>span:last-child{display:none}.quiet{padding:8px}main{height:calc(100dvh - 105px);min-height:480px}.sidebar{width:64px;padding:18px 7px}.sidebar .section-title,.level-heading,.whole>span:last-child,.sidebar-bottom,.floor-btn>span:nth-child(2){display:none}.whole{justify-content:center;padding:7px;margin-bottom:12px}.floor-btn{padding:5px;justify-content:center}.floor-btn .number{width:32px;height:32px}.scene-heading{left:16px;top:20px}.scene-heading h1{font-size:21px;margin-top:4px}.scene-heading>span{font-size:8px;letter-spacing:1px}.scene-heading p{font-size:10px;max-width:230px}.scene-actions{top:105px;right:12px;gap:4px}.scene-actions button{padding:7px 10px}.scene-bottom{bottom:18px;gap:8px}.toolbar button{padding:8px 10px}.toolbar button span{display:none}.scene-options{bottom:90px;font-size:10px;gap:2px}#compass{right:16px;bottom:95px}#viewCaption{font-size:8px}.toolbar{gap:0}.toolbar i{margin:0 2px}footer{height:35px;padding:0 12px;font-size:8px}footer button{font-size:9px}.scene-heading{right:15px}#inspector{top:auto;bottom:77px;right:12px;left:12px;width:auto;padding:18px}#inspector p{display:none}#inspector .metrics{padding:7px 0;margin:8px 0}#inspector h2{font-size:19px;margin:5px 0}#inspector .focus{padding:7px}#plan{inset:160px 10px 150px}.room-key{display:none}dialog{padding:28px}dialog h2{font-size:27px}dialog .material-grid{grid-template-columns:1fr}}
#floorLabels{position:absolute;inset:0;pointer-events:none}.floating-floor{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;font-size:11px;white-space:nowrap;background:#fffffff0;border:1px solid #cbd8c8;border-radius:5px;padding:5px 11px;box-shadow:0 3px 15px #163d2410}.floating-floor:hover{background:#285647;color:white}.room-category{font-size:11px;color:#7d927e}#inspector .section-title{margin:0;font-size:9px}.toolbar button:disabled{opacity:.35;cursor:default}#plan .plan-label{fill:#49684e;font-family:sans-serif;font-size:1px;pointer-events:none}.scene-options input:disabled{opacity:.5}.scene-actions button{min-height:36px}.floor-btn .number{font-size:14px}#toast{z-index:12}.view-switch button[aria-pressed=true]{background:white}
@media(min-width:1051px){.floor-btn>span:nth-child(2){font-size:14px}.floor-btn small,.whole small,.sidebar-bottom small{font-size:11px}.whole{font-size:14px}.sidebar-bottom{font-size:12px}.scene-heading p{font-size:13px}.scene-actions button{font-size:13px}.scene-bottom #viewCaption{font-size:12px}.hint{font-size:11px}.scene-options{font-size:12px}footer{font-size:11px}.toolbar button{font-size:14px}.section-title,.level-heading{font-size:11px}}

#openBuilding{position:absolute;z-index:3;transform:translate(-50%,-100%);width:214px;padding:12px 17px;text-align:left;background:#fffffff5;border:1px solid #5a8c7c;border-radius:9px;box-shadow:0 8px 28px #1c493326;color:#244e49;line-height:1.4;transition:background .18s,box-shadow .18s,border-color .18s}
#openBuilding:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:15px;background:#438173}
#openBuilding .building-name{display:block;font-size:12px;font-weight:600;letter-spacing:1.25px;margin-bottom:4px}
#openBuilding strong{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;gap:12px}
#openBuilding>span:last-child{display:block;font-size:12px;color:#668077;margin-top:4px}
#openBuilding:hover,#openBuilding.emphasis{background:#eef7f1;border-color:#227461;box-shadow:0 9px 30px #1c493338}
#openBuilding:focus-visible{outline:3px solid #78a494;outline-offset:4px}
@media(max-width:720px){#openBuilding{width:192px;padding:10px 13px}#openBuilding strong{font-size:15px}}