/* Edit in place (43-edit-in-place.js): floating panel on the right while editing a generated house. Uses the studio
   HUD tokens from base.css (--glass, --stroke, --txt, --mut) so it follows the light and dark theme. */
.ed-panel{top:76px;right:16px;width:300px;max-height:calc(100vh - 160px);overflow:auto;border-radius:16px;padding:14px;z-index:30;display:flex;flex-direction:column;gap:10px;color:var(--txt)}
.ed-panel[hidden]{display:none}
body.editing .panel.right{visibility:hidden}
body.editing #viewport canvas{cursor:pointer}
.ed-hd{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ed-hd b{font-size:14px;letter-spacing:.01em}
.ed-t{margin:2px 0 0;font-size:16px;font-weight:650}
.ed-tip{margin:0;font-size:12.5px;line-height:1.45;color:var(--mut)}
.ed-lab{font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-top:4px}
.ed-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ed-btn{height:32px;padding:0 10px;border-radius:9px;border:1px solid var(--stroke);background:rgba(var(--ov),.06);color:var(--txt);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.ed-btn:hover{background:rgba(var(--ov),.12);border-color:var(--stroke-strong)}
.ed-btn:focus-visible,.ed-dot:focus-visible,.ed-link:focus-visible{outline:2px solid #f28a17;outline-offset:2px}
.ed-btn.primary{background:linear-gradient(180deg,#ffa53d,#f28a17);border-color:transparent;color:#fff}
.ed-btn.danger{color:#e8566b}
.ed-btn.ghost{background:transparent}
.ed-btn.wide{width:100%}
.ed-btn.sm{height:26px;padding:0 8px;font-size:11.5px}
.ed-sw{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ed-dot{width:24px;height:24px;border-radius:50%;border:1px solid var(--stroke-strong);cursor:pointer;padding:0}
.ed-dot.on{outline:2px solid #f28a17;outline-offset:2px}
.ed-pick{width:28px;height:26px;padding:0;border:0;background:none;cursor:pointer}
.ed-list{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--stroke);padding-top:10px;margin-top:2px}
.ed-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ed-link{flex:1;min-width:0;text-align:left;background:none;border:0;padding:4px 0;color:var(--txt);font:inherit;font-size:12.5px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ed-link:hover{text-decoration:underline}
.ed-link.off{color:var(--mut);font-style:italic}
@media (max-width:760px){.ed-panel{top:auto;bottom:12px;left:12px;right:12px;width:auto;max-height:46vh}}
/* Customise: material chips for shared surfaces */
.ed-fin{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.ed-chip{height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--stroke-strong);background:rgba(var(--ov),.05);color:var(--txt);font:inherit;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}
.ed-chip:hover{border-color:#f28a17}
.ed-chip.on{background:#b25200;border-color:#b25200;color:#fff}
.ed-chip.ghost{background:none}
/* Customise: fly-camera hint bar (60-customise-fly.js): high contrast in both themes */
.fly-hint{position:fixed;left:50%;bottom:22px;translate:-50% 0;z-index:44;display:flex;gap:14px;align-items:center;padding:9px 10px 9px 16px;border-radius:16px;
  background:rgba(16,22,34,.92);color:#f3f6fa;font-size:13px;line-height:1.2;box-shadow:0 12px 34px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  max-width:calc(100vw - 24px);text-shadow:none}
.fly-hint[hidden]{display:none}
.fly-hint .keys{display:flex;flex-wrap:wrap;gap:6px 14px;color:#f3f6fa}
.fly-hint .it{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#dfe5ee}
.fly-hint kbd{font:inherit;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:6px;background:#f3f6fa;color:#141c2b;border:0;box-shadow:0 1px 0 rgba(0,0,0,.4)}
.fly-hint button{height:32px;padding:0 14px;border-radius:10px;border:0;background:#f2a03d;color:#1b1206;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.fly-hint button:hover{background:#ffb75a}
.fly-hint .spd{color:#ffc477;font-weight:700;font-variant-numeric:tabular-nums;min-width:58px;white-space:nowrap}
@media (max-width:900px){.fly-hint .it:nth-child(n+4){display:none}}