.sequence-drawing{isolation:isolate}
#sequence-house{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;touch-action:pan-y;cursor:grab;z-index:1}
#sequence-house.dragging{cursor:grabbing}.house-ready #sequence-house{opacity:1}.house-ready>svg{visibility:hidden}
.sequence-drawing .ruler{z-index:3}.plan-hotspots{z-index:4;pointer-events:none}.plan-hotspot{pointer-events:auto;will-change:transform}.house-ready .plan-hotspot{left:0;top:0}
.house-toolbar{position:absolute;left:20px;right:20px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5;pointer-events:none}
.house-instructions{font:9px/1.4 var(--mono);text-transform:uppercase;color:var(--muted);max-width:42ch}.house-reset{pointer-events:auto;flex-shrink:0;background:var(--paper);border:1px solid var(--line);padding:11px 13px;font:10px var(--mono);text-transform:uppercase;min-height:40px}
.sequence-drawing .sequence-caption{bottom:65px;z-index:3;pointer-events:none;font-size:8px}
.sequence-drawing:not(.house-ready) #sequence-house{pointer-events:none}.sequence-drawing:not(.house-ready) .house-reset{display:none}
@media(max-width:700px){.house-toolbar{left:16px;right:16px;bottom:10px;gap:10px}.house-instructions{font-size:7px;max-width:30ch}.house-reset{font-size:8px;min-height:36px;padding:9px}.sequence-drawing .sequence-caption{font-size:7px;bottom:54px;left:16px}.house-ready .plan-hotspot{width:26px;height:26px}.plan-explanation{z-index:6}}
@media(prefers-reduced-motion:reduce){#sequence-house{transition:none}}

@media(max-width:700px){.sequence-drawing{height:calc(100% - 320px);min-height:260px;top:2%}#sequence-house{height:calc(100% - 68px)}}

@media(prefers-reduced-motion:reduce) and (min-width:701px){.sequence-drawing{width:64%;height:80%;margin-left:0;margin-right:0}}