:root{color:#eceff4;background:radial-gradient(circle at 20% 20%,#263238,#101316 45%,#060809);font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}#viewport{width:100%;height:100%;display:block}.offline-banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:20;margin-top:8px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,179,179,.55);background:#721010e6;color:#ffe7e7;font-size:.85rem;font-weight:600;box-shadow:0 8px 24px #00000059}.offline-banner[hidden]{display:none}.interaction-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#8417171a;border:2px solid rgba(255,88,88,.4);z-index:8}.interaction-overlay[hidden]{display:none}.interaction-overlay span{padding:10px 14px;border-radius:999px;font-weight:600;font-size:.95rem;color:#ffd7d7;background:#581212ad;border:1px solid rgba(255,140,140,.4);box-shadow:0 8px 24px #00000059}.interaction-overlay[data-state=readonly]{align-items:flex-start;justify-content:flex-end;background:#d9ab1014;border-color:#fae28d59}.interaction-overlay[data-state=readonly] span{margin:18px;color:#fff6ca;background:#735e0c94;border-color:#ffe57880}.interaction-overlay[data-state=deny]{background:#8d181833;border-color:#ff74748c}#hud{position:fixed;top:16px;left:16px;max-width:360px;padding:12px 14px;border-radius:10px;background:#080c10b8;border:1px solid rgba(173,181,189,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#hud h1{margin:0 0 8px;font-family:Space Grotesk,IBM Plex Sans,sans-serif;letter-spacing:.02em;font-size:1.05rem}#hud p{margin:4px 0;font-size:.88rem}#inspect-mode-row{margin-top:8px;display:flex;align-items:center;gap:8px}#inspect-mode-toggle{width:26px;height:26px;border-radius:999px;border:1px solid rgba(173,181,189,.55);background:#141e28d9;color:#e8f3ff;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:.95rem;cursor:pointer}#inspect-mode-toggle:hover{border-color:#e2e8f0e6}#inspect-mode-toggle[aria-pressed=true]{background:#c6e8ffeb;color:#10202f;border-color:#c6e8ffeb}#inspect-mode-label{font-size:.82rem;color:#b9d0e7}.hint{color:#9fb0c0}#edit-info-popup{position:fixed;z-index:40;max-width:280px;padding:8px 10px;border-radius:8px;border:1px solid rgba(173,181,189,.45);background:#060c10f2;color:#e8f3ff;font-size:.8rem;line-height:1.35;pointer-events:none;white-space:pre-line}