/* B"H */
:root { color-scheme: dark; --glow:#22d3ee; --bg:#050507; --card:#111118; --line:#2b2b36; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at top,#10202a,var(--bg)); color:#e9fbff; font-family:Consolas,monospace; }
.bh-left,.bh-right { position:fixed; top:14px; color:var(--glow); font-size:28px; text-shadow:0 0 18px #0ff; }
.bh-left { left:18px; } .bh-right { right:18px; }
.shell { display:grid; grid-template-columns:minmax(320px,480px) 1fr; gap:18px; padding:72px 24px 24px; }
.panel,.windows { border:1px solid var(--line); background:rgba(17,17,24,.9); border-radius:16px; box-shadow:0 20px 80px #0008; overflow:hidden; }
.panel { padding:22px; }
h1 { color:var(--glow); margin-top:0; }
p { color:#a8c6ce; line-height:1.5; }
input,button { width:100%; margin:7px 0; padding:11px; border-radius:10px; border:1px solid var(--line); background:#05070b; color:#e9fbff; }
button { cursor:pointer; background:linear-gradient(135deg,#164e63,#0f172a); }
.row { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; }
.report,.console { min-height:180px; white-space:pre-wrap; padding:14px; background:#020305; color:#b8f7c4; border-radius:12px; overflow:auto; }
.titlebar { padding:12px 16px; background:#151827; border-bottom:1px solid var(--line); color:var(--glow); }
.desktop { min-height:260px; padding:18px; background:linear-gradient(135deg,#06202d,#111827); display:flex; flex-wrap:wrap; gap:14px; align-content:flex-start; }
.virtual-window { max-width:380px; min-width:300px; border:1px solid #86efac; background:#e5e7eb; color:#111827; border-radius:10px; overflow:hidden; box-shadow:0 12px 40px #0009; position:relative; }
.virtual-window header { background:#2563eb; color:white; padding:9px 12px; }
.virtual-window .window-body { padding:12px 14px; }
.window-canvas { width:100%; height:180px; display:block; background:#05070b; border-top:1px solid #9ca3af; }
.webgl-label { padding:8px 12px; background:#111827; color:#fde68a; border-top:1px solid #374151; font-size:12px; }
.console { margin:14px; }
@media (max-width:900px){ .shell{grid-template-columns:1fr;} .row{grid-template-columns:1fr;} }