:root{--bg:#0b1220;--card:#0e1627;--card2:#121c32;--text:#e6eeff;--muted:#9fb0d4;--accent:#7aa2ff;--accent-2:#38f1c8;--ring:0 0 0 2px rgba(122,162,255,0.35), 0 8px 30px rgba(10,20,60,0.6);--ml-editor-height:520px}.ml-card{background:radial-gradient(1200px 600px at 10% 0%,rgba(122,162,255,8%),transparent 40%),radial-gradient(800px 400px at 90% 10%,rgba(56,241,200,6%),transparent 45%),var(--card);color:var(--text);border-radius:18px;border:1px solid rgba(122,162,255,.18);filter:drop-shadow(0 6px 20px rgba(0,0,0,.45));padding:14px;display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;gap:12px;contain:content}.ml-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;grid-column:1/-1}.ml-title{font-weight:700;font-size:18px;letter-spacing:.2px;display:flex;align-items:center;gap:10px}.ml-dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 40% 30%,var(--accent),#3a6bff 70%);box-shadow:0 0 10px var(--accent);display:inline-block}.ml-toolbar{display:flex;gap:8px;flex-wrap:wrap}.ml-btn{color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,6%),rgba(255,255,255,0));border:1px solid rgba(122,162,255,.28);border-radius:999px;padding:8px 12px;line-height:1;display:inline-flex;gap:8px;align-items:center;transition:all .2s ease}.ml-btn:hover{box-shadow:var(--ring);transform:translateY(-1px)}.ml-primary{border-color:rgba(56,241,200,.45);background:linear-gradient(180deg,rgba(56,241,200,.15),rgba(56,241,200,5%))}.ml-editor-wrap{background:var(--card2);border:1px solid rgba(122,162,255,.18);border-radius:14px;padding:10px;box-shadow:inset 0 0 0 1px rgba(10,20,60,.25);contain:content}#ml-blockly-area{background:linear-gradient(180deg,rgba(255,255,255,2%),transparent);border-radius:10px;min-height:360px;height:var(--ml-editor-height,520px);overflow:hidden}.ml-output-wrap{background:var(--card2);border:1px solid rgba(122,162,255,.18);border-radius:12px;padding:10px}.ml-output-head{font-weight:600;color:var(--muted);margin-bottom:6px}#ml-output{color:#d7e3ff;background:#0b1220;border:1px solid rgba(122,162,255,.18);border-radius:8px;padding:10px;min-height:120px;max-height:min(var(--ml-editor-height,520px),80vh);white-space:pre-wrap;overflow:auto;box-shadow:inset 0 0 0 1px rgba(10,20,60,.3);contain:content}@media(max-width:720px){.ml-card-head{flex-direction:column;align-items:flex-start;gap:8px}}@media(min-width:980px){.ml-card{grid-template-columns:1fr 360px}.ml-editor-wrap{grid-column:1}.ml-output-wrap{grid-column:2}.ml-editor-wrap,.ml-output-wrap{align-self:start}}@media(prefers-reduced-motion:reduce){.ml-btn{transition:none}}