.block-hero{background:linear-gradient(135deg,rgba(168,85,247,.13),rgba(34,211,238,.08));border:1px solid var(--line);border-radius:16px;padding:20px}
.block-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.block-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.block-card h3{margin:0 0 8px;color:var(--cyan)}.block-card p{margin:0;color:var(--muted);line-height:1.55}
.block-stack-demo{display:grid;gap:4px;max-width:540px;margin:18px auto}.demo-block{position:relative;padding:11px 14px 11px 24px;border-radius:7px;color:#fff;font:700 13px/1.35 "JetBrains Mono",monospace;box-shadow:inset 0 -2px rgba(0,0,0,.2)}.demo-block::before{content:"";position:absolute;top:-1px;left:20px;width:24px;height:6px;border-radius:0 0 5px 5px;background:rgba(0,0,0,.25)}.demo-event{background:#b45309}.demo-motion{background:#2563eb}.demo-control{background:#c2410c}.demo-sense{background:#0e7490}.demo-look{background:#7c3aed}.demo-data{background:#be185d}
.trace-table td:first-child,.trace-table th:first-child{width:90px}.event-flow{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;align-items:stretch}.event-flow>div{padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);text-align:center}.event-flow b{display:block;margin-bottom:5px;color:var(--cyan);font:700 11px "JetBrains Mono",monospace}
.block-studio-shell{display:grid;gap:12px}.block-builder{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0b1220;color:#eaf2ff}.block-builder *{box-sizing:border-box}.block-builder__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #273650;background:#111c30}.block-builder__head strong{font:800 13px "JetBrains Mono",monospace}.block-builder__status{color:#9db0ca;font-size:11px}.block-builder__body{display:grid;grid-template-columns:220px minmax(0,1fr)}.block-palette{padding:12px;border-right:1px solid #273650;background:#0d1728}.block-palette h3{margin:0 0 10px;color:#9db0ca;font-size:11px;text-transform:uppercase}.block-palette button{display:block;width:100%;margin:6px 0;padding:9px 10px;border:0;border-radius:7px;color:#fff;text-align:left;cursor:pointer;font:700 11px "JetBrains Mono",monospace}.block-palette button:hover,.block-palette button:focus-visible{outline:2px solid #fff;outline-offset:2px}.palette-event{background:#b45309}.palette-motion{background:#2563eb}.palette-control{background:#c2410c}.palette-sense{background:#0e7490}.palette-look{background:#7c3aed}.palette-data{background:#be185d}
.block-workarea{min-width:0;padding:12px}.block-workarea__toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.block-action{padding:8px 10px;border:1px solid #344663;border-radius:7px;background:#18263d;color:#dbeafe;cursor:pointer;font-weight:700}.block-action.primary{border-color:#22d3ee;background:#22d3ee;color:#06121b}.block-action.danger{color:#fca5a5}.block-workspace{display:grid;gap:5px;min-height:190px;padding:10px;border:1px dashed #344663;border-radius:10px;background:#080f1d}.block-empty{padding:30px;color:#8396b2;text-align:center}.program-block{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border-radius:7px;color:#fff}.program-block__fields{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font:700 11px "JetBrains Mono",monospace}.program-block input{width:72px;padding:5px;border:1px solid rgba(255,255,255,.35);border-radius:5px;background:rgba(0,0,0,.2);color:#fff}.program-block input[type=color]{width:42px;height:29px;padding:2px}.program-block__tools{display:flex;gap:4px}.program-block__tools button{width:29px;height:29px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background:rgba(0,0,0,.18);color:#fff;cursor:pointer}.program-block.event{background:#b45309}.program-block.motion{background:#2563eb}.program-block.control{background:#c2410c}.program-block.sense{background:#0e7490}.program-block.look{background:#7c3aed}.program-block.data{background:#be185d}
.block-code-note{padding:10px 12px;border-left:3px solid var(--cyan);background:var(--panel);color:var(--muted);font-size:12px}.challenge-list{counter-reset:challenge;display:grid;gap:10px}.challenge-list li{list-style:none;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.challenge-list li::before{counter-increment:challenge;content:"Миссия " counter(challenge);display:block;margin-bottom:6px;color:var(--amber);font:700 10px "JetBrains Mono",monospace;text-transform:uppercase}
.practice-check{display:grid;gap:10px}.practice-check article{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.practice-check h3{margin:0 0 8px;font-size:15px}.practice-check details{margin-top:8px}.practice-check summary{color:var(--cyan);cursor:pointer;font-weight:700}
@media(max-width:760px){.event-flow{grid-template-columns:1fr 1fr}.event-flow>div:last-child{grid-column:1/-1}.block-builder__body{grid-template-columns:1fr}.block-palette{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-right:0;border-bottom:1px solid #273650}.block-palette h3{grid-column:1/-1}.block-palette button{margin:0}.program-block{grid-template-columns:1fr}.program-block__tools{justify-content:flex-end}}
@media(max-width:440px){.block-palette{grid-template-columns:1fr}.block-palette h3{grid-column:auto}.block-workarea{padding:8px}.program-block input{width:62px}.event-flow{grid-template-columns:1fr}.event-flow>div:last-child{grid-column:auto}}