body{margin:0;background:#0f172a;color:#e5e7eb;font-family:Cairo,system-ui;direction:rtl}
#banner{display:none;background:#7f1d1d;color:#fff;padding:8px;text-align:center;font-weight:700}
header{padding:12px;border-bottom:1px solid #1f2937;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.badge{border:1px solid #1f2937;border-radius:999px;padding:4px 8px;font-size:12px;color:#a5b4fc}
main{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;padding:12px}
#stage,#side{background:rgba(255,255,255,.04);border:1px solid #1f2937;border-radius:16px;overflow:hidden}
#canvas3d{width:100%;height:60vh;display:block;background:#000}
#controls{padding:10px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #1f2937}
button{background:#111827;color:#e5e7eb;border:1px solid #1f2937;border-radius:12px;padding:8px 12px;cursor:pointer}
button.primary{background:#16a34a;border-color:#22c55e;font-weight:700}
#editorWrap{padding:12px;border-bottom:1px solid #1f2937}
#editor{width:100%;height:320px;border:1px solid #1f2937;border-radius:12px;overflow:hidden;background:#0b1020}
.toolbar{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.hidden-input{display:none}
#outputWrap{padding:12px;border-bottom:1px solid #1f2937}
#output{min-height:100px;background:#020617;border:1px solid #1f2937;border-radius:12px;padding:10px;white-space:pre-wrap}
@media (max-width:980px){main{grid-template-columns:1fr}#canvas3d{height:48vh}}