.spatial-experience{--studio-hairline:color-mix(in srgb, var(--body-2) 23%, transparent)}.spatial-experience :focus-visible{outline-color:var(--ink)}.spatial-experience .spatial-header{background:var(--paper)}.spatial-experience .spatial-card{background:var(--paper);border-color:var(--paper-edge);box-shadow:0 12px 35px color-mix(in srgb,var(--ink) 5%,transparent)}.spatial-experience .spatial-nav>div,.spatial-experience .spatial-tools{background:var(--paper);box-shadow:0 4px 20px color-mix(in srgb,var(--ink) 4%,transparent)}.spatial-experience button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.spatial-experience .niu-dialog{border-color:var(--paper-edge);box-shadow:0 25px 100px color-mix(in srgb,var(--ink) 18%,transparent)}.spatial-experience .niu-dialog::backdrop{background:color-mix(in srgb,var(--ink) 28%,transparent)}.spatial-experience .studio-sheet{background:var(--paper);box-shadow:0 16px 55px color-mix(in srgb,var(--ink) 8%,transparent)}.spatial-stage-3d,.spatial-stage-tower,.spatial-stage-floor{-webkit-mask-image:radial-gradient(78% 86%,#000 52%,#0000 100%);mask-image:radial-gradient(78% 86%,#000 52%,#0000 100%)}@media (min-width:900px){.spatial-stage-3d,.spatial-stage-tower,.spatial-stage-floor{inset:184px 20px 120px 340px}[dir=rtl] .spatial-stage-3d,[dir=rtl] .spatial-stage-tower,[dir=rtl] .spatial-stage-floor{inset:184px 340px 120px 20px}}.spatial-header{border-color:var(--studio-hairline);padding-inline:24px}.spatial-wordmark{position:absolute;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .spatial-wordmark{transform:translate(50%)}.spatial-card{background:color-mix(in srgb, var(--ground) 94%, transparent);border:1px solid var(--studio-hairline);--tw-ring-shadow:0 0 transparent;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:3px;padding:24px;box-shadow:0 8px 35px #00000012}.spatial-card .spatial-title{letter-spacing:-.035em;margin:10px 0;font-size:25px;font-weight:500;line-height:1.16}.spatial-card select{border-radius:2px}.spatial-card>div{line-height:1.7}.spatial-nav>div{background:var(--ground);box-shadow:0 0 0 1px var(--studio-hairline);border-radius:4px}.spatial-nav button{border-radius:2px;font-weight:500}.spatial-tools{inset-inline-end:18px;z-index:20;border:1px solid var(--studio-hairline);background:var(--ground);border-radius:4px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;top:124px}.spatial-tools button{min-width:44px;min-height:44px;color:var(--body-2);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;transition:color .18s,background .18s;display:flex}.spatial-tools button:hover{color:var(--body);background:var(--raise)}.spatial-tools button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.spatial-tools button:focus-visible{outline:2px solid var(--body);outline-offset:3px}.spatial-outlook{background:var(--ground);box-shadow:0 0 0 1px var(--studio-hairline);border-radius:3px;align-items:center;gap:8px;display:flex}.studio-plan{background:var(--ground);width:100%;height:100%;position:relative}.studio-sheet{background:var(--paper-soft);border:1px solid var(--paper-edge);position:absolute;overflow:hidden;box-shadow:0 24px 70px #00000030}.studio-sheet:after{content:"";pointer-events:none;border:1px solid var(--paper-edge);position:absolute;inset:14px}.studio-sheet svg{-webkit-user-select:none;user-select:none;cursor:grab}.studio-sheet svg:active{cursor:grabbing}.studio-sheet-mark{top:23px;color:var(--ink);font:10px var(--font-geist-mono),monospace;letter-spacing:.16em;pointer-events:none;align-items:center;gap:18px;display:flex;position:absolute;inset-inline-start:26px}.studio-sheet-scale{bottom:24px;color:var(--ink);font:10px var(--font-geist-mono),monospace;pointer-events:none;position:absolute;inset-inline-start:26px}.studio-plan-zoom{bottom:22px;background:var(--paper);border:1px solid var(--paper-edge);z-index:2;align-items:center;display:flex;position:absolute;inset-inline-end:22px}.studio-plan-zoom button{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;place-items:center;display:grid}.studio-plan-zoom button:hover{background:var(--paper-soft)}.studio-plan-zoom button:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}.studio-plan-zoom output{color:var(--ink);font:11px var(--font-geist-mono),monospace;text-align:center;min-width:46px}[dir=rtl] .spatial-title{letter-spacing:normal;font-size:21px;line-height:1.8}[dir=rtl] .studio-sheet-mark{font-family:var(--font-kufi),sans-serif;letter-spacing:normal}@media not (min-width:900px){.spatial-overlays{padding:8px}.spatial-overlays>div{width:100%}.spatial-card{width:100%;max-width:none}.spatial-nav{max-width:96vw;padding:8px 4px;inset:auto auto 67px 50%;overflow-x:auto;transform:translate(-50%)translate(0,0)}[dir=rtl] .spatial-nav{left:50%;right:auto}.spatial-header{padding-inline:8px}.spatial-wordmark{display:none}.spatial-card{background:var(--ground);padding:12px 14px}.spatial-card .spatial-title{margin:4px 0;font-size:20px}.spatial-card>div{line-height:1.35}.spatial-tools{top:calc(var(--listing-card-bottom) - 8px);width:fit-content;max-width:calc(100% - 16px);margin-inline:auto;padding:2px;inset-inline:8px}.spatial-tools button{padding-inline:10px;font-size:11px}.spatial-outlook{bottom:122px;padding-inline:10px;font-size:11px;inset-inline-end:8px}.spatial-sun{border-radius:4px;bottom:178px;left:50%;right:auto;transform:translate(-50%)}[dir=rtl] .spatial-sun{left:50%;right:auto}.studio-sheet:after{inset:8px}.studio-sheet-mark{top:18px;font-size:8px;inset-inline-start:18px}.studio-sheet-scale{inset-inline-start:18px;font-size:9px;bottom:18px}.studio-plan-zoom{bottom:9px;inset-inline-end:9px}}@media (max-height:550px){.spatial-experience{height:700px}}@media (prefers-reduced-motion:reduce){.spatial-tools button{transition:none}}