:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;color:#263c32;background:#f1f1ed;font-size:13px}
*{box-sizing:border-box}
body{margin:0}
button,a,input{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer;color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #426750;outline-offset:3px}
#app{position:relative;height:100dvh;overflow:hidden}
#sidebar{position:absolute;top:0;left:0;z-index:4}
#viewport{position:absolute;inset:0;min-width:0;background:radial-gradient(ellipse at 50% 40%,#f5f4ec,#e5eadd);isolation:isolate}
#canvasHost{position:absolute;inset:0}
#canvasHost canvas{display:block;width:100%;height:100%;touch-action:none}
.loading{position:absolute;inset:0;background:#eef1e8;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;font-size:16px}
.loading span{font-size:12px;color:#85927c}
.loading[hidden]{display:none}
.loading button{background:#34513a;border:0;color:white;border-radius:5px;padding:10px 20px}
.loader-ring{width:35px;height:35px;border:2px solid #d8dfd0;border-top-color:#416144;border-radius:100%;animation:spin 1s linear infinite;margin-bottom:7px}
.loading.error .loader-ring{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
body.panel-hidden #sidebar{display:none}
@media(max-width:740px){#viewport{isolation:auto}}

.context-credit { display:none; position:absolute; top:14px; left:14px; z-index:3; color:#596452; font-size:10px; line-height:1.6; background:rgba(241,242,234,.82); padding:7px 11px; border-radius:7px; }
.context-credit span { font-size:11px; font-weight:600; letter-spacing:.03em; }
.context-credit a { color:inherit; text-decoration:underline; text-underline-offset:2px; }
.property-scene .context-credit { display:block; }
@media(max-width:700px) { .context-credit { left:8px; top:8px; font-size:8px; padding:5px 7px; } .context-credit span { font-size:9px; } }

.viewer-notice{position:absolute;left:50%;z-index:6;max-width:min(420px,calc(100vw - 32px));transform:translateX(-50%);padding:10px 16px;border:1px solid rgb(255 255 255 / .82);border-radius:16px;
  background:rgb(251 253 254 / .86);box-shadow:0 8px 24px rgb(31 62 76 / .16);backdrop-filter:blur(20px) saturate(1.4);font-size:12px;line-height:1.4;text-align:center}