:root{--ink:#263a35;--muted:#88938d;--green:#315d4e;--line:#e2e6df;--cream:#f8f9f4}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}a,button,input{-webkit-tap-highlight-color:transparent}a,button{transition:background .16s,color .16s}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #5d937c;outline-offset:4px}header{height:83px;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 32px;background:#fbfcf8}.brand,header{display:flex;align-items:center}.brand{gap:14px;font-size:20px;font-weight:600;letter-spacing:2px}.brand-icon{width:41px;height:44px;background:var(--green);color:white;display:grid;place-items:center;border-radius:11px}.brand-en{display:block;font-size:8px;letter-spacing:3px;margin-top:2px;font-weight:500}.header-divider{height:28px;width:1px;background:var(--line);margin:0 10px}.project-name{font-size:12px;color:#829087;letter-spacing:1px;font-weight:400}.header-right{display:flex;align-items:center;gap:8px;color:#68786e;font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#799c64}.version{margin-left:20px;border:1px solid var(--line);border-radius:5px;padding:5px 9px;font-size:10px}.workspace{display:grid;grid-template-columns:225px minmax(420px,1fr) 263px;min-height:calc(100vh - 122px)}.sidebar{padding:31px 23px 20px;border-right:1px solid var(--line)}.eyebrow{font-size:9px;color:#8b978e;letter-spacing:2px;font-weight:600}h1{font-size:25px;line-height:1.65;font-weight:500;letter-spacing:1px;margin:17px 0 12px}.intro{font-size:10px;color:#8a948b;line-height:1.9}.phase{margin:24px 0 28px;background:#eef1e8;border-radius:9px;padding:13px 11px}.pill{font-size:9px;color:#86907d}.phase strong{float:right;font-size:10px;font-weight:500}.progress{display:flex;gap:4px;margin:13px 0 8px}.progress i{height:3px;flex:1 1;background:#d9dfd3;border-radius:3px}.progress i:nth-child(-n+2){background:#75996d}.phase small{font-size:9px;color:#969d90}.section-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:1px;margin-bottom:14px}.section-title>span{margin-left:auto;font-size:10px;color:#8f9d90}.rooms{display:flex;flex-direction:column;gap:2px}.rooms button{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:9px 7px;border-radius:6px;color:#69776c;font-size:11px}.rooms button.active,.rooms button:hover{background:#e7eee1;color:#315d4e}.room-index{font-size:9px;color:#a2ac9e;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rooms svg{margin-left:auto;color:#a4b09e}.orientation{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:flex;align-items:center;gap:8px;color:#658269}.orientation strong{font-size:10px;font-weight:500;display:block}.orientation span{font-size:8px;display:block;margin-top:5px;color:#929b8d}.main-panel{padding:29px 24px 22px;min-width:0}.view-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.view-heading h2{font-size:21px;font-weight:500;margin:8px 0 0;letter-spacing:1px}.view-heading h2 span{font-size:9px;color:#9ca597;letter-spacing:0;margin-left:13px}.view-heading a{display:flex;align-items:center;gap:6px;font-size:10px;color:#7c887d}.viewer{position:relative;height:calc(100vh - 330px);min-height:500px;border:1px solid #dde3d8;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 45% 38%,#f8faf3,#e7ecdf)}.viewer canvas{touch-action:none}.toolbar{position:absolute;top:17px;left:17px;right:17px;display:flex;justify-content:space-between;z-index:30}.tabs{display:flex;padding:4px;background:#ffffffed;border:1px solid #e3e7dd;border-radius:9px;box-shadow:0 3px 10px #40503906;gap:3px}.tabs button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#7c877c;padding:9px 12px;font-size:11px;border-radius:6px}.tabs button.active{background:#315d4e;color:white}.tabs button:disabled{color:#aeb5aa}.tabs small{font-size:8px;background:#f0f2ed;padding:2px;border-radius:3px}.icon-button{width:37px;height:37px;background:#ffffffdb;border:1px solid var(--line);border-radius:8px;color:#647563;display:grid;place-items:center}.north{right:28px;top:89px;flex-direction:column;font-size:11px;gap:4px;color:#64745f}.north,.view-badge{position:absolute;display:flex;align-items:center}.view-badge{left:22px;bottom:22px;font-size:9px;gap:6px;color:#819077}.view-badge span{width:5px;height:5px;background:#7e986c;border-radius:50%}.scale{position:absolute;right:22px;bottom:21px;text-align:center;font-size:9px;color:#819077}.scale div{width:60px;border:1px solid #819077;border-top:0;height:5px}.scale small{display:block;font-size:7px;margin-top:3px}.view-hint{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font-size:9px;color:#91a087;white-space:nowrap}.bottom-strip{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#8b9685;margin:15px 1px 22px}.bottom-strip>div{display:flex;align-items:center;gap:8px}.bottom-strip strong{font-weight:500;color:#596e52}.bottom-strip b{margin:0 7px;font-weight:400}.notice{display:flex;align-items:flex-start;gap:11px;background:#f1eee2;border:1px solid #e7e1ce;border-radius:9px;padding:14px;color:#9c8957}.notice strong{font-size:11px;font-weight:500}.notice p{font-size:9px;line-height:1.8;margin:5px 0 0;color:#a29571}.notice>span{margin-left:auto;font-size:8px;white-space:nowrap;border:1px solid #dbd2b9;border-radius:4px;padding:3px 5px}.inspector{border-left:1px solid var(--line);padding:31px 21px 20px;background:#fafbf6}.live{font-size:8px!important;letter-spacing:2px}.metric{padding:22px 0 12px}.metric>span{color:#899584;font-size:10px}.metric strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px;margin-top:7px}.metric small{font-size:10px;letter-spacing:0;color:#98a08e;font-weight:400}.metric p{font-size:10px;color:#8a9980}dl{margin:10px 0}dl>div{display:flex;justify-content:space-between;padding:9px 0;font-size:10px}dt{color:#8a9584}dd{margin:0;color:#627257}.panel-copy{color:#98a08e;font-size:10px;line-height:1.9;margin:12px 0 18px}.primary{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;background:#e8efe1;border:1px solid #dce5d5;color:#56734a;border-radius:6px;padding:11px 4px;font-size:11px}.primary:hover{background:#dbe7d2}.separator{border-top:1px solid var(--line);margin:23px 0}.toggle-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7f8d76;margin:15px 0}.toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:16px;background:#d3dacd;border-radius:20px;position:relative;cursor:pointer}.toggle-row input:checked{background:#6f8f60}.toggle-row input:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:white;top:2px;left:2px;transition:transform .15s}.toggle-row input:checked:before{transform:translateX(12px)}.selection{margin-top:25px;background:#f0f3e9;border:1px solid #e3e9da;border-radius:9px;padding:15px}.selection h3{font-size:15px;font-weight:500;margin:14px 0 8px}.selection p{font-size:10px;line-height:1.9;color:#8b997e;margin:0}.selection small{display:block;font-size:9px;color:#8b997e;line-height:1.8;margin-top:6px;overflow-wrap:anywhere}details{font-size:10px;color:#8e9a82;margin-top:20px}summary{cursor:pointer}.dimension-list{display:grid;grid-gap:7px;gap:7px;margin-top:12px;font-size:9px}.export-actions{display:flex;gap:10px;margin-top:21px}.export-actions button{display:flex;align-items:center;gap:5px;padding:8px 11px;background:transparent;border:1px solid #dce3d5;border-radius:5px;color:#809071;font-size:10px}.slider-label{font-size:11px;display:block;color:#7b8a71;margin-bottom:18px}.slider-label span{float:right;font-size:10px}.slider-label input{display:block;width:100%;accent-color:#4b7961;margin:12px 0 0}.number-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.number-grid label{font-size:9px;color:#829175}.number-grid input{width:100%;margin-top:7px;padding:8px;background:#fff;border:1px solid #dfe5d7;border-radius:5px;color:#4b6442;font-size:12px}.legend{display:flex;align-items:center;gap:5px;font-size:8px;color:#89967d;margin-top:20px}.legend>span{width:9px;height:3px}.green{background:#187c6b}.orange{background:#ce8141}.blue{background:#508ecc}footer{height:39px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:9px;color:#9aa491;letter-spacing:.5px}.room-tag{border:1px solid #dce3d7;background:#ffffffe8;border-radius:5px;padding:5px 8px;font-size:10px;color:#5c6d52;white-space:nowrap;box-shadow:0 2px 8px #27332908}.room-tag span{display:block;font-size:7px;color:#9aaa8d;margin-top:3px}.room-tag.subtle{background:#ffffffe0;font-size:9px;padding:3px 5px}.room-tag.subtle span{display:none}.room-tag.chosen{background:#dcebd4;border-color:#8caf7c}.wall-tag{background:#e9fff4;border:1px solid #6bab90;color:#1b7255;font:8px monospace;padding:1px 3px;border-radius:3px}.entry-tag{font-size:10px;color:#8c926c;white-space:nowrap}.loading{display:grid;place-items:center;height:100%;color:#8a9980}@media (min-width:1600px){.workspace{grid-template-columns:250px minmax(420px,1fr) 290px}.sidebar{padding:35px 28px}.inspector{padding:35px 26px}.viewer{min-height:600px}}@media (max-width:1150px){.workspace{grid-template-columns:185px minmax(350px,1fr) 225px}.inspector,.main-panel,.sidebar{padding:25px 15px}.tabs button{padding:8px;font-size:10px;gap:4px}.bottom-strip>div>span:last-child,.tabs small,.view-heading h2 span,.view-hint{display:none}h1{font-size:22px}}@media (max-width:850px){header{height:70px;padding:0 18px}.header-divider,.project-name{display:none}.workspace{grid-template-columns:minmax(0,1fr) 220px}.sidebar{display:none}.viewer{height:600px;min-height:500px}.main-panel{padding:23px 12px}.view-heading h2{font-size:17px}.tabs button{font-size:9px;padding:8px 5px}.toolbar{left:9px;right:9px}.tabs svg{width:13px}.view-heading a{font-size:9px}.notice>span{display:none}}@media (max-width:600px){.workspace{display:flex;flex-direction:column}.inspector{border-left:0;border-top:1px solid var(--line);padding:22px}.viewer{height:540px;min-height:0}.main-panel{padding:23px 12px 14px}.view-heading{padding:0 7px}.header-right{font-size:9px}.version{margin-left:5px}.brand{font-size:17px}.viewer .tabs button{padding:10px;font-size:11px}.bottom-strip{margin-bottom:14px}footer{padding:0 15px}footer>span:nth-child(2){display:none}.inspector .metric{padding:8px 0}.inspector dl{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 25px;gap:0 25px}.room-tag{font-size:8px;padding:3px}.room-tag span{font-size:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.crosshair{top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;font:20px monospace;text-shadow:0 1px 4px #0008}.crosshair,.walk-status{position:absolute;pointer-events:none}.walk-status{left:20px;bottom:63px;font-size:10px;color:#f9f8f0;background:#263a35b8;padding:10px 13px;border-radius:7px;max-width:calc(100% - 170px);line-height:1.7}.walk-status small{display:block;color:#dce5d0;font-size:8px}.walk-pad{position:absolute;bottom:68px;right:20px;display:grid;grid-template-columns:repeat(3,35px);grid-gap:4px;gap:4px;touch-action:none}.walk-pad button{border:1px solid #fff9;border-radius:6px;background:#f9f9f0db;color:#355442;height:35px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.walk-pad button:first-child{grid-column:2}.walk-pad button:nth-child(2){grid-column:1}.walk-pad button:active{background:#aec7a0}.walk-room{margin-top:18px;font-size:11px;color:#6a7b60}.walk-room select{display:block;width:100%;padding:9px;margin:9px 0;border:1px solid #d6dfce;background:#fff;border-radius:5px;color:#4d6444}.walk-room p{font-size:9px;line-height:1.8;color:#8a9980}.enter-room{margin-top:13px}.progress i:nth-child(-n+7){background:#75996d}@media (max-width:600px){.walk-status{left:12px;bottom:65px;max-width:calc(100% - 145px);font-size:9px}.walk-status small{font-size:7px}.walk-pad{right:12px}.view-badge{max-width:210px;font-size:8px}}.ambience-panel{position:absolute;top:85px;right:20px;z-index:28;width:160px;padding:15px;background:#263732e8;border:1px solid #ffffff22;border-radius:12px;color:#e9e5d7;box-shadow:0 10px 35px #15201820;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ambience-eyebrow{font-size:7px;letter-spacing:1.1px;display:block;color:#b3b9a9}.ambience-panel strong{display:block;font:30px Georgia,serif;letter-spacing:2px;margin:16px 0}.time-options{display:flex;gap:5px}.time-options button{flex:1 1;border:0;border-radius:5px;background:transparent;color:#b8c0b1;padding:9px 0}.time-options button.active{background:#e0cfaa;color:#344039}.immersive-switch{display:block;width:100%;margin-top:14px;background:none;border:1px solid #ffffff30;border-radius:5px;color:#d7dbc9;font-size:10px;padding:7px}.ambience-panel small{display:block;font-size:7px;color:#a4b09e;margin-top:10px}.immersive .bottom-strip,.immersive .inspector,.immersive .notice,.immersive .sidebar,.immersive .view-heading,.immersive footer,.immersive header{display:none}.immersive .workspace{display:block;min-height:100dvh}.immersive .main-panel{padding:0}.immersive .viewer{height:100dvh;min-height:500px;border:0;border-radius:0}.immersive .toolbar{top:24px;left:24px;right:24px}.immersive .ambience-panel{top:86px;right:24px}.room-dock{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);z-index:30;display:flex;gap:3px;padding:7px 10px;border:1px solid #ffffff25;border-radius:10px;background:#263732e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap}.room-dock button{background:none;border:0;color:#d7dbc9;padding:8px 12px;font-size:11px;border-radius:5px}.room-dock button:hover{background:#ffffff15}.immersive .view-hint{bottom:90px}.immersive .scale,.immersive .view-badge{bottom:28px}.immersive .walk-status{bottom:100px}.immersive .walk-pad{bottom:105px}.atmosphere-night .scale,.atmosphere-night .view-badge,.atmosphere-night .view-hint{color:#bac5cc}.atmosphere-night .viewer{background:#101c30}.north{display:none}@media(max-width:850px){.ambience-panel{width:120px;padding:11px;top:72px;right:12px}.ambience-panel strong{font-size:23px;margin:9px 0}.ambience-eyebrow{font-size:6px}.immersive .ambience-panel{right:12px;top:82px}.room-dock{max-width:calc(100% - 24px);overflow-x:auto;bottom:18px}.room-dock button{padding:7px 9px;font-size:10px}.immersive .scale,.immersive .view-badge{display:none}.immersive .toolbar{left:12px;right:12px;top:16px}.time-options button{padding:7px 0}.immersive .view-hint{display:none}}[data-mode=calibration] .ambience-panel{display:none}.pet-controls{display:flex;gap:4px;margin-top:10px}.pet-controls button{flex:1 1;padding:6px 3px;border:1px solid #ffffff30;border-radius:5px;background:transparent;color:#e1e4d5;font-size:10px}.pet-controls button[aria-pressed=true]{border-color:#d7c396;background:#d7c39620}.ambience-panel{scrollbar-width:thin;scrollbar-color:#788376 #283b33}.ambience-panel::-webkit-scrollbar{width:5px}.ambience-panel::-webkit-scrollbar-track{background:#283b33}.ambience-panel::-webkit-scrollbar-thumb{background:#788376;border-radius:5px}.style-switch{display:flex;gap:4px;margin-top:12px}.style-switch button{flex:1 1;font-size:10px;padding:8px 3px;border-radius:5px;border:1px solid #ffffff25;color:#e4e1d4;background:transparent}.style-switch button[aria-pressed=true]{background:#deceab;color:#303c35}.ambience-panel .style-caption{font-size:9px;color:#bfc4b5;line-height:1.5;margin:8px 0 0}.space-guide{position:absolute;left:24px;bottom:140px;z-index:29;width:180px;padding:14px;background:#263732ed;color:#e8e3d3;border:1px solid #ffffff28;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.guide-heading{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 0 10px;background:none;border:0;color:inherit;font-size:12px}.space-guide svg{width:100%;max-height:190px;display:block}.space-guide polygon{fill:#ffffff07;stroke:#bcb293;stroke-width:.07;transition:fill .15s}.space-guide polygon.current{fill:#d9bb7860}.space-guide g[role=button]{cursor:pointer;outline:none}.space-guide g[role=button]:focus-visible polygon,.space-guide g[role=button]:hover polygon{fill:#d9bb7880;stroke:#ffefd0;stroke-width:.13}.space-guide text{font-size:.46px;fill:#ede8da;text-anchor:middle}.guide-position,.space-guide text{pointer-events:none}.guide-position path{fill:#e7c78970}.guide-position circle{fill:#fff0c8;stroke:#354b42;stroke-width:.07}.space-guide p{font-size:9px;margin:10px 0 0;line-height:1.5;color:#c7cbbb}.guide-north{display:inline-block;margin-right:9px;color:#f0dfba}.space-guide:not(.is-open){width:125px;padding:12px}.space-guide:not(.is-open) .guide-heading{padding:0}.immersive .walk-status{left:220px;max-width:340px}@media(max-width:850px){.space-guide{left:12px;width:140px;padding:10px;bottom:150px}.space-guide svg{max-height:165px}.immersive .walk-status{left:165px;max-width:240px}.style-switch{flex-direction:column}}@media(max-width:600px){.space-guide{bottom:160px;width:140px}.space-guide:not(.is-open){width:105px}.immersive .walk-status{left:12px;bottom:90px;max-width:210px}.ambience-panel{max-height:calc(100dvh - 245px)}}.presentation-options{margin-top:12px;border-top:1px solid #ffffff25;padding-top:10px;font-size:11px}.presentation-options summary{cursor:pointer;padding:4px 0}.presentation-options label{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.presentation-options select{background:#344640;color:#eee8da;border:1px solid #ffffff35;border-radius:5px;padding:5px}.view-options{display:grid;grid-gap:5px;gap:5px}.view-options button{background:transparent;border:1px solid #ffffff25;border-radius:5px;padding:7px;color:#e9e5d7;font-size:10px}.view-options button[aria-pressed=true]{background:#dfcfab;color:#344039}.ambience-panel{max-height:calc(100dvh - 190px);overflow-y:auto}.loading button{margin:12px;padding:9px 15px;border-radius:6px;border:1px solid #acb4a8;cursor:pointer}.lighting-options{display:flex;gap:3px;margin-top:12px;border-top:1px solid #ffffff20;padding-top:10px}.lighting-options button{flex:1 1;background:transparent;color:#ddd9ce;border:0;border-radius:6px;padding:6px 3px;font-size:11px;cursor:pointer}.lighting-options button[aria-pressed=true]{background:#d7c69e;color:#24332e}.light-level{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#ddd9ce;margin:9px 0}.light-level input{width:100%;accent-color:#d7c69e}