.playground.svelte-j6hxly{min-height:100vh;background:#0a0a0a;opacity:0;transition:opacity .3s ease}.playground.mounted.svelte-j6hxly{opacity:1}.playground-header.svelte-j6hxly{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#0006;border-bottom:1px solid rgba(255,255,255,.06)}.header-left.svelte-j6hxly{display:flex;align-items:center;gap:16px}.back-link.svelte-j6hxly{font-size:13px;color:#ffffff80;text-decoration:none;transition:color .15s ease}.back-link.svelte-j6hxly:hover{color:#22c55e}.playground-header.svelte-j6hxly h1:where(.svelte-j6hxly){font-size:20px;font-weight:600;margin:0;color:#fff}.beta-badge.svelte-j6hxly{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 8px;background:#22c55e26;color:#22c55e;border-radius:4px}.header-controls.svelte-j6hxly{display:flex;align-items:center;gap:32px}.tick-display.svelte-j6hxly,.tick-rate.svelte-j6hxly{display:flex;align-items:center;gap:8px}.tick-display.svelte-j6hxly .label:where(.svelte-j6hxly),.tick-rate.svelte-j6hxly .label:where(.svelte-j6hxly){font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.tick-display.svelte-j6hxly .value:where(.svelte-j6hxly){font-family:SF Mono,monospace;font-size:16px;font-weight:600;color:#22c55e;min-width:60px}.tick-rate.svelte-j6hxly .value:where(.svelte-j6hxly){font-family:SF Mono,monospace;font-size:12px;color:#fff9;min-width:40px}.tick-rate.svelte-j6hxly input[type=range]:where(.svelte-j6hxly){width:80px;accent-color:#22c55e}.playground-content.svelte-j6hxly{display:grid;grid-template-columns:1fr 1fr 300px;gap:1px;height:calc(100vh - 65px);background:#ffffff0f}.editor-panel.svelte-j6hxly,.simulation-panel.svelte-j6hxly,.events-panel.svelte-j6hxly{background:#0a0a0a;display:flex;flex-direction:column}.panel-header.svelte-j6hxly{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.06);min-height:48px}.panel-title.svelte-j6hxly{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.mode-tabs.svelte-j6hxly{display:flex;gap:4px}.mode-tab.svelte-j6hxly{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:6px;color:#ffffff80;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.mode-tab.svelte-j6hxly:hover{color:#fffc;background:#ffffff0d}.mode-tab.active.svelte-j6hxly{color:#22c55e;background:#22c55e1a;border-color:#22c55e33}.panel-actions.svelte-j6hxly{display:flex;align-items:center;gap:12px}.compile-status.svelte-j6hxly{display:flex;align-items:center;gap:6px;font-size:12px}.status-error.svelte-j6hxly{display:flex;align-items:center;gap:4px;color:#ef4444}.status-success.svelte-j6hxly{display:flex;align-items:center;gap:4px;color:#22c55e}.compile-btn.svelte-j6hxly{padding:6px 14px;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#22c55e;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.compile-btn.svelte-j6hxly:hover{background:#22c55e40}.control-btn.svelte-j6hxly{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;cursor:pointer;transition:all .15s ease}.control-btn.svelte-j6hxly:hover:not(:disabled){background:#ffffff1a;color:#fff}.control-btn.primary.svelte-j6hxly{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.control-btn.primary.svelte-j6hxly:hover:not(:disabled){background:#22c55e4d}.control-btn.svelte-j6hxly:disabled{opacity:.3;cursor:not-allowed}.editor-container.svelte-j6hxly{flex:1;overflow:hidden;position:relative}.code-editor.svelte-j6hxly{width:100%;height:100%;padding:16px;background:transparent;border:none;resize:none;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.6;color:#e4e4e7;outline:none;-moz-tab-size:2;tab-size:2}.code-editor.svelte-j6hxly::placeholder{color:#fff3}.error-panel.svelte-j6hxly{border-top:1px solid rgba(239,68,68,.2);background:#ef44440d;padding:8px 12px;max-height:120px;overflow-y:auto}.error-item.svelte-j6hxly{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:12px;color:#ef4444}.error-line.svelte-j6hxly{font-weight:600;font-family:SF Mono,monospace}.error-msg.svelte-j6hxly{color:#ef4444e6}.simulation-view.svelte-j6hxly{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px}.world-canvas.svelte-j6hxly{flex:1;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px}.agent.svelte-j6hxly{transition:transform .1s ease}.agent-legend.svelte-j6hxly{display:flex;flex-wrap:wrap;gap:8px}.legend-item.svelte-j6hxly{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:4px;font-size:10px}.legend-item.svelte-j6hxly .dot:where(.svelte-j6hxly){width:6px;height:6px;border-radius:50%}.legend-item.svelte-j6hxly .id:where(.svelte-j6hxly){color:#fffc;font-weight:500}.legend-item.svelte-j6hxly .type:where(.svelte-j6hxly){color:#fff6}.legend-item.svelte-j6hxly .pos:where(.svelte-j6hxly){color:#ffffff4d;font-family:SF Mono,monospace}.legend-empty.svelte-j6hxly{color:#ffffff4d;font-size:12px;padding:8px}.event-count.svelte-j6hxly{font-size:11px;padding:2px 8px;background:#ffffff0d;border-radius:10px;color:#fff6}.events-list.svelte-j6hxly{flex:1;overflow-y:auto;padding:8px}.event-item.svelte-j6hxly{display:flex;gap:8px;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.04);font-size:11px}.event-item.error.svelte-j6hxly{background:#ef44440d}.event-item.error.svelte-j6hxly .event-message:where(.svelte-j6hxly){color:#ef4444}.event-tick.svelte-j6hxly{color:#22c55e;font-family:SF Mono,monospace;font-weight:500;min-width:36px}.event-message.svelte-j6hxly{color:#fff9}.events-empty.svelte-j6hxly{padding:24px;text-align:center;color:#ffffff4d;font-size:12px}.hl-keyword{color:#c792ea}.hl-function{color:#82aaff}.hl-string{color:#c3e88d}.hl-number{color:#f78c6c}.hl-comment{color:#ffffff59;font-style:italic}@media (max-width: 1200px){.playground-content.svelte-j6hxly{grid-template-columns:1fr 1fr;grid-template-rows:1fr auto}.events-panel.svelte-j6hxly{grid-column:span 2;max-height:200px}}@media (max-width: 768px){.playground-content.svelte-j6hxly{grid-template-columns:1fr;grid-template-rows:auto auto auto}.editor-panel.svelte-j6hxly,.simulation-panel.svelte-j6hxly{max-height:300px}.events-panel.svelte-j6hxly{grid-column:1;max-height:200px}.header-controls.svelte-j6hxly{display:none}.mode-tabs.svelte-j6hxly{flex-wrap:wrap}}