.orbit-house .house-photo{display:none}.orbit-house .visual-grid{pointer-events:none}.house-canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}.house-canvas.dragging{cursor:grabbing}.orbit-house .visual-coordinate,.orbit-house .visual-index{z-index:2;pointer-events:none}.house-orbit-ui{position:absolute;bottom:20px;left:20px;right:20px;z-index:4;background:#1a291eef;border:1px solid #aec48c40;border-radius:14px;padding:16px;color:#e6efd8;backdrop-filter:blur(12px)}.orbit-heading{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:1px}.orbit-heading output{color:#c8ef87;letter-spacing:0}.orbit-views{display:flex;gap:5px;margin:12px 0}.orbit-views button{flex:1;min-width:0;padding:9px 4px;background:#ffffff08;color:#b5c5a5;border:1px solid #90aa7040;border-radius:7px;font-size:10px}.orbit-views button[aria-pressed=true]{background:#c9ed91;color:#25361f;border-color:#c9ed91}.orbit-range{display:flex;align-items:center;gap:12px;font-size:10px}.orbit-range input{min-width:30px;flex:1;accent-color:#caf28a}.orbit-range span{width:30px;font-variant-numeric:tabular-nums}.house-orbit-ui p{margin:9px 0 0;font-size:9px;color:#93a982}.orbit-point{position:absolute;z-index:3;display:flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:#e9f4dd;opacity:0;visibility:hidden;pointer-events:none;translate:-50% -50%;transition:opacity 260ms,visibility 260ms;white-space:nowrap}.orbit-point.is-visible{opacity:1;visibility:visible;pointer-events:auto}.orbit-point>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#d0f490;color:#29421f;font-size:23px;box-shadow:0 0 0 5px #d0f49025}.orbit-point>b{background:#1b2c20ec;padding:9px;border:1px solid #b2cc8133;border-radius:5px;font-size:10px;font-weight:500}.orbit-point:focus-visible{outline:2px solid #d0f490;outline-offset:7px}@media(max-width:760px){.orbit-house.architecture{min-height:560px}.house-orbit-ui{bottom:14px;left:12px;right:12px;padding:12px}.orbit-point>b{font-size:9px;padding:7px}.orbit-point>span{width:25px;height:25px}.orbit-heading{font-size:8px}.orbit-views button{font-size:9px}}

.orbit-mode{display:flex;gap:7px;margin-bottom:12px}.orbit-mode button{flex:1;padding:10px;border-radius:8px;border:1px solid #a8bf7955;background:#ffffff08;color:#c3d4b2;font-size:11px}.orbit-mode button[aria-pressed=true]{background:#d0f490;color:#25371f}.orbit-house .house-photo{display:block;opacity:0;transition:opacity 650ms ease;z-index:1}.orbit-house.orbit-reference .house-photo{opacity:1}.orbit-house .house-canvas{transition:opacity 650ms ease}.orbit-reference .house-canvas{pointer-events:none;opacity:0}.orbit-reference .orbit-views,.orbit-reference .orbit-range,.orbit-reference .orbit-heading{display:none}.orbit-reference .house-orbit-ui p{font-size:0}.orbit-reference .house-orbit-ui p:after{content:'Выберите часть дома или откройте 3D-реконструкцию';font-size:9px}.orbit-reference .house-orbit-ui{padding:12px 16px}.orbit-reference .orbit-mode{margin-bottom:0}
@media(max-width:760px){.orbit-reference .orbit-point>b{font-size:8px}.orbit-reference .orbit-point{gap:3px}.orbit-reference .orbit-point>span{width:22px;height:22px}}

/* The reference image remains layered for crossfades but must never intercept orbit gestures. */
.orbit-house .house-photo{pointer-events:none;user-select:none;-webkit-user-drag:none}
.orbit-house .house-canvas{user-select:none;touch-action:none}

.orbit-elevation{margin-top:10px}.orbit-elevation button{border:1px solid #a8bf7955;background:#ffffff08;color:#d0f490;border-radius:5px;padding:3px 7px;font-size:14px}.orbit-range input{touch-action:none}
.architecture .visual-coordinate{color:#43543b;background:rgba(245,246,235,.94);border:1px solid rgba(71,89,55,.18);border-radius:12px;padding:12px 16px;max-width:calc(100% - 72px);box-sizing:border-box;text-shadow:none;box-shadow:0 6px 24px rgba(23,35,19,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.architecture .visual-coordinate b{color:#24331f;font-weight:600}
