:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#edf4ff;background:#07101e;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}.blocks-app{height:100vh;display:grid;grid-template-rows:64px minmax(0,1fr);background:radial-gradient(circle at 90% 0,rgba(0,204,254,.12),transparent 28rem),#07101e}.topbar{display:flex;align-items:center;gap:24px;padding:10px 18px;border-bottom:1px solid rgba(102,34,207,.55);background:#07101ef0}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#6622cf,#00ccfe);color:#fff}.brand small{font-size:9px;letter-spacing:.12em;color:#00ccfe}.target-field{display:flex;align-items:center;gap:8px;color:#9eabc0;font-size:12px}.target-field select,button{font:inherit;border:1px solid #344665;border-radius:9px;background:#14223a;color:#edf4ff;padding:8px 11px}.actions{margin-left:auto;display:flex;align-items:center;gap:8px}.actions #status{max-width:210px;color:#93a3ba;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions button{cursor:pointer;font-weight:750}.actions button.primary{border-color:#00ccfe;background:#00ccfe;color:#042234}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,34vw)}#blockly{min-height:0}.code-panel{min-width:0;display:grid;grid-template-rows:auto minmax(160px,1fr) minmax(120px,.55fr);border-left:1px solid #24344f;background:#0b1424;transition:width .2s}.code-panel.collapsed{display:none}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:8px 12px;border-bottom:1px solid #24344f}.panel-title button{padding:6px 9px;font-size:11px}pre{margin:0;padding:14px;overflow:auto;white-space:pre-wrap;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.output-section{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-top:1px solid #24344f;background:#07101e}.output-section pre{color:#a9dbef}.blocklyToolboxDiv{border-right:1px solid #253651}.blocklyTreeRow{height:40px!important;line-height:40px!important;margin:3px 7px!important;border-radius:9px}.blocklyFlyoutBackground{fill:#16243b!important}@media(max-width:850px){.topbar{gap:10px}.brand span:nth-child(2),.target-field span{display:none}.workspace{grid-template-columns:1fr}.code-panel{position:absolute;inset:64px 0 0 30%;z-index:20}.actions #status{display:none}}