#pane-spatial .wb-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 20px;padding:15px 0}
#pane-spatial .wb-intro h2{font-size:clamp(26px,3vw,44px);line-height:1.1;margin:8px 0;font-weight:600;letter-spacing:-1.7px;color:#f0f4ff}
#pane-spatial .wb-intro p{color:#97a8bf;font-size:14px;max-width:650px;margin:8px 0}
#pane-spatial .wb-kicker{font:11px monospace;letter-spacing:2px;color:#6be5ce}
#pane-spatial .awe-studio-workbench{grid-template-columns:230px minmax(0,1fr) 270px}
#pane-spatial .awe-stage-canvas{height:650px;min-height:500px;position:relative;background:#0a1020}
#pane-spatial .wb-canvas{position:absolute;inset:0;overflow:hidden}
#pane-spatial .wb-canvas canvas{display:block;width:100%;height:100%;touch-action:none}
#pane-spatial .wb-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:10px;border-bottom:1px solid #26334b;background:#101827}
#pane-spatial .wb-toolbar button,#pane-spatial .wb-tool,#pane-spatial .wb-layer{font:11px monospace;border:1px solid #2c3a50;border-radius:5px;padding:8px;color:#c5d2e5;background:#151f30;cursor:pointer}
#pane-spatial .wb-toolbar button:hover,#pane-spatial .wb-tool:hover,#pane-spatial .wb-layer:hover{border-color:#6be5ce;color:#fff}
#pane-spatial .wb-toolbar button.active,#pane-spatial .wb-layer.active{color:#7dedd8;border-color:#479788;background:#16302e}
#pane-spatial .wb-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
#pane-spatial .wb-tool{text-align:left;padding:12px 9px}
#pane-spatial .wb-layers{max-height:225px;overflow:auto;display:grid;gap:4px;margin-top:10px}
#pane-spatial .wb-layer{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pane-spatial .wb-axis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 0 14px}
#pane-spatial .wb-axis label{color:#8397b3;font:10px monospace}
#pane-spatial .wb-axis input{width:100%;box-sizing:border-box;border:1px solid #2d3c53;border-radius:4px;background:#101927;color:#eef5ff;padding:8px 4px;margin-top:5px}
#pane-spatial .wb-console{padding:14px;background:#0d1422;border-top:1px solid #293449}
#pane-spatial .wb-console summary{color:#8cdfce;cursor:pointer;font:12px monospace;margin-bottom:10px}
#pane-spatial .wb-console textarea{box-sizing:border-box;width:100%;height:180px;resize:vertical;background:#070e19;color:#b9dccf;border:1px solid #324058;padding:12px;font:12px/1.6 monospace;border-radius:6px}
#pane-spatial .wb-console p,#pane-spatial .wb-help{color:#a3b2c7;font-size:12px;line-height:1.6}
#pane-spatial .wb-console a{color:#6be5ce}
#pane-spatial .wb-readout{position:absolute;bottom:16px;left:16px;pointer-events:none;background:#0d1422df;border:1px solid #354660;border-radius:6px;padding:10px 14px;color:#b4c5dc;font:11px/1.6 monospace}
#pane-spatial .wb-readout b{color:#6be5ce;font-weight:500}
#pane-spatial .wb-draft{color:#f3c47c;font:10px monospace;letter-spacing:1px}
#pane-spatial .wb-actions{display:flex;gap:6px;margin-top:10px}
#pane-spatial button:disabled{opacity:.4;cursor:not-allowed}
#pane-spatial [hidden]{display:none!important}
#pane-spatial .awe-studio-stage{min-width:0}
#pane-spatial .awe-stage-overlay{flex-wrap:wrap}
@media(max-width:1200px){#pane-spatial .awe-studio-workbench{grid-template-columns:190px minmax(0,1fr)}#pane-spatial .awe-studio-inspector{grid-column:1/-1;display:block}#pane-spatial .awe-stage-canvas{height:560px}}
@media(max-width:700px){#pane-spatial .awe-studio-workbench{display:flex;flex-direction:column}#pane-spatial .awe-studio-left{max-height:360px;overflow:auto}#pane-spatial .awe-stage-canvas{height:470px;min-height:400px}#pane-spatial .wb-intro{display:block}#pane-spatial .awe-stage-toolbar{flex-wrap:wrap}#pane-spatial .wb-toolbar{gap:4px}}
/* The original native iframe layout positioned these over the entire stage. */
#pane-spatial .awe-stage-toolbar{position:relative;top:auto;left:auto;right:auto;margin:10px;z-index:2}
#pane-spatial .awe-stage-overlay{position:static;transform:none;padding:12px;justify-content:flex-start}
#pane-spatial .awe-studio-topbar{height:auto;min-height:66px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
#pane-spatial .awe-studio-title{flex-wrap:wrap}
#pane-spatial .awe-studio-top-actions{flex-wrap:wrap}
#pane-spatial .awe-studio-footer{height:auto;min-height:44px;gap:12px;flex-wrap:wrap;padding:12px}
#pane-spatial #awe-builder-status{white-space:normal;line-height:1.5}
.wb-photo-panel { padding:18px 14px; border-bottom:1px solid #26323b; background:linear-gradient(145deg,#152c2b,#0c1119); }
.wb-photo-panel summary { color:#a9f4d3; font-size:11px; letter-spacing:1.8px; cursor:pointer; font-weight:700; }
.wb-photo-panel p,.wb-photo-panel a { font-size:11px; line-height:1.6; color:#a7b9c9; }
.wb-photo-panel input[type=file] { width:100%; font-size:11px; padding:10px 0; }
.wb-photo-panel .awe-btn { margin-top:12px; }
.wb-photo-panel select { width:100%; background:#101921; color:#e5eee9; padding:10px; border:1px solid #354346; border-radius:6px; }

.awe-template-thumb.sanctuary { background:linear-gradient(135deg,#9945ff 0%,#14f195 100%); }
.awe-template-thumb.nexus { background:linear-gradient(135deg,#00f0ff 0%,#f72585 100%); }
.awe-template-thumb.courtyard { background:linear-gradient(135deg,#d4af37 0%,#3e332a 100%); }
.awe-template-thumb.altitude { background:linear-gradient(135deg,#c9b097 0%,#f5f1ea 60%,#313c4c 100%); }
.awe-template-thumb.coal { background:linear-gradient(135deg,#12151a 0%,#ff9800 40%,#1e232b 100%); }
.awe-template-thumb.void { background:linear-gradient(135deg,#020306 0%,#00f0ff 50%,#f72585 100%); }
.awe-template-thumb.genesis { background:linear-gradient(135deg,#d5c5b0 0%,#e1d3c0 50%,#42362b 100%); }
.awe-template-thumb.temple { background:linear-gradient(135deg,#2d241d 0%,#ffd54f 50%,#d4af37 100%); }
.awe-template-thumb.exodus { background:linear-gradient(135deg,#e5e8ee 0%,#f59e0b 50%,#1c212c 100%); }
.awe-template-thumb.residence { background:linear-gradient(135deg,#382619 0%,#244229 50%,#8ab4d4 100%); }
.awe-template-thumb.kyoto { background:linear-gradient(135deg,#cca983 0%,#12222e 50%,#4e3323 100%); }
.awe-template-thumb.emerald { background:linear-gradient(135deg,#0a0b10 0%,#14f195 50%,#9945ff 100%); }
.awe-template-thumb.infinite { background:linear-gradient(135deg,#c7bbaa 0%,#183444 50%,#365434 100%); }
.awe-template-thumb.eiffel { background:linear-gradient(135deg,#1e1933 0%,#4a3828 45%,#d4af37 100%); }
.awe-template-thumb.centralpark { background:linear-gradient(135deg,#1b2230 0%,#2d5a3f 50%,#dfdad2 100%); }
.awe-template-thumb.subway { background:linear-gradient(135deg,#0d1117 0%,#ffc700 45%,#263342 100%); }

/* Walk Mode HUD Banner */
.wb-walk-hud {
  position:absolute; bottom:20px; left:50%; transform:translateX(-50%);
  display:flex; align-items:center; gap:14px;
  background:rgba(8,14,24,0.92); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(20,241,149,0.5); border-radius:100px;
  padding:10px 20px; box-shadow:0 8px 32px rgba(0,0,0,0.7), 0 0 20px rgba(20,241,149,0.25);
  z-index:99; color:#e2edf8; font-size:13px; font-weight:500;
  pointer-events:auto;
}
.wb-walk-hud .wb-walk-hint { color:#f1f5f9; display:inline-flex; align-items:center; gap:6px; }
.wb-walk-hud .wb-walk-exit-btn {
  background:rgba(255,255,255,0.12); color:#fff; border:1px solid rgba(255,255,255,0.25);
  border-radius:100px; padding:5px 12px; font-size:11px; font-weight:700; cursor:pointer;
  transition:all .15s ease;
}
.wb-walk-hud .wb-walk-exit-btn:hover {
  background:rgba(239,68,68,0.25); border-color:#ef4444; color:#fca5a5;
}

/* Oncyber Docs Search Modal */
.wb-docs-dialog {
  background:#0c121e; border:1px solid #233550; border-radius:14px;
  max-width:720px; width:92%; box-shadow:0 24px 60px rgba(0,0,0,0.9), 0 0 40px rgba(0,240,255,0.15);
  padding:24px; color:#e2edf8; box-sizing:border-box; margin:auto;
}
.wb-docs-dialog::backdrop { background:rgba(4,7,15,0.85); backdrop-filter:blur(8px); }
.wb-docs-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:16px; }
.wb-docs-header h3 { margin:0 0 4px; font-size:18px; color:#fff; font-weight:700; }
.wb-docs-header p { margin:0; font-size:12px; color:#94a3b8; }
.wb-docs-close { background:none; border:none; color:#8397b3; font-size:20px; cursor:pointer; padding:4px 8px; border-radius:4px; }
.wb-docs-close:hover { color:#fff; background:#1b283d; }
.wb-docs-form { display:flex; gap:8px; margin-bottom:16px; }
.wb-docs-form input {
  flex:1; background:#070d17; border:1px solid #28374d; border-radius:6px;
  color:#f1f5f9; padding:8px 12px; font-size:13px; outline:none;
}
.wb-docs-form input:focus { border-color:#00f0ff; box-shadow:0 0 10px rgba(0,240,255,0.2); }
.wb-docs-form button {
  background:linear-gradient(135deg,#00f0ff,#0284c7); color:#040914;
  border:none; border-radius:6px; padding:8px 16px; font-weight:700; font-size:12px; cursor:pointer;
}
.wb-docs-results-grid {
  max-height:360px; overflow-y:auto; display:flex; flex-direction:column; gap:8px;
  padding-right:4px;
}
.wb-doc-item {
  display:flex; flex-direction:column; gap:2px; background:#111927;
  border:1px solid #1e2c40; border-radius:6px; padding:10px 12px;
  color:#e2edf8; text-decoration:none; transition:border-color .15s, background .15s;
}
.wb-doc-item:hover { border-color:#00f0ff; background:#162438; }
.wb-doc-item strong { color:#7dedd8; font-size:13px; }
.wb-doc-item small { color:#8397b3; font-size:11px; font-family:monospace; }


.wb-jev-bar { display:flex; align-items:center; gap:10px; padding:8px 14px; background:linear-gradient(90deg,rgba(16,22,36,0.95),rgba(12,16,28,0.95)); border-bottom:1px solid rgba(20,241,149,0.25); box-shadow:0 4px 16px rgba(0,0,0,0.4); flex-wrap:wrap; position:relative; z-index:10; }
.wb-jev-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(20,241,149,0.12); border:1px solid rgba(20,241,149,0.35); padding:4px 10px; border-radius:6px; font-size:11px; font-weight:700; color:#14f195; white-space:nowrap; }
.wb-jev-badge .wb-jev-icon { color:#14f195; font-size:13px; }
.wb-jev-input { flex:1; min-width:240px; background:rgba(8,12,22,0.85); border:1px solid rgba(255,255,255,0.15); border-radius:6px; color:#f1f5f9; font-size:12px; padding:7px 12px; outline:none; transition:border-color 0.2s,box-shadow 0.2s; }
.wb-jev-input:focus { border-color:#14f195; box-shadow:0 0 10px rgba(20,241,149,0.25); }
.wb-jev-btn { display:inline-flex; align-items:center; gap:6px; background:linear-gradient(135deg,#14f195,#00c49f); color:#050e14; border:none; border-radius:6px; padding:7px 14px; font-size:12px; font-weight:700; cursor:pointer; transition:transform 0.15s,box-shadow 0.15s; white-space:nowrap; }
.wb-jev-btn:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(20,241,149,0.4); }
.wb-jev-btn:disabled { opacity:0.6; cursor:wait; }
.wb-jev-status { font-size:11px; color:#94a3b8; display:inline-flex; align-items:center; gap:6px; }
.wb-jev-pill { display:inline-flex; align-items:center; gap:6px; background:rgba(153,69,255,0.15); border:1px solid rgba(153,69,255,0.4); color:#d8b4fe; padding:3px 8px; border-radius:4px; font-size:11px; font-weight:600; }


.wb-planet-panel { padding:18px 14px; border-bottom:1px solid #26323b; background:linear-gradient(145deg,#131f38,#0c1119); }
.wb-planet-panel summary { color:#6be5ce; font-size:11px; letter-spacing:1.8px; cursor:pointer; font-weight:700; }
.wb-planet-panel p,.wb-planet-panel a { font-size:11px; line-height:1.6; color:#a7b9c9; }
.wb-planet-panel select, .wb-planet-panel input[type=number] { width:100%; background:#101921; color:#e5eee9; padding:8px 10px; border:1px solid #354346; border-radius:6px; box-sizing:border-box; margin-top:4px; font-size:12px; }
.wb-planet-panel .awe-btn { margin-top:12px; }

.wb-modal-overlay { position:fixed; inset:0; background:rgba(4,7,15,0.88); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); display:none; align-items:center; justify-content:center; z-index:99999; padding:20px; box-sizing:border-box; }
.wb-modal-overlay:not([hidden]),
.wb-modal-overlay.active { display:flex; }
.wb-modal-overlay[hidden],
.wb-modal-overlay.hidden { display:none !important; }
[hidden] { display:none !important; }
.wb-modal-card { background:#0c121e; border:1px solid #233550; border-radius:14px; max-width:560px; width:100%; box-shadow:0 24px 60px rgba(0,0,0,0.85),0 0 40px rgba(20,241,149,0.12); padding:26px; color:#e2edf8; font-family:inherit; box-sizing:border-box; position:relative; }
.wb-modal-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:14px; }
.wb-modal-header h3 { margin:0; font-size:19px; font-weight:700; color:#fff; display:flex; align-items:center; gap:8px; letter-spacing:-0.5px; }
.wb-modal-close { background:none; border:none; color:#8397b3; font-size:20px; cursor:pointer; padding:4px 8px; border-radius:4px; transition:all .15s ease; }
.wb-modal-close:hover { color:#fff; background:#1b283d; }
.wb-badge-sol { display:inline-flex; align-items:center; gap:6px; background:rgba(20,241,149,0.12); color:#14f195; border:1px solid rgba(20,241,149,0.3); border-radius:100px; padding:3px 10px; font:11px monospace; font-weight:600; margin-bottom:8px; }
.wb-split-box { background:#111929; border:1px solid #1f2f45; border-radius:8px; padding:14px; margin:14px 0; font-size:12px; line-height:1.5; }
.wb-split-row { display:flex; justify-content:space-between; align-items:center; padding:6px 0; border-bottom:1px solid #1a273b; }
.wb-split-row:last-child { border-bottom:none; font-weight:600; padding-top:8px; color:#fff; }
.wb-hash-box { background:#070d17; border:1px solid #1d2c40; border-radius:6px; padding:8px 10px; font:11px monospace; color:#7dedd8; word-break:break-all; margin:8px 0 12px; }
.wb-modal-status { padding:10px 14px; border-radius:6px; font-size:12px; margin-top:14px; line-height:1.5; }
.wb-modal-status.info { background:#0f2233; color:#7ec4f8; border:1px solid #1e4566; }
.wb-modal-status.error { background:#2a1215; color:#ff919b; border:1px solid #5a2028; }
.wb-modal-status.success { background:#0f2820; color:#6be5ce; border:1px solid #1b5344; }
.wb-pub-btn { background:linear-gradient(135deg,#9945ff 0%,#14f195 100%) !important; color:#040914 !important; font-weight:700 !important; border:none !important; cursor:pointer; }
.wb-pub-btn:hover { filter:brightness(1.1); transform:translateY(-1px); }