.spatial-preview.svelte-x0epa8{margin-block:60px;scroll-margin-top:110px;color:#eae7db}header.svelte-x0epa8{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}.spatial-kicker.svelte-x0epa8{display:block;color:#b8a681;font:8px/1.8 var(--font-ui);letter-spacing:1.6px}h2.svelte-x0epa8{font:42px/1.07 var(--font-display);margin:13px 0}header.svelte-x0epa8 p:where(.svelte-x0epa8){max-width:520px;color:#acbfba;font:12px/1.9 var(--font-ui)}.spatial-layout.svelte-x0epa8{display:grid;grid-template-columns:minmax(0,1fr) 285px;border:1px solid #5d665854;border-radius:6px;overflow:hidden}.spatial-stage.svelte-x0epa8{min-width:0;height:485px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#2a3e3b,#0b1a27 70%)}.stage-label.svelte-x0epa8{position:absolute;top:24px;left:25px;color:#b8ac8d;font:7px var(--font-ui);letter-spacing:1.7px}.room-perspective.svelte-x0epa8{position:absolute;left:50%;top:46%;width:310px;height:310px;transform:translate(-50%,-50%);perspective:1000px}.room.svelte-x0epa8{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.room.svelte-x0epa8>div:where(.svelte-x0epa8){pointer-events:none}.room-floor.svelte-x0epa8{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#a5a3821a 0 1px,transparent 1px 38.5px),repeating-linear-gradient(0deg,#a5a3821a 0 1px,transparent 1px 38.5px),linear-gradient(140deg,#3a4a43,#1a3036);border:1px solid #b4a77a7a;box-shadow:0 0 0 12px #8e80521a,20px 25px 55px #0008}.room-back.svelte-x0epa8{position:absolute;top:0;left:0;width:100%;height:135px;transform-origin:top;transform:rotateX(90deg);background:linear-gradient(0deg,#172b31,#35443e);border:1px solid #9a94715c}.room-back.svelte-x0epa8>span:where(.svelte-x0epa8){position:absolute;width:52px;height:7px;background:#7a7252;box-shadow:0 -23px #796e51,0 -46px #766b4c;bottom:21px}.room-back.svelte-x0epa8>span:where(.svelte-x0epa8):nth-of-type(1){left:23px}.room-back.svelte-x0epa8>span:where(.svelte-x0epa8):nth-of-type(2){right:23px}.room-back.svelte-x0epa8>span:where(.svelte-x0epa8):nth-of-type(3){display:none}.room-window.svelte-x0epa8{width:75px;height:105px;position:absolute;left:calc(50% - 37.5px);top:12px;border:1px solid #c8b9828a;border-radius:45px 45px 0 0;background:radial-gradient(ellipse at 50% 20%,#f6d99179,transparent 65%),linear-gradient(0deg,#203b42,#53645b);box-shadow:0 0 40px #c4a65d19}.room-window.svelte-x0epa8:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #c6b98159;border-radius:38px 38px 0 0;background:linear-gradient(90deg,transparent calc(50% - .5px),#c8b68088 50%,transparent calc(50% + .5px))}.room-side.svelte-x0epa8{position:absolute;left:0;top:0;width:135px;height:100%;transform-origin:left;transform:rotateY(-90deg);background:linear-gradient(90deg,#263b3a,#3d4a41);border:1px solid #a49a715a}.room-side.svelte-x0epa8 span:where(.svelte-x0epa8){position:absolute;left:28px;width:78px;height:7px;background:#857650;box-shadow:0 -12px #b59a6c33}.room-side.svelte-x0epa8 span:where(.svelte-x0epa8):nth-child(1){top:70px}.room-side.svelte-x0epa8 span:where(.svelte-x0epa8):nth-child(2){top:148px}.room-side.svelte-x0epa8 span:where(.svelte-x0epa8):nth-child(3){top:226px}.room-carpet.svelte-x0epa8{position:absolute;top:55px;right:55px;bottom:55px;left:55px;transform:translateZ(1px);background:repeating-linear-gradient(45deg,#baa3710a 0 1px,transparent 1px 8px),#4a45313b;border:1px solid #b4a16a66;box-shadow:inset 0 0 0 5px #a18b4d16}.room-desk.svelte-x0epa8{position:absolute;left:95px;top:125px;width:120px;height:62px;transform:translateZ(37px);background:linear-gradient(35deg,#826b40,#b4a372);border:1px solid #d4bd83;box-shadow:0 12px #293b32bb}.room-desk.svelte-x0epa8 span:where(.svelte-x0epa8){position:absolute;width:24px;height:31px;top:13px;border:1px solid #d8c398;background:#bbb08a;transform:rotate(-12deg)}.room-desk.svelte-x0epa8 span:where(.svelte-x0epa8):nth-child(1){left:18px}.room-desk.svelte-x0epa8 span:where(.svelte-x0epa8):nth-child(2){left:44px;transform:rotate(9deg)}.room-desk.svelte-x0epa8 span:where(.svelte-x0epa8):nth-child(3){left:88px;width:10px;height:10px;border-radius:50%;background:#dfc78f}.room-orb.svelte-x0epa8{position:absolute;left:251px;top:54px;width:24px;height:24px;transform:translateZ(35px);background:radial-gradient(circle at 35% 30%,#d6b976,#536d5c 65%);border:1px solid #c3b47b;border-radius:50%;box-shadow:0 0 25px #dbc78019}.room-point.svelte-x0epa8{position:absolute;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #c4b17b;color:#e8d6a9;background:#10252fed;font:12px var(--font-ui);box-shadow:0 5px 15px #0005;transform-style:preserve-3d}.room-point.active.svelte-x0epa8{background:#d4b982;color:#192a2f;box-shadow:0 0 0 6px #d6b77a1c}.spatial-controls.svelte-x0epa8{position:absolute;left:24px;right:24px;bottom:24px;display:flex;align-items:end;gap:20px;padding:15px;background:#0b1d29dc;border:1px solid #6b77584a;border-radius:4px}label.svelte-x0epa8{min-width:0;flex:1;display:grid;gap:8px;color:#bac7b8;font:9px var(--font-ui)}input.svelte-x0epa8{width:100%;min-width:0;accent-color:#d2b57b}button.svelte-x0epa8{cursor:pointer}.spatial-controls.svelte-x0epa8>button:where(.svelte-x0epa8){display:grid;place-items:center;padding:7px;background:none;border:1px solid #566b5c;color:#d0bf97;border-radius:3px}aside.svelte-x0epa8{padding:27px 25px;background:#122731;border-left:1px solid #5d665854}aside.svelte-x0epa8>svg{color:#b7bd98;margin-bottom:19px}aside.svelte-x0epa8 h3:where(.svelte-x0epa8){font:30px/1.14 var(--font-display);margin:14px 0}aside.svelte-x0epa8 p:where(.svelte-x0epa8){color:#aebfba;font:12px/1.9 var(--font-ui)}aside.svelte-x0epa8 a:where(.svelte-x0epa8){display:inline-flex;align-items:center;gap:9px;padding:13px 0;color:#d4bc8e;font:11px var(--font-ui)}.spatial-room-list.svelte-x0epa8{display:grid;gap:3px;padding-top:16px;margin-top:10px;border-top:1px solid #8b855c3b}.spatial-room-list.svelte-x0epa8 button:where(.svelte-x0epa8){display:flex;align-items:center;gap:12px;padding:10px 0;color:#aabeb7;background:none;border:0;text-align:left;font:11px var(--font-ui)}.spatial-room-list.svelte-x0epa8 button:where(.svelte-x0epa8) span:where(.svelte-x0epa8){font:14px var(--font-display);color:#a89f7d}.spatial-room-list.svelte-x0epa8 button.active:where(.svelte-x0epa8){color:#e6d2a6}.svelte-x0epa8:is(button:where(.svelte-x0epa8),a:where(.svelte-x0epa8),input:where(.svelte-x0epa8)):focus-visible{outline:2px solid #dec087;outline-offset:4px}@media(max-width:800px){.spatial-layout.svelte-x0epa8{grid-template-columns:1fr}aside.svelte-x0epa8{border-left:0;border-top:1px solid #5d665854}.spatial-room-list.svelte-x0epa8{grid-template-columns:1fr 1fr;gap:0 18px}}@media(max-width:600px){.spatial-preview.svelte-x0epa8{margin-block:40px}header.svelte-x0epa8{flex-wrap:wrap;gap:14px}h2.svelte-x0epa8{font-size:35px}.spatial-stage.svelte-x0epa8{height:430px}.room-perspective.svelte-x0epa8{width:265px;height:265px}.room-desk.svelte-x0epa8{left:75px;top:105px}.room-orb.svelte-x0epa8{left:219px;top:48px}.spatial-controls.svelte-x0epa8{left:14px;right:14px;bottom:17px;gap:13px;padding:13px}aside.svelte-x0epa8{padding:24px}.spatial-room-list.svelte-x0epa8 button:where(.svelte-x0epa8){font-size:10px}}