.studio-shell{color:#f8fafc;background:#0f172a;border:1px solid #1e293b;border-radius:20px;overflow:hidden;box-shadow:0 20px 35px #0f172a33}.studio-topbar{background:#1e293b;border-bottom:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.studio-body{grid-template-columns:1fr 1fr;min-height:410px;display:grid}.studio-pane{padding:20px}.studio-pane-left{border-right:1px solid #334155}textarea.code-editor{color:#38bdf8;resize:vertical;background:#020617;border:1px solid #334155;border-radius:12px;width:100%;height:240px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5}.console-box{color:#a7f3d0;white-space:pre-wrap;background:#020617;border:1px solid #334155;border-radius:12px;min-height:120px;margin-top:12px;padding:14px;font-family:ui-monospace,monospace;font-size:.86rem}.block-palette{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.code-block-chip{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:700}.code-block-chip.orange{background:var(--orange)}.block-sequence{background:#1e293b;border:1.5px dashed #475569;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:54px;padding:10px;display:flex}.grid-stage{background:#1e293b;border-radius:14px;grid-template-rows:repeat(4,52px);grid-template-columns:repeat(5,52px);gap:6px;width:fit-content;margin:12px auto;padding:14px;display:grid}.grid-cell{background:#0f172a;border:1px solid #334155;border-radius:8px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}@media (width<=860px){.studio-body{grid-template-columns:1fr}.studio-pane-left{border-bottom:1px solid #334155;border-right:none}}
