*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--border: #30363d;--accent: #58a6ff;--accent-hover: #79c0ff;--success: #3fb950;--warning: #d29922;--danger: #f85149}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}code{font-family:JetBrains Mono,monospace;font-size:.9em;background:var(--bg-tertiary);padding:.2em .4em;border-radius:4px}pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;margin:16px 0}pre code{background:none;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.file-item{display:flex;align-items:center;gap:8px;padding:6px 16px;cursor:pointer;font-size:13px;color:var(--text-secondary);border-left:2px solid transparent;transition:all .1s;height:32px}.file-item:hover{background:var(--bg-subtle);color:var(--text-primary);border-left-color:var(--border-prominent)}.file-item.active{background:#3b82f61a;color:var(--text-primary);border-left-color:var(--accent);font-weight:500}.file-icon{display:flex;align-items:center;justify-content:center;width:16px;text-align:center}.file-icon.icon-c{color:#58a6ff}.file-icon.icon-h{color:#d29922}.file-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;opacity:0;transition:all .2s;font-size:14px;line-height:1}.file-item:hover .file-action-btn{opacity:1}.file-action-btn:hover{background:#ef444433;color:var(--error)}.file-explorer[data-astro-cid-ez7yntmh]{width:240px;background:var(--bg-panel);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0}.explorer-header[data-astro-cid-ez7yntmh]{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.explorer-title[data-astro-cid-ez7yntmh]{font-size:11px;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.explorer-actions[data-astro-cid-ez7yntmh]{display:flex;gap:4px;opacity:0;transition:opacity .2s}.file-explorer[data-astro-cid-ez7yntmh]:hover .explorer-actions[data-astro-cid-ez7yntmh]{opacity:1}.icon-btn-sm[data-astro-cid-ez7yntmh]{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex}.icon-btn-sm[data-astro-cid-ez7yntmh]:hover{background:#ffffff0d;color:var(--text-primary)}.file-tree[data-astro-cid-ez7yntmh]{flex:1;overflow-y:auto;padding:8px 0}.explorer-templates[data-astro-cid-ez7yntmh]{padding:16px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px;background:#0003}.templates-title[data-astro-cid-ez7yntmh]{font-size:10px;font-weight:700;color:var(--text-muted);margin-bottom:4px;letter-spacing:.5px}.template-btn[data-astro-cid-ez7yntmh]{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;text-align:left}.template-btn[data-astro-cid-ez7yntmh]:hover{background:var(--bg-subtle);border-color:var(--border-prominent);color:var(--text-primary);transform:translate(2px)}.output-panel[data-astro-cid-z5f2iwgr]{flex:0 0 35%;min-width:250px;max-width:80%;display:flex;flex-direction:column;background:#0d0d0d;border-left:1px solid var(--border-subtle)}.panel-header[data-astro-cid-z5f2iwgr]{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.panel-actions[data-astro-cid-z5f2iwgr]{display:flex;align-items:center;gap:4px}.icon-btn-sm[data-astro-cid-z5f2iwgr]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:.2s}.icon-btn-sm[data-astro-cid-z5f2iwgr]:hover{color:var(--text-primary);background:var(--bg-subtle)}.panel-title[data-astro-cid-z5f2iwgr]{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.output-container[data-astro-cid-z5f2iwgr]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.output-content[data-astro-cid-z5f2iwgr]{flex:1;padding:16px;overflow-y:auto;font-family:var(--font-code);font-size:13px;line-height:1.5;color:#ccc;white-space:pre-wrap;word-break:break-all}.output-welcome[data-astro-cid-z5f2iwgr]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;gap:12px;opacity:.6}.output-welcome[data-astro-cid-z5f2iwgr] p[data-astro-cid-z5f2iwgr]{font-size:14px;font-weight:500}.output-welcome[data-astro-cid-z5f2iwgr] .hint[data-astro-cid-z5f2iwgr]{font-size:12px;opacity:.7}.input-section[data-astro-cid-z5f2iwgr]{padding:12px;background:var(--bg-subtle);border-top:1px solid var(--border-subtle)}.input-section[data-astro-cid-z5f2iwgr] label[data-astro-cid-z5f2iwgr]{display:block;font-size:11px;color:var(--text-muted);margin-bottom:6px;font-weight:500}.input-section[data-astro-cid-z5f2iwgr] textarea[data-astro-cid-z5f2iwgr]{width:100%;height:60px;background:#0003;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-primary);padding:8px;font-family:var(--font-code);font-size:12px;resize:none}.input-section[data-astro-cid-z5f2iwgr] textarea[data-astro-cid-z5f2iwgr]:focus{border-color:var(--border-prominent)}.execution-stats[data-astro-cid-z5f2iwgr]{height:28px;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--bg-subtle);border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-muted)}.stat[data-astro-cid-z5f2iwgr]{display:flex;align-items:center;gap:6px}.btn-secondary[data-astro-cid-z5f2iwgr]{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary[data-astro-cid-z5f2iwgr]:hover{border-color:var(--border-prominent);color:var(--text-primary);background:var(--bg-subtle)}.btn-sm[data-astro-cid-z5f2iwgr]{height:24px;padding:0 8px;font-size:11px}.output-section{margin-bottom:16px;border-radius:6px;overflow:hidden;background:#ffffff05}.output-section.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.output-section.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.output-section.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2)}.section-header{padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;background:#0003;display:flex;align-items:center;gap:8px}.output-section.error .section-header{color:#fca5a5}.output-section.success .section-header{color:#6ee7b7}.output-section pre{margin:0;padding:12px;overflow-x:auto;font-family:JetBrains Mono,monospace}.playground-container[data-astro-cid-5wq3ak55]{--bg-app: #09090b;--bg-panel: #18181b;--bg-subtle: #27272a;--bg-input: #121214;--border-subtle: rgba(255, 255, 255, .06);--border-prominent: rgba(255, 255, 255, .12);--text-primary: #ededed;--text-secondary: #a1a1aa;--text-muted: #52525b;--accent: #3b82f6;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font-ui: "Inter", system-ui, sans-serif;--font-code: "JetBrains Mono", monospace;font-family:var(--font-ui);background:var(--bg-app);color:var(--text-primary);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}.playground-container[data-astro-cid-5wq3ak55] [data-astro-cid-5wq3ak55]{box-sizing:border-box}.playground-container[data-astro-cid-5wq3ak55]{display:flex;flex-direction:column;padding-top:80px;width:100%}.ide-wrapper[data-astro-cid-5wq3ak55]{flex:1;display:flex;flex-direction:column;margin:0 24px 24px;background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 0 1px #0006,0 20px 40px -10px #00000080;transition:all .3s cubic-bezier(.16,1,.3,1)}.ide-wrapper.fullscreen-mode{position:fixed;inset:0;margin:0;border-radius:0;border:none;z-index:2000;width:100vw;height:100vh}.ide-main.editor-maximized .file-explorer,.ide-main.editor-maximized .output-panel,.ide-main.editor-maximized .resizer,.ide-main.output-maximized .file-explorer,.ide-main.output-maximized .editor-area,.ide-main.output-maximized .resizer{display:none!important}.ide-main.output-maximized .output-panel{flex:1!important;width:100%!important;max-width:100%!important;border-left:none}.toolbar[data-astro-cid-5wq3ak55]{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);position:relative;z-index:100}.toolbar-right[data-astro-cid-5wq3ak55]{display:flex;align-items:center}.project-name[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-primary)}.btn-run-header[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:6px;height:28px;padding:0 12px;background:var(--success);color:#000;border:none;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:0 1px 2px #0003;transition:all .2s}.btn-run-header[data-astro-cid-5wq3ak55]:hover{background:#34d399;transform:translateY(-1px)}.btn-run-header[data-astro-cid-5wq3ak55].running{background:var(--bg-subtle);color:var(--text-secondary);cursor:wait}.status-indicator[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:8px;padding:4px 10px;border-radius:99px;background:#0003;border:1px solid var(--border-subtle);font-size:11px;font-weight:500;color:var(--text-muted)}.status-dot[data-astro-cid-5wq3ak55]{width:6px;height:6px;background:var(--text-muted);border-radius:50%;transition:background .3s}.status-indicator[data-astro-cid-5wq3ak55].ready .status-dot[data-astro-cid-5wq3ak55]{background:var(--success)}.status-indicator[data-astro-cid-5wq3ak55].running .status-dot[data-astro-cid-5wq3ak55]{background:var(--warning);animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.ide-main[data-astro-cid-5wq3ak55]{flex:1;display:flex;overflow:hidden;background:#000}.editor-area[data-astro-cid-5wq3ak55]{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-panel)}.editor-header[data-astro-cid-5wq3ak55]{display:flex;background:var(--bg-app);height:40px;border-bottom:1px solid var(--border-subtle);overflow:hidden}.editor-actions-top[data-astro-cid-5wq3ak55]{display:flex;align-items:center;justify-content:center;padding:0 8px;background:var(--bg-app);border-left:1px solid var(--border-subtle);z-index:10}.icon-btn-sm[data-astro-cid-5wq3ak55]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition:.2s}.icon-btn-sm[data-astro-cid-5wq3ak55]:hover{color:var(--text-primary);background:var(--bg-subtle)}.editor-container[data-astro-cid-5wq3ak55]{flex:1;min-height:0;position:relative}.editor-loading[data-astro-cid-5wq3ak55]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-panel);z-index:10;font-size:14px;color:var(--text-muted)}.loading-spinner[data-astro-cid-5wq3ak55]{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-tabs[data-astro-cid-5wq3ak55]{flex:1;display:flex;overflow-x:auto;gap:1px}.tab{position:relative;display:flex;align-items:center;gap:8px;min-width:120px;max-width:200px;padding:0 12px 0 16px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;border-right:1px solid var(--border-subtle);user-select:none}.tab:hover{background:var(--bg-subtle);color:var(--text-primary)}.tab.active{background:var(--bg-panel);color:var(--text-primary);border-top:2px solid var(--accent)}.tab-close{margin-left:auto;opacity:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex!important;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;padding:0}.tab:hover .tab-close{opacity:1}.tab-close:hover{background:#ffffff1a;color:var(--text-primary)}.resizer[data-astro-cid-5wq3ak55]{width:4px;background:var(--bg-app);cursor:col-resize;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);transition:background .2s;z-index:10}.resizer[data-astro-cid-5wq3ak55]:hover{background:var(--accent)}.settings-popover[data-astro-cid-5wq3ak55]{position:absolute;bottom:36px;left:0;width:220px;background:#18181b;border:1px solid var(--border-prominent);border-radius:8px;box-shadow:0 4px 12px #00000080;padding:8px 0;z-index:1000;animation:slide-up .2s cubic-bezier(.16,1,.3,1)}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-header[data-astro-cid-5wq3ak55]{display:flex;justify-content:space-between;align-items:center;padding:0 16px 8px;border-bottom:1px solid var(--border-subtle);margin-bottom:8px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.close-icon[data-astro-cid-5wq3ak55]{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex}.close-icon[data-astro-cid-5wq3ak55]:hover{color:var(--text-primary)}.setting-item[data-astro-cid-5wq3ak55]{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;font-size:13px;color:var(--text-secondary)}.zoom-control[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:8px;background:var(--bg-subtle);border-radius:4px;padding:2px}.zoom-btn[data-astro-cid-5wq3ak55]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:2px}.zoom-btn[data-astro-cid-5wq3ak55]:hover{background:#ffffff1a;color:var(--text-primary)}#font-display[data-astro-cid-5wq3ak55]{font-variant-numeric:tabular-nums;min-width:24px;text-align:center;font-size:12px}.toggle-switch[data-astro-cid-5wq3ak55]{position:relative;width:32px;height:18px}.toggle-switch[data-astro-cid-5wq3ak55] input[data-astro-cid-5wq3ak55]{opacity:0;width:0;height:0}.slider[data-astro-cid-5wq3ak55]{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-subtle);transition:.4s;border-radius:34px;border:1px solid var(--border-subtle)}.slider[data-astro-cid-5wq3ak55]:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:var(--text-muted);transition:.4s;border-radius:50%}input[data-astro-cid-5wq3ak55]:checked+.slider[data-astro-cid-5wq3ak55]{background-color:#3b82f633;border-color:var(--accent)}input[data-astro-cid-5wq3ak55]:checked+.slider[data-astro-cid-5wq3ak55]:before{transform:translate(14px);background-color:var(--accent)}.ide-footer[data-astro-cid-5wq3ak55]{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--bg-subtle);border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-muted)}.footer-left[data-astro-cid-5wq3ak55],.footer-right[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:16px}.footer-item[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:6px}.footer-btn[data-astro-cid-5wq3ak55]{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:4px}.footer-btn[data-astro-cid-5wq3ak55]:hover{color:var(--text-primary);background:#ffffff0d}.modal[data-astro-cid-5wq3ak55]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content[data-astro-cid-5wq3ak55]{width:400px;background:var(--bg-panel);border:1px solid var(--border-prominent);border-radius:var(--radius-lg);padding:24px;box-shadow:0 20px 50px #00000080}.modal-header[data-astro-cid-5wq3ak55]{display:flex;justify-content:space-between;margin-bottom:20px}.modal-header[data-astro-cid-5wq3ak55] h3[data-astro-cid-5wq3ak55]{font-size:16px;font-weight:600}.modal-close[data-astro-cid-5wq3ak55]{background:transparent;border:none;color:var(--text-muted);cursor:pointer}.modal-body[data-astro-cid-5wq3ak55]{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.modal-body[data-astro-cid-5wq3ak55] label[data-astro-cid-5wq3ak55]{font-size:13px;font-weight:500;color:var(--text-secondary)}.modal-body[data-astro-cid-5wq3ak55] input[data-astro-cid-5wq3ak55]{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 12px;color:#fff;font-family:var(--font-code)}.input-hint[data-astro-cid-5wq3ak55]{font-size:11px;color:var(--text-muted)}.modal-footer[data-astro-cid-5wq3ak55]{display:flex;justify-content:flex-end;gap:12px}.btn-cancel[data-astro-cid-5wq3ak55]{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-md);cursor:pointer}.btn-confirm[data-astro-cid-5wq3ak55]{background:var(--text-primary);color:#000;border:none;padding:8px 16px;border-radius:var(--radius-md);font-weight:500;cursor:pointer}@media(max-width:768px){.playground-container[data-astro-cid-5wq3ak55]{padding-top:20px;padding-bottom:80px}.floating-menu{display:none!important}.ide-wrapper[data-astro-cid-5wq3ak55]{margin:0 12px;display:flex;flex-direction:column}.ide-main[data-astro-cid-5wq3ak55]{flex-direction:column;position:relative}.file-explorer,.resizer[data-astro-cid-5wq3ak55]{display:none}.editor-area[data-astro-cid-5wq3ak55]{width:100%!important;flex:1}.output-panel{height:150px!important;width:100%!important;border-left:none;border-top:1px solid var(--border-subtle)}.toolbar[data-astro-cid-5wq3ak55]{padding:0 12px}.project-name[data-astro-cid-5wq3ak55] span[data-astro-cid-5wq3ak55],.ide-footer[data-astro-cid-5wq3ak55]{display:none}.back-link-mobile[data-astro-cid-5wq3ak55]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:8px;color:var(--text-secondary);background:var(--bg-subtle);border-radius:8px;text-decoration:none;transition:all .2s}.back-link-mobile[data-astro-cid-5wq3ak55]:active{background:var(--bg-panel);transform:scale(.9)}.mobile-view-selector[data-astro-cid-5wq3ak55]{display:flex;background:var(--bg-subtle);padding:2px;border-radius:8px;gap:2px}.view-btn[data-astro-cid-5wq3ak55]{width:36px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.view-btn[data-astro-cid-5wq3ak55].active{background:var(--bg-panel);color:var(--accent);box-shadow:0 1px 3px #0003}.ide-main[data-astro-cid-5wq3ak55].mobile-view-editor .editor-area[data-astro-cid-5wq3ak55]{display:flex!important;flex:1}.ide-main[data-astro-cid-5wq3ak55].mobile-view-editor .file-explorer,.ide-main[data-astro-cid-5wq3ak55].mobile-view-editor .output-panel{display:none!important}.ide-main[data-astro-cid-5wq3ak55].mobile-view-explorer .file-explorer{display:flex!important;flex:1;width:100%!important}.ide-main[data-astro-cid-5wq3ak55].mobile-view-explorer .editor-area[data-astro-cid-5wq3ak55],.ide-main[data-astro-cid-5wq3ak55].mobile-view-explorer .output-panel{display:none!important}.ide-main[data-astro-cid-5wq3ak55].mobile-view-output .output-panel{display:flex!important;flex:1;height:100%!important;width:100%!important}.ide-main[data-astro-cid-5wq3ak55].mobile-view-output .editor-area[data-astro-cid-5wq3ak55],.ide-main[data-astro-cid-5wq3ak55].mobile-view-output .file-explorer{display:none!important}.ide-main[data-astro-cid-5wq3ak55]:not(.mobile-view-explorer):not(.mobile-view-output) .output-panel,.ide-main[data-astro-cid-5wq3ak55]:not(.mobile-view-explorer):not(.mobile-view-output) .file-explorer{display:none!important}.ide-main[data-astro-cid-5wq3ak55]:not(.mobile-view-explorer):not(.mobile-view-output) .editor-area[data-astro-cid-5wq3ak55]{display:flex!important;flex:1!important;width:100%!important}.editor-actions-top[data-astro-cid-5wq3ak55] #expand-btn[data-astro-cid-5wq3ak55],.toolbar-right[data-astro-cid-5wq3ak55] #toggle-fullscreen[data-astro-cid-5wq3ak55]{display:none!important}}.mobile-view-selector[data-astro-cid-5wq3ak55],.back-link-mobile[data-astro-cid-5wq3ak55]{display:none}