.tour-viewer{position:relative;background:var(--paper,#f5f2ec);color:var(--ink,#383e42);width:100%}.tour-stage{height:clamp(320px,60dvh,680px);position:relative;overflow:hidden;cursor:grab;touch-action:none;background:#302c28}.tour-stage.is-dragging{cursor:grabbing}.tour-stage canvas{display:block;width:100%;height:100%}.tour-hotspots{position:absolute;inset:0;pointer-events:none}.tour-hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#f5f2ecdd;color:#71492f;border:1px solid #fff;border-radius:50%;width:44px;height:44px;box-shadow:0 3px 13px #0004;display:grid;place-content:center;font-size:24px;cursor:pointer}.tour-hotspot small{font-size:9px;position:absolute;bottom:3px;right:6px}.tour-hotspot:hover,.tour-hotspot:focus-visible{background:#fff;outline:2px solid #8a5a36}.tour-loading,.tour-error{position:absolute;top:20px;left:20px;right:20px;padding:12px 16px;background:#f5f2ecef;font-size:12px}.tour-error{color:#833a35}.tour-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line,#d9d4ca);padding:6px 12px}.tour-toolbar button{min-width:38px;min-height:42px;background:transparent;font-size:20px}.tour-toolbar [data-tour=play]{font-size:13px}.tour-current{font-size:11px;margin:0}.tour-turn,.tour-zoom{display:flex}.tour-locations{display:flex;gap:6px;flex-wrap:wrap;padding:14px 16px}.tour-locations button{background:transparent;border:1px solid var(--line,#d9d4ca);padding:10px 14px;font-size:11px}.tour-locations button[aria-pressed=true]{background:var(--ink,#383e42);color:var(--paper,#f5f2ec)}.tour-plan{margin:0 16px;border-top:1px solid var(--line,#d9d4ca)}.tour-plan summary{padding:12px 0;font-size:11px;cursor:pointer}.tour-plan-inner{position:relative;width:min(100%,300px);margin:0 auto 18px;line-height:0}.tour-plan-inner img{width:100%;height:auto}.tour-plan-inner button{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #fff;box-shadow:0 1px 6px #0003;color:#fff;background:var(--ink,#383e42);width:28px;height:28px;font-size:10px}.tour-plan-inner button[aria-pressed=true]{background:var(--bronze,#8a5a36)}.tour-hint{font-size:10px;line-height:1.7;color:var(--muted,#717572);text-align:center;margin:0;padding:10px 16px 18px}.tour-viewer:fullscreen{display:flex;flex-direction:column;overflow:auto;background:var(--paper,#f5f2ec)}.tour-viewer:fullscreen .tour-stage{height:calc(100dvh - 170px);min-height:220px;flex:1}.tour-viewer:fullscreen .tour-plan{display:none}@media(max-width:600px){.tour-stage{height:50dvh;min-height:300px}.tour-toolbar{padding:4px}.tour-toolbar button{min-width:32px}.tour-current{font-size:10px}.tour-locations{padding:12px;gap:5px}.tour-locations button{font-size:10px;padding:10px}.tour-hint{font-size:9px}}
.tour-viewer.is-fullscreen{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;overflow:auto;background:var(--paper,#f5f2ec)}.tour-viewer.is-fullscreen .tour-stage{height:calc(100dvh - 170px);min-height:220px;flex:1}.tour-viewer.is-fullscreen .tour-plan{display:none}
.unit-media.is-tour{height:auto;display:block;min-height:360px;background:var(--paper,#f5f2ec)}.unit-media.is-tour .tour-viewer:not(:fullscreen):not(.is-fullscreen) .tour-stage{height:360px;min-height:300px}.unit-media.is-tour .tour-hint{font-size:9px}.unit-media.is-tour .tour-toolbar{padding:4px}.unit-media.is-tour .tour-toolbar button{min-width:33px}.unit-media.is-tour .tour-locations{gap:5px;padding:12px 0}.unit-media.is-tour .tour-locations button{font-size:9px;padding:9px}.unit-media.is-tour .tour-plan{margin:0}.tour-placeholder{padding:35px 20px;text-align:center;font-size:11px}@media(max-width:700px){.unit-media.is-tour .tour-viewer:not(:fullscreen):not(.is-fullscreen) .tour-stage{height:350px}.unit-media.is-tour .tour-current{font-size:9px}}