.floor-explorer{margin:64px 0 12px;padding:clamp(18px,3vw,34px);border:1px solid var(--line);background:#ebe6db;color:var(--ink)}
.floor-explorer *{box-sizing:border-box}
.floor-explorer__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.floor-explorer h2{margin:0;font-family:Asta,Pretendard,sans-serif;font-size:clamp(26px,4vw,44px);line-height:1.1}
.floor-explorer__hint{max-width:34ch;margin:0;color:var(--muted);font-size:13px;text-align:right}
.floor-explorer__floors,.floor-explorer__modes,.floor-explorer__tools{display:flex;flex-wrap:wrap;gap:8px}
.floor-explorer__floors{margin-bottom:10px}
.floor-explorer button,.floor-explorer__source{min-height:44px;border:1px solid #898b82;background:transparent;color:inherit;font:inherit}
.floor-explorer button{padding:8px 15px;cursor:pointer}
.floor-explorer button[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:var(--paper)}
.floor-explorer button:focus-visible,.floor-explorer__source:focus-visible,.floor-explorer__viewport:focus-visible{outline:3px solid #87956f;outline-offset:3px}
.floor-explorer__stage{position:relative;overflow:hidden;margin-top:14px;background:var(--white)}
.floor-explorer__viewport{position:relative;display:grid;place-items:center;width:100%;height:clamp(280px,57vw,650px);overflow:hidden;border:1px solid var(--line);touch-action:none;cursor:grab;outline:none;user-select:none}
.floor-explorer__viewport.is-dragging{cursor:grabbing}
.floor-explorer__image{display:block;width:100%;height:100%;object-fit:contain;transform:translate3d(var(--floor-x,0),var(--floor-y,0),0) scale(var(--floor-scale,1));transform-origin:center;will-change:transform;pointer-events:none}
.floor-explorer__status{position:absolute;left:12px;bottom:12px;margin:0;padding:5px 9px;background:rgba(255,253,250,.9);font-size:12px}
.floor-explorer__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.floor-explorer__modes button{min-width:76px}
.floor-explorer__tools button{width:44px;padding:0;font-size:20px}
.floor-explorer__tools button[data-action="reset"]{width:auto;padding-inline:14px;font-size:14px}
.floor-explorer__source{display:inline-flex;align-items:center;padding:8px 12px;color:var(--sage);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.floor-explorer__noscript{margin:12px 0 0;color:var(--muted);font-size:13px}
@media(max-width:600px){.floor-explorer{margin-top:42px;padding:16px}.floor-explorer__head{display:block}.floor-explorer__hint{margin-top:8px;text-align:left}.floor-explorer__viewport{height:330px}.floor-explorer__bar{align-items:flex-start;flex-wrap:wrap}.floor-explorer__tools{width:100%}.floor-explorer__source{margin-left:auto}}