.modern-playground[data-astro-cid-prhulsfh]{width:100%;height:100%;min-height:600px;background:#f5f5f5;border-radius:0;overflow:hidden;box-shadow:none;border:none;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.playground-header[data-astro-cid-prhulsfh]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #ddd;min-height:60px}.header-left[data-astro-cid-prhulsfh],.header-right[data-astro-cid-prhulsfh]{display:flex;align-items:center;gap:12px}.run-button[data-astro-cid-prhulsfh]{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:none;position:relative;overflow:hidden}.run-button[data-astro-cid-prhulsfh]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.run-button[data-astro-cid-prhulsfh]:hover:not(:disabled){background:#bbdefb;border-color:#90caf9;color:#0d47a1;transform:none;box-shadow:none}.run-button[data-astro-cid-prhulsfh]:hover:not(:disabled):before{left:100%}.run-button[data-astro-cid-prhulsfh]:active{transform:none}.run-button[data-astro-cid-prhulsfh]:disabled{background:#f5f5f5;color:#9e9e9e;border-color:#e0e0e0;cursor:not-allowed;transform:none;box-shadow:none}.run-button[data-astro-cid-prhulsfh].running{background:#fff3e0;color:#ef6c00;border-color:#ffcc02;box-shadow:none}.action-button[data-astro-cid-prhulsfh]{border:1px solid #e0e0e0;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.action-button[data-astro-cid-prhulsfh]:hover:not(:disabled){transform:none;box-shadow:none}.action-button[data-astro-cid-prhulsfh]:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-button[data-astro-cid-prhulsfh].secondary:nth-of-type(1){background:#fff3e0;color:#ef6c00;border-color:#ffcc02}.action-button[data-astro-cid-prhulsfh].secondary:nth-of-type(1):hover:not(:disabled){background:#ffe0b2;border-color:#ffb74d;color:#e65100;box-shadow:none}.action-button[data-astro-cid-prhulsfh].secondary:nth-of-type(2){background:#fce4ec;color:#c2185b;border-color:#f8bbd9}.action-button[data-astro-cid-prhulsfh].secondary:nth-of-type(2):hover:not(:disabled){background:#f8bbd9;border-color:#f48fb1;color:#ad1457;box-shadow:none}.action-button[data-astro-cid-prhulsfh].secondary:disabled{background:#f5f5f5!important;color:#9e9e9e!important;border-color:#e0e0e0!important;box-shadow:none!important}.execution-status[data-astro-cid-prhulsfh]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f5f5f5;border-radius:6px;font-size:12px;color:#666;border:1px solid #ddd}.status-indicator[data-astro-cid-prhulsfh]{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.status-indicator[data-astro-cid-prhulsfh].loading .pulse-dot[data-astro-cid-prhulsfh]{width:8px;height:8px;background:#ef6c00;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.status-indicator[data-astro-cid-prhulsfh].running .spinner-small[data-astro-cid-prhulsfh]{width:12px;height:12px;border:2px solid #ddd;border-top:2px solid #1565c0;border-radius:50%;animation:spin 1s linear infinite}.status-indicator[data-astro-cid-prhulsfh].success .success-dot[data-astro-cid-prhulsfh]{color:#2e7d32;font-size:12px;font-weight:700}.status-indicator[data-astro-cid-prhulsfh].error .error-dot[data-astro-cid-prhulsfh]{color:#c62828;font-size:12px;font-weight:700}.status-text[data-astro-cid-prhulsfh]{font-weight:500}.theme-selector[data-astro-cid-prhulsfh]{display:flex;align-items:center;gap:8px;background:#f5f5f5;padding:6px 12px;border-radius:6px;border:1px solid #ddd}.theme-label[data-astro-cid-prhulsfh]{display:flex;align-items:center;color:#666;font-size:13px;cursor:pointer;font-weight:500}.theme-dropdown[data-astro-cid-prhulsfh]{background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:12px;color:#333;cursor:pointer;transition:all .2s ease;min-width:120px;font-weight:500}.theme-dropdown[data-astro-cid-prhulsfh]:hover{border-color:#306998;box-shadow:0 0 0 1px #306998}.theme-dropdown[data-astro-cid-prhulsfh]:focus{outline:none;border-color:#306998;box-shadow:0 0 0 2px #30699833}.playground-layout[data-astro-cid-prhulsfh]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f5f5f5}.editor-section[data-astro-cid-prhulsfh]{flex-shrink:0;display:flex;flex-direction:column;background:#fff;margin:20px;border-radius:0;overflow:hidden;box-shadow:none;border:1px solid #ddd}.editor-container[data-astro-cid-prhulsfh]{height:100%;display:flex;flex-direction:column}.editor-header[data-astro-cid-prhulsfh]{background:#f5f5f5;border-bottom:1px solid #ddd;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.editor-title[data-astro-cid-prhulsfh]{display:flex;align-items:center;gap:8px;color:#333;font-weight:600}.editor-info[data-astro-cid-prhulsfh]{display:flex;align-items:center;gap:12px;color:#666;font-size:12px}.line-count[data-astro-cid-prhulsfh]{font-family:JetBrains Mono,Monaco,Menlo,Ubuntu Mono,monospace;background:#e0e0e0;padding:2px 6px;border-radius:4px}.editor-wrapper[data-astro-cid-prhulsfh]{flex:1;position:relative;overflow:hidden;background:#fff}.resizable-splitter[data-astro-cid-prhulsfh]{height:20px;background:#e0e0e0;cursor:row-resize;display:flex;align-items:center;justify-content:center;position:relative;margin:0 20px;border-radius:0;transition:all .2s ease;border:1px solid #bbb;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.resizable-splitter[data-astro-cid-prhulsfh]:hover{background:#d0d0d0;border-color:#999}.resizable-splitter[data-astro-cid-prhulsfh]:active{background:silver;border-color:#777}.splitter-handle[data-astro-cid-prhulsfh]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.splitter-dots[data-astro-cid-prhulsfh]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#666;letter-spacing:2px;font-weight:700;transition:color .2s ease}.resizable-splitter[data-astro-cid-prhulsfh]:hover .splitter-dots[data-astro-cid-prhulsfh]{color:#444}.resizable-splitter[data-astro-cid-prhulsfh]:active .splitter-dots[data-astro-cid-prhulsfh]{color:#222}.output-section[data-astro-cid-prhulsfh]{flex-shrink:0;background:#fff;margin:0 20px 20px;border-radius:0;overflow:hidden;box-shadow:none;border:1px solid #ddd}.spinner[data-astro-cid-prhulsfh]{width:16px;height:16px;border:2px solid #ddd;border-top:2px solid #1565c0;border-radius:50%;animation:spin 1s linear infinite}.spinner-small[data-astro-cid-prhulsfh]{width:12px;height:12px;border:2px solid #ddd;border-top:2px solid #1565c0;border-radius:50%;animation:spin 1s linear infinite}.pulse-dot[data-astro-cid-prhulsfh]{width:8px;height:8px;background:#ef6c00;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.fallback-editor[data-astro-cid-prhulsfh]{height:100%;width:100%;background:#fff;border-radius:0;overflow:hidden;border:1px solid #ddd}.fallback-textarea[data-astro-cid-prhulsfh]{width:100%;height:100%;border:none;outline:none;padding:16px;font-family:JetBrains Mono,Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;background:#fff;color:#333;resize:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.fallback-textarea[data-astro-cid-prhulsfh]::-moz-placeholder{color:#666}.fallback-textarea[data-astro-cid-prhulsfh]::placeholder{color:#666}.editor-loading[data-astro-cid-prhulsfh]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#666;gap:16px}.loading-spinner[data-astro-cid-prhulsfh]{width:32px;height:32px;border:3px solid #ddd;border-top:3px solid #1565c0;border-radius:50%;animation:spin 1s linear infinite}.loading-text[data-astro-cid-prhulsfh]{font-size:14px;font-weight:500}@media(max-width:768px){.modern-playground[data-astro-cid-prhulsfh]{border-radius:8px;min-height:500px}.playground-header[data-astro-cid-prhulsfh]{padding:8px 16px;flex-wrap:wrap;gap:8px;min-height:auto}.header-left[data-astro-cid-prhulsfh],.header-right[data-astro-cid-prhulsfh]{gap:8px}.run-button[data-astro-cid-prhulsfh]{font-size:13px;padding:8px 16px}.action-button[data-astro-cid-prhulsfh]{font-size:12px;padding:6px 12px}.editor-section[data-astro-cid-prhulsfh],.output-section[data-astro-cid-prhulsfh]{margin:8px;border-radius:6px}.resizable-splitter[data-astro-cid-prhulsfh]{margin:0 8px;height:20px}.execution-status[data-astro-cid-prhulsfh],.theme-selector[data-astro-cid-prhulsfh] .theme-label[data-astro-cid-prhulsfh]{display:none}.theme-dropdown[data-astro-cid-prhulsfh]{min-width:100px;font-size:12px}}@media(max-width:480px){.playground-header[data-astro-cid-prhulsfh]{padding:6px 12px}.header-left[data-astro-cid-prhulsfh]{flex:1;justify-content:flex-start}.header-right[data-astro-cid-prhulsfh]{flex-shrink:0}.run-button[data-astro-cid-prhulsfh]{flex:1;justify-content:center;max-width:120px}.action-button[data-astro-cid-prhulsfh]{padding:6px 8px}.action-button[data-astro-cid-prhulsfh] span[data-astro-cid-prhulsfh],.toggle-button[data-astro-cid-prhulsfh] span[data-astro-cid-prhulsfh]{display:none}}@media(prefers-color-scheme:dark){.modern-playground[data-astro-cid-prhulsfh]{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.playground-header[data-astro-cid-prhulsfh]{backdrop-filter:blur(12px)}.editor-section[data-astro-cid-prhulsfh],.output-section[data-astro-cid-prhulsfh]{box-shadow:0 2px 4px -1px #0000004d,0 1px 2px -1px #0003}}@media(prefers-contrast:high){.modern-playground[data-astro-cid-prhulsfh],.run-button[data-astro-cid-prhulsfh],.action-button[data-astro-cid-prhulsfh],.toggle-button[data-astro-cid-prhulsfh],.editor-section[data-astro-cid-prhulsfh],.output-section[data-astro-cid-prhulsfh]{border-width:2px}}@media(prefers-reduced-motion:reduce){.run-button[data-astro-cid-prhulsfh],.action-button[data-astro-cid-prhulsfh],.toggle-button[data-astro-cid-prhulsfh],.resizable-splitter[data-astro-cid-prhulsfh],.splitter-dots[data-astro-cid-prhulsfh] span[data-astro-cid-prhulsfh]{transition:none}.run-button[data-astro-cid-prhulsfh]:before{display:none}.spinner[data-astro-cid-prhulsfh],.spinner-small[data-astro-cid-prhulsfh],.loading-spinner[data-astro-cid-prhulsfh]{animation:none}.pulse-dot[data-astro-cid-prhulsfh]{animation:none;opacity:1}}.modern-output[data-astro-cid-prhulsfh]{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:0;overflow:hidden}.output-header[data-astro-cid-prhulsfh]{background:#f5f5f5;border-bottom:1px solid #ddd;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;backdrop-filter:none}.output-title[data-astro-cid-prhulsfh]{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#333}.title-icon[data-astro-cid-prhulsfh]{color:#666;display:flex;align-items:center}.status-badge[data-astro-cid-prhulsfh]{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;border:1px solid #ddd}.status-badge[data-astro-cid-prhulsfh].loading{background:#fff3e0;color:#ef6c00;border-color:#ffcc02}.status-badge[data-astro-cid-prhulsfh].running{background:#e3f2fd;color:#1565c0;border-color:#bbdefb}.status-badge[data-astro-cid-prhulsfh].success{background:#e8f5e8;color:#2e7d32;border-color:#c8e6c9}.status-badge[data-astro-cid-prhulsfh].error{background:#ffebee;color:#c62828;border-color:#ffcdd2}.status-spinner[data-astro-cid-prhulsfh]{width:12px;height:12px;border:2px solid #ddd;border-top:2px solid #ef6c00;border-radius:50%;animation:spin 1s linear infinite}.status-spinner[data-astro-cid-prhulsfh].running{border-top-color:#1565c0}.status-icon[data-astro-cid-prhulsfh]{font-size:12px;font-weight:700}.status-icon[data-astro-cid-prhulsfh].success{color:#2e7d32}.status-icon[data-astro-cid-prhulsfh].error{color:#c62828}.status-message[data-astro-cid-prhulsfh]{font-size:11px;opacity:.9}.output-controls[data-astro-cid-prhulsfh]{display:flex;align-items:center;gap:12px}.close-button[data-astro-cid-prhulsfh]{background:none;border:none;color:#666;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button[data-astro-cid-prhulsfh]:hover{background:#f0f0f0;color:#333}.output-content[data-astro-cid-prhulsfh]{flex:1;overflow-y:auto;font-family:JetBrains Mono,Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;background:#fff}.running-state[data-astro-cid-prhulsfh]{padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#666}.running-animation[data-astro-cid-prhulsfh]{display:flex;gap:6px}.running-animation[data-astro-cid-prhulsfh] .dot[data-astro-cid-prhulsfh]{width:8px;height:8px;background:#1565c0;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.running-animation[data-astro-cid-prhulsfh] .dot[data-astro-cid-prhulsfh]:nth-child(1){animation-delay:-.32s}.running-animation[data-astro-cid-prhulsfh] .dot[data-astro-cid-prhulsfh]:nth-child(2){animation-delay:-.16s}.running-animation[data-astro-cid-prhulsfh] .dot[data-astro-cid-prhulsfh]:nth-child(3){animation-delay:0s}.running-text[data-astro-cid-prhulsfh]{font-size:14px;font-weight:500}.output-section[data-astro-cid-prhulsfh]{border-bottom:1px solid #ddd}.output-section[data-astro-cid-prhulsfh]:last-child{border-bottom:none}.output-section[data-astro-cid-prhulsfh].error-section{background:#ffebee}.section-header[data-astro-cid-prhulsfh]{background:#f5f5f5;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#666;border-bottom:1px solid #ddd;text-transform:uppercase;letter-spacing:.5px}.error-section[data-astro-cid-prhulsfh] .section-header[data-astro-cid-prhulsfh]{color:#c62828;background:#ffebee}.output-text[data-astro-cid-prhulsfh],.error-text[data-astro-cid-prhulsfh]{padding:16px;margin:0;white-space:pre-wrap;word-wrap:break-word;color:#333;min-height:80px;font-family:inherit}.error-text[data-astro-cid-prhulsfh]{color:#c62828;background:#ffebee}.placeholder-text[data-astro-cid-prhulsfh]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#666;text-align:center;min-height:120px}.placeholder-text[data-astro-cid-prhulsfh] p[data-astro-cid-prhulsfh]{margin:0;font-size:14px;font-style:italic}.no-output[data-astro-cid-prhulsfh]{display:flex;align-items:center;justify-content:center;min-height:80px;color:#666;font-style:italic;font-size:13px}.output-content[data-astro-cid-prhulsfh]::-webkit-scrollbar{width:8px}.output-content[data-astro-cid-prhulsfh]::-webkit-scrollbar-track{background:#f5f5f5}.output-content[data-astro-cid-prhulsfh]::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.output-content[data-astro-cid-prhulsfh]::-webkit-scrollbar-thumb:hover{background:#999}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media(max-width:768px){.output-header[data-astro-cid-prhulsfh]{padding:8px 12px;flex-wrap:wrap;gap:8px}.output-title[data-astro-cid-prhulsfh]{font-size:13px;gap:8px}.status-badge[data-astro-cid-prhulsfh]{font-size:11px;padding:3px 6px}.output-text[data-astro-cid-prhulsfh],.error-text[data-astro-cid-prhulsfh]{padding:12px;font-size:12px}.section-header[data-astro-cid-prhulsfh]{padding:6px 12px;font-size:11px}.placeholder-text[data-astro-cid-prhulsfh]{min-height:100px}.placeholder-text[data-astro-cid-prhulsfh] svg[data-astro-cid-prhulsfh]{width:32px;height:32px}.placeholder-text[data-astro-cid-prhulsfh] p[data-astro-cid-prhulsfh]{font-size:13px}}@media(max-width:480px){.output-header[data-astro-cid-prhulsfh]{padding:6px 8px}.output-title[data-astro-cid-prhulsfh] span[data-astro-cid-prhulsfh],.status-message[data-astro-cid-prhulsfh]{display:none}.output-text[data-astro-cid-prhulsfh],.error-text[data-astro-cid-prhulsfh]{padding:8px;font-size:11px}}