.live-code-runner[data-astro-cid-7l5cln76]{width:100%;max-width:100%;margin:2rem 0;background:var(--runner-bg, #1e293b);border-radius:12px;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d;font-family:Monaco,Menlo,Ubuntu Mono,monospace}html[data-theme=light] .live-code-runner[data-astro-cid-7l5cln76]{--runner-bg: #ffffff;box-shadow:0 10px 25px -5px #0000001a}.code-header[data-astro-cid-7l5cln76]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--header-bg, #0f172a);border-bottom:1px solid var(--border-color, #334155)}html[data-theme=light] .code-header[data-astro-cid-7l5cln76]{--header-bg: #f1f5f9;--border-color: #cbd5e1}.code-title[data-astro-cid-7l5cln76]{display:flex;align-items:center;gap:.75rem}.language-badge[data-astro-cid-7l5cln76]{padding:.25rem .75rem;border-radius:6px;background:#334155;color:#fff;font-size:.75rem;font-weight:600}.language-badge[data-astro-cid-7l5cln76][data-lang=javascript]{background:#f7df1e;color:#000}.language-badge[data-astro-cid-7l5cln76][data-lang=typescript]{background:#3178c6}.language-badge[data-astro-cid-7l5cln76][data-lang=python]{background:#3776ab}.language-badge[data-astro-cid-7l5cln76][data-lang=go]{background:#00add8}.title-text[data-astro-cid-7l5cln76]{color:var(--title-color, #e2e8f0);font-size:.875rem;font-weight:500}html[data-theme=light] .title-text[data-astro-cid-7l5cln76]{--title-color: #1e293b}.code-actions[data-astro-cid-7l5cln76]{display:flex;gap:.5rem}.action-btn[data-astro-cid-7l5cln76]{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:6px;background:#334155;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn[data-astro-cid-7l5cln76]:hover{background:#475569;transform:translateY(-1px)}.action-btn[data-astro-cid-7l5cln76]:active{transform:translateY(0)}.run-btn[data-astro-cid-7l5cln76]{background:#10b981}.run-btn[data-astro-cid-7l5cln76]:hover{background:#059669}.reset-btn[data-astro-cid-7l5cln76]{background:#f59e0b}.reset-btn[data-astro-cid-7l5cln76]:hover{background:#d97706}.copy-btn[data-astro-cid-7l5cln76]{background:#3b82f6}.copy-btn[data-astro-cid-7l5cln76]:hover{background:#2563eb}.code-editor-container[data-astro-cid-7l5cln76]{background:var(--editor-bg, #1e293b);min-height:200px}html[data-theme=light] .code-editor-container[data-astro-cid-7l5cln76]{--editor-bg: #ffffff}.console-container[data-astro-cid-7l5cln76]{background:var(--console-bg, #0f172a);border-top:1px solid var(--border-color, #334155)}html[data-theme=light] .console-container[data-astro-cid-7l5cln76]{--console-bg: #f8fafc;--border-color: #cbd5e1}.console-header[data-astro-cid-7l5cln76]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:var(--console-header-bg, #1e293b);border-bottom:1px solid var(--border-color, #334155)}html[data-theme=light] .console-header[data-astro-cid-7l5cln76]{--console-header-bg: #f1f5f9}.console-title[data-astro-cid-7l5cln76]{color:var(--console-title-color, #94a3b8);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}html[data-theme=light] .console-title[data-astro-cid-7l5cln76]{--console-title-color: #475569}.console-clear-btn[data-astro-cid-7l5cln76]{padding:.25rem .5rem;border:none;border-radius:4px;background:#334155;color:#e2e8f0;font-size:.7rem;font-weight:600;cursor:pointer;transition:background .2s ease}.console-clear-btn[data-astro-cid-7l5cln76]:hover{background:#475569}.console-output[data-astro-cid-7l5cln76]{padding:.75rem 1rem;min-height:100px;max-height:300px;overflow-y:auto;font-size:.8rem;line-height:1.5;color:var(--console-text, #e2e8f0)}html[data-theme=light] .console-output[data-astro-cid-7l5cln76]{--console-text: #1e293b}.console-placeholder[data-astro-cid-7l5cln76]{color:var(--placeholder-color, #64748b);font-style:italic}html[data-theme=light] .console-placeholder[data-astro-cid-7l5cln76]{--placeholder-color: #94a3b8}.console-log[data-astro-cid-7l5cln76]{margin:.25rem 0;padding:.25rem .5rem;border-left:3px solid #3b82f6;background:#3b82f61a}.console-error[data-astro-cid-7l5cln76]{margin:.25rem 0;padding:.25rem .5rem;border-left:3px solid #ef4444;background:#ef44441a;color:#fca5a5}.console-warn[data-astro-cid-7l5cln76]{margin:.25rem 0;padding:.25rem .5rem;border-left:3px solid #f59e0b;background:#f59e0b1a;color:#fcd34d}.console-info[data-astro-cid-7l5cln76]{margin:.25rem 0;padding:.25rem .5rem;border-left:3px solid #06b6d4;background:#06b6d41a;color:#67e8f9}.console-result[data-astro-cid-7l5cln76]{margin:.25rem 0;padding:.25rem .5rem;border-left:3px solid #10b981;background:#10b9811a;color:#6ee7b7}.loading-indicator[data-astro-cid-7l5cln76]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#1e293b;border-radius:8px;box-shadow:0 4px 6px -1px #0000004d;color:#e2e8f0;font-size:.875rem;z-index:10}.spinner[data-astro-cid-7l5cln76]{width:20px;height:20px;border:3px solid #334155;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.code-header[data-astro-cid-7l5cln76]{flex-direction:column;gap:.75rem;align-items:flex-start}.code-actions[data-astro-cid-7l5cln76]{width:100%;justify-content:space-between}.action-btn[data-astro-cid-7l5cln76] .label[data-astro-cid-7l5cln76]{display:none}}