*{box-sizing:border-box}body{margin:0;background:#eceeeb;color:#171b18;font:14px system-ui,sans-serif}#tools{padding:12px 16px;border-bottom:1px solid #c7ccc8;background:#fff;display:flex;gap:12px;align-items:center;flex-wrap:wrap}#tools strong{display:block}#tools span{display:block;color:#4e5c53;font-size:12px;margin-top:4px}#tools nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#tools button,#tools select{font:inherit;padding:7px 9px;border:1px solid #aab5ad;background:#fff;border-radius:6px}#tools select{max-width:400px}#status{display:block;width:100%;font-size:12px}#viewport{width:100%;overflow:visible}#frame{position:relative;margin:0 auto;width:var(--frame-width);max-width:100%;aspect-ratio:var(--frame-ratio);background:#fff}.frame-image{display:block;width:100%;height:100%;border:0;pointer-events:none;user-select:none}.click-layer{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;display:block;border:0;background:transparent;padding:0;margin:0;cursor:pointer;pointer-events:auto;color:transparent;outline-offset:-2px;box-shadow:none;border-radius:0}.hotspot:focus-visible{outline:3px solid #0064c8;background:rgba(0,100,200,.08)}.hint .hotspot{outline:2px solid #0064c8;background:rgba(0,100,200,.12)}#notice{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:90vw;border-radius:8px;background:#152c20;color:white;padding:12px 16px;z-index:2147483647;display:none}#notice.open{display:block}dialog.prototype-overlay{padding:0;border:0;background:transparent;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto}dialog.prototype-overlay::backdrop{background:var(--backdrop,transparent)}.overlay-frame{position:relative;width:var(--frame-width);max-width:100%;aspect-ratio:var(--frame-ratio);background:transparent}.error{padding:24px;white-space:pre-wrap}button:disabled{cursor:default} @media(max-width:600px){#tools select{max-width:72vw}#tools{padding:8px}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* AYRA_NAVIGATION_REPAIR_V1: click targets only; exported design unchanged. */
#frame,.overlay-frame{isolation:isolate}.frame-image{position:relative;z-index:0}.click-layer{z-index:1}a.hotspot{text-decoration:none;color:transparent}#screen-index{max-width:100%}#screen-index summary{cursor:pointer;padding:7px 9px;border:1px solid #aab5ad;border-radius:6px;font:inherit}#screen-index[open] label{display:block;padding-top:8px}