:root{--ink:#243e3c;--muted:#64766b;--green:#315e50;--line:#d8dfd4;--paper:#fffffff7}body{color:var(--ink);background:#f2f1ec;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button{font:inherit;font-size:13px;background:#edf1e9;color:var(--ink);padding:11px 14px;border-radius:8px}button:hover{background:#dfe7db}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b28c45;outline-offset:3px}button[aria-pressed=true]{background:var(--green);color:white}.demo-header{position:absolute;inset:0 0 auto;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;pointer-events:none}.demo-header>*{pointer-events:auto}.demo-brand{display:flex;align-items:center;gap:13px}.back-link{display:grid;place-items:center;width:40px;height:40px;border:1px solid #a9b8ab;border-radius:12px;text-decoration:none;font-size:20px;background:#f2f1ece6}.tag{font-size:9px;letter-spacing:1.8px;color:var(--muted);text-decoration:none}h1{font-size:21px;letter-spacing:-.6px;font-weight:550;margin:5px 0 0}.header-actions{display:flex;align-items:center;gap:12px}.header-actions a,.header-actions button{font-size:11px;padding:10px 12px;background:#fcfcf5e6;border:1px solid var(--line);border-radius:8px;text-decoration:none}.view-caption{position:absolute;top:120px;left:28px;max-width:230px;pointer-events:none}.view-caption p{font-size:12px;line-height:1.65;color:var(--muted);margin:9px 0}.demo-nav{position:absolute;bottom:max(33px,env(safe-area-inset-bottom));display:flex;flex-wrap:nowrap;align-items:center;gap:6px;padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px #243e3c15;width:max-content;max-width:calc(100vw - 24px);z-index:8}.demo-nav button{padding:12px 16px;background:transparent;white-space:nowrap;font-size:12px}.demo-nav button[aria-pressed=true],#walkToggle{background:var(--green);color:white;box-shadow:none}.demo-nav button:hover{background:#e4ebdf;color:var(--ink)}.view-switch{display:flex;background:#edf1e9;border-radius:9px;padding:2px;gap:2px}.nav-divider{height:24px;width:1px;background:var(--line);margin:0 3px}#possibilitiesToggle{display:flex;align-items:center;gap:12px}#possibilitiesToggle[aria-expanded=true]{background:#dce7d7}#resetView{font-size:21px;padding:8px 11px}.hint{bottom:6px!important;margin:0 12px;font-size:10px;color:var(--muted)}#possibilities{position:absolute;z-index:7;bottom:108px;right:max(24px,calc((100vw - 1080px)/2));width:390px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 215px);overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 8px 35px #243e3c16}#possibilities>p{font-size:12px;color:var(--muted);margin:6px 0 17px}.possibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.possibility-grid button{text-align:left;white-space:normal;padding:14px;background:#f0f3eb;border:1px solid #e1e6da}.possibility-grid button:hover{background:#e1ead9}.possibility-grid strong,.possibility-grid small{display:block}.possibility-grid strong{font-size:12px;font-weight:600}.possibility-grid small{font-size:10px;line-height:1.6;color:var(--muted);margin-top:5px}.f-head strong{font-size:16px;font-weight:600}.f-head button{padding:7px 11px}.f-note{font-size:12px;line-height:1.6;color:var(--muted)}:is(#furniturePanel,#car-furniturePanel,#extensionPanel,#solarPanel,#referencePanel){position:absolute!important;top:110px!important;left:auto!important;right:24px!important;bottom:112px!important;width:330px!important;max-width:calc(100vw - 32px)!important;max-height:none!important;z-index:7;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:19px!important;overflow:auto;box-shadow:0 8px 35px #243e3c13;font-size:13px;line-height:1.6}.f-primary{background:var(--green)!important;color:#fff}#referencePanel select{width:100%;padding:10px;margin:14px 0;font:14px system-ui;border:1px solid var(--line);border-radius:8px;background:white}#referenceImage{display:block;width:100%;max-height:58dvh;object-fit:contain;border-radius:6px}#measureInfo{bottom:113px;z-index:7;max-width:calc(100vw - 32px);font-size:12px;border-color:var(--line);display:flex;align-items:center;gap:15px;padding:13px 17px}#extensionBadge{top:210px;left:28px;font-size:11px;max-width:235px}#furnitureExport,#car-furnitureExport,#furnitureExportPanel,#car-furnitureExportPanel{display:none!important}#loading,#error{position:absolute;z-index:9;top:45%;left:50%;right:auto;transform:translate(-50%,-50%);background:white;border:1px solid var(--line);border-radius:13px;padding:23px;max-width:calc(100vw - 40px);width:max-content;font-size:13px;line-height:1.7;box-shadow:0 5px 30px #243e3c16}#error{width:390px}dialog{color:var(--ink);background:#fafbf6;border:1px solid var(--line);border-radius:16px;padding:25px;width:500px;max-width:calc(100vw - 32px);max-height:85dvh;overflow:auto}dialog::backdrop{background:#1d302b80;backdrop-filter:blur(3px)}dialog p{font-size:13px;line-height:1.75;color:var(--muted)}dialog a{text-underline-offset:3px}.developer-credit{font-size:11px;border-top:1px solid var(--line);padding-top:15px}body.walking .view-caption,body.walking #possibilities{display:none}#walkHUD button,#walkBar label{font-size:12px}#walkBar #walkExit{background:var(--green)}#walkHelp,#walkLookHint{font-size:12px;line-height:1.6}#walkHelp{top:72px}#walkBar label{display:flex;align-items:center}#walkBar{z-index:2}
@media(max-width:700px){.demo-header{padding:16px;gap:10px;align-items:flex-start}.demo-brand{gap:9px}.back-link{width:33px;height:33px;font-size:18px}h1{font-size:17px}.tag{font-size:8px;letter-spacing:1px}.header-actions{flex-direction:column;align-items:flex-end;gap:5px}.header-actions a,.header-actions button{font-size:9px;padding:7px 9px}.view-caption{top:105px;left:16px;max-width:210px}.view-caption p{font-size:10px;max-width:200px}.demo-nav{bottom:max(31px,env(safe-area-inset-bottom));gap:3px;padding:5px;border-radius:12px;max-width:calc(100vw - 16px)}.demo-nav button{font-size:11px;padding:12px 10px}.nav-divider{margin:0 1px}#possibilitiesToggle{gap:5px}#possibilitiesToggle span{display:none}#resetView{font-size:19px;padding:8px}.hint{font-size:9px;bottom:10px!important}#possibilities{left:16px;right:16px;bottom:102px;width:auto;max-height:calc(100dvh - 195px);padding:17px}:is(#furniturePanel,#car-furniturePanel,#extensionPanel,#solarPanel,#referencePanel){top:auto!important;bottom:103px!important;left:16px!important;right:16px!important;width:auto!important;max-height:49dvh!important;padding:16px!important}#referenceImage{max-height:31dvh}#measureInfo{bottom:104px;font-size:11px}#extensionBadge{left:16px;top:175px;font-size:10px}#walkBar{left:12px;right:12px;gap:5px}#walkBar button{padding:10px;font-size:11px}#walkBar label{font-size:11px;padding:6px}#walkHeight{font-size:12px}#walkHelp{top:105px;font-size:11px}#walkMouse{display:none}#walkLookHint{font-size:11px;max-width:110px}#walkPad{bottom:20px}}
@media(max-width:375px){.demo-nav button{font-size:10px;padding:12px 8px}.demo-nav{gap:2px}#resetView{padding:7px}.possibility-grid{gap:6px}.possibility-grid button{padding:11px}}

.shade-link{display:inline-block;color:var(--green);text-underline-offset:3px;font-weight:550}#walkLens{font:14px system-ui;border:0;background:transparent;color:var(--ink);padding:3px}@media(max-width:700px){#walkLens{font-size:12px}#walkHelp{top:145px}.view-caption{max-width:170px}}@media(max-height:500px){#walkHelp{display:none}}
