panel-live{display:block;font-family:system-ui,-apple-system,sans-serif;font-size:0;overflow:hidden}panel-live:not(:defined){display:none}panel-live>:not(.pl-container){display:none!important}panel-live>.pl-container{display:flex!important;flex-direction:column;font-size:1rem}panel-file,panel-requirements,panel-example{display:none}panel-live[data-resolved-theme=light]{--pl-border: #e0e0e0;--pl-radius: 6px;--pl-bg: #ffffff;--pl-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--pl-header-bg: #f5f5f5;--pl-header-color: #333333;--pl-pill-bg: #3b82f6;--pl-pill-color: #ffffff;--pl-editor-bg: #fafafa;--pl-editor-color: #1a1a2e;--pl-editor-font-size: 14px;--pl-editor-line-height: 1.6;--pl-btn-bg: #4caf50;--pl-btn-color: #ffffff;--pl-output-bg: #ffffff;--pl-output-min-height: 100px;--pl-status-color: #555555;--pl-status-spinner: #1976d2;--pl-error-color: #b71c1c;--pl-error-bg: #ffebee;--pl-handle-bg: #e0e0e0;--pl-handle-hover-bg: #3b82f6}panel-live[data-resolved-theme=dark]{--pl-border: #44475a;--pl-radius: 6px;--pl-bg: #1e1e2e;--pl-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--pl-header-bg: #1e1e2e;--pl-header-color: #cdd6f4;--pl-pill-bg: #3b82f6;--pl-pill-color: #ffffff;--pl-editor-bg: #1e1e2e;--pl-editor-color: #cdd6f4;--pl-editor-font-size: 14px;--pl-editor-line-height: 1.6;--pl-btn-bg: #a6e3a1;--pl-btn-color: #1e1e2e;--pl-output-bg: #ffffff;--pl-output-min-height: 100px;--pl-status-color: #a0a0a0;--pl-status-spinner: #64b5f6;--pl-error-color: #ef9a9a;--pl-error-bg: #3e1e1e;--pl-handle-bg: #44475a;--pl-handle-hover-bg: #3b82f6}.pl-container{border:1px solid var(--pl-border, #e0e0e0);border-radius:var(--pl-radius, 6px);overflow:hidden;background:var(--pl-bg, #fff)}.pl-output-wrapper{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.pl-status{position:absolute;top:0;left:0;right:0;z-index:10;padding:12px 16px;font-size:14px;color:var(--pl-status-color, #555);background:var(--pl-output-bg, #ffffff);opacity:.92;display:flex;align-items:center;gap:8px}.pl-status.hidden{display:none}.pl-status.error{color:var(--pl-error-color, #b71c1c);background:var(--pl-error-bg, #ffebee)}.pl-spinner{width:16px;height:16px;border:2px solid #ddd;border-top-color:var(--pl-status-spinner, #1976d2);border-radius:50%;animation:pl-spin .7s linear infinite}@keyframes pl-spin{to{transform:rotate(360deg)}}.pl-output{min-height:var(--pl-output-min-height, 100px);background:var(--pl-output-bg, #ffffff);padding:0;overflow:hidden}.pl-output img,.pl-output canvas,.pl-output svg{max-width:100%;height:auto;display:block}.pl-output .bk-root{max-width:100%;overflow:hidden}.pl-stdout{font-family:var(--pl-font-mono, "JetBrains Mono", "Fira Code", "Cascadia Code", monospace);font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;padding:8px 12px;margin:0;background:var(--pl-editor-bg, #fafafa);color:var(--pl-editor-color, #1a1a2e);border-bottom:1px solid var(--pl-border, #e0e0e0);max-height:200px;overflow-y:auto}.pl-editor-header{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--pl-header-bg, #1e1e2e);color:var(--pl-header-color, #cdd6f4);font-size:13px}.pl-lang{background:var(--pl-pill-bg, #3b82f6);color:var(--pl-pill-color, #ffffff);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.pl-title{flex:1;font-weight:500}.pl-shortcut{opacity:.5;font-size:11px}.pl-btn{background:var(--pl-btn-bg, #a6e3a1);color:var(--pl-btn-color, #1e1e2e);border:none;padding:4px 14px;border-radius:4px;cursor:pointer;font-weight:700;font-size:13px;box-sizing:border-box;display:inline-flex;align-items:center}.pl-btn:hover{filter:brightness(1.1)}.pl-help-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:24px}.pl-btn.secondary{background:transparent;color:var(--pl-header-color, #cdd6f4);border:1px solid currentColor;font-weight:400;opacity:.7}.pl-btn.secondary:hover{opacity:1}.pl-editor-area{width:100%;min-height:180px;max-height:700px;overflow:auto;box-sizing:border-box;background:var(--pl-editor-bg, #1e1e2e);color:var(--pl-editor-color, #cdd6f4)}.pl-playground{display:flex;flex:1;min-height:0}.pl-playground.vertical{flex-direction:column}.pl-playground>.pl-editor-pane{flex:1;display:flex;flex-direction:column;min-width:0}.pl-playground>.pl-preview-pane{position:relative;flex:1;min-width:0;border-left:1px solid var(--pl-border, #e0e0e0);background:var(--pl-output-bg, #ffffff);display:flex;flex-direction:column}.pl-playground>.pl-preview-pane>.pl-output{flex:1;height:0;overflow:auto}.pl-playground.vertical>.pl-preview-pane{border-left:none;border-top:1px solid var(--pl-border, #e0e0e0)}.pl-playground>.pl-editor-pane .pl-editor-area{flex:1;resize:none;min-height:300px;max-height:none}.pl-playground>.pl-editor-pane.pl-pane-collapsed{flex:0 0 auto}.pl-playground>.pl-editor-pane.pl-pane-collapsed>.pl-code-section.pl-collapsed{display:none}@media (max-width: 768px){panel-live[data-layout=auto] .pl-playground{flex-direction:column}panel-live[data-layout=auto] .pl-playground>.pl-preview-pane{border-left:none;border-top:1px solid var(--pl-border, #e0e0e0)}panel-live[data-layout=auto] .pl-playground>.pl-drag-handle{width:auto;height:6px;cursor:row-resize}}.pl-editor-stacked .pl-output-wrapper{border-top:1px solid var(--pl-border, #e0e0e0)}.pl-code-section{overflow:hidden}.pl-code-section.pl-collapsed{max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease}.pl-code-section.pl-expanded{max-height:4000px;opacity:1;transition:max-height .3s ease,opacity .3s ease}.pl-code-toggle{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:4px 8px;background:var(--pl-header-bg, #f5f5f5);border-top:1px solid var(--pl-border, #e0e0e0);border-bottom:1px solid var(--pl-border, #e0e0e0)}.pl-code-section.pl-expanded~.pl-code-toggle .copy-btn.pl-toggle-btn{display:none}.pl-code-toggle button{background:none;border:1px solid var(--pl-border, #ccc);border-radius:4px;padding:4px 8px;cursor:pointer;font-size:13px;color:var(--pl-header-color, #555);font-family:system-ui,-apple-system,sans-serif}.pl-code-toggle button:hover{filter:brightness(.9)}.pl-toggle-spacer{flex:1}.pl-toggle-btn{font-size:12px;padding:3px 8px;text-decoration:none;display:inline-flex;align-items:center}.pl-playground-link{text-decoration:none}panel-live[fullscreen]{position:fixed;inset:0;z-index:10000;margin:0;border-radius:0;overflow:visible;display:flex;flex-direction:column}panel-live[fullscreen] .pl-container{flex:1;border:none;border-radius:0;min-height:0}panel-live[fullscreen] .pl-playground>.pl-editor-pane{overflow:hidden;display:flex;flex-direction:column}panel-live[fullscreen] .pl-playground>.pl-editor-pane .pl-editor-header{flex-shrink:0}panel-live[fullscreen] .pl-playground>.pl-editor-pane .pl-editor-area{min-height:0;flex:1}panel-live[fullscreen] .pl-playground>.pl-preview-pane{overflow:auto}.pl-container.pl-resizable{resize:vertical;overflow:hidden;min-height:300px}panel-live[fullscreen] .pl-container.pl-resizable{resize:none}.pl-btn.maximize-btn{font-size:15px;line-height:1;padding:4px 8px}.pl-container .cm-editor{height:auto;min-height:180px;max-height:700px;font-family:var(--pl-font-mono, "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace);font-size:var(--pl-editor-font-size, 14px);line-height:var(--pl-editor-line-height, 1.6);border:none}.pl-container .cm-scroller{overflow:auto}.pl-playground>.pl-editor-pane .cm-editor{height:100%;max-height:none;min-height:300px}panel-live[fullscreen] .pl-playground>.pl-editor-pane .cm-editor{min-height:0}.pl-examples-select{background:transparent;color:inherit;border:1px solid currentColor;padding:3px 8px;border-radius:4px;font-size:12px;cursor:pointer;opacity:.7;max-width:180px;outline:none}.pl-examples-select:hover{opacity:1}.pl-examples-select option{color:#1a1a2e;background:#fff}.pl-btn.share-btn,.pl-btn.copy-btn{position:relative}.pl-toast{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:400;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.pl-toast.show{opacity:1}.pl-drag-handle{width:6px;cursor:col-resize;background:var(--pl-handle-bg, #e0e0e0);flex-shrink:0;transition:background .15s}.pl-drag-handle:hover,.pl-drag-handle.dragging{background:var(--pl-handle-hover-bg, #3b82f6)}.pl-playground.vertical>.pl-drag-handle{width:auto;height:6px;cursor:row-resize}.pl-playground.code-last>.pl-preview-pane{order:1;border-left:none}.pl-playground.code-last>.pl-drag-handle{order:2}.pl-playground.code-last>.pl-editor-pane{order:3}.pl-playground.code-last>.pl-preview-pane{border-right:1px solid var(--pl-border, #e0e0e0)}.pl-playground.vertical.code-last>.pl-preview-pane{border-right:none;border-top:none;border-bottom:1px solid var(--pl-border, #e0e0e0)}.pl-playground.vertical.code-last>.pl-editor-pane{border-top:none}.pl-editor-stacked.code-last{display:flex;flex-direction:column}.pl-editor-stacked.code-last>.pl-output-wrapper{order:1;border-bottom:1px solid var(--pl-border, #e0e0e0)}.pl-editor-stacked.code-last>.pl-output-wrapper>.pl-output{border-top:none}.pl-editor-stacked.code-last>.pl-editor-header{order:3}.pl-editor-stacked.code-last>.pl-editor-area{order:4}.pl-editor-stacked.code-last>.pl-code-section{order:3}.pl-editor-stacked.code-last>.pl-code-toggle{order:5}.pl-error-panel{padding:16px;border-radius:4px;background:var(--pl-error-bg, #ffebee);color:var(--pl-error-color, #b71c1c);font-size:13px;margin:0}.pl-error-header{font-weight:600;font-family:var(--pl-font-mono, monospace);white-space:pre-wrap}.pl-error-trace{margin-top:8px;font-family:var(--pl-font-mono, monospace);font-size:12px;line-height:1.5;white-space:pre-wrap}.pl-error-frame-loc{opacity:.75}.pl-error-frame-code{display:block;padding-left:1em}.pl-error-details{margin-top:8px}.pl-error-details summary{cursor:pointer;font-size:12px;opacity:.6}.pl-error-details summary:hover{opacity:1}.pl-error-full-trace{white-space:pre-wrap;margin:8px 0 0;font-size:11px;opacity:.75;max-height:300px;overflow-y:auto}.pl-error-copy-btn{margin-top:8px;background:transparent;border:1px solid currentColor;color:inherit;padding:2px 10px;border-radius:4px;cursor:pointer;font-size:12px;opacity:.7}.pl-error-copy-btn:hover{opacity:1}
/*# sourceMappingURL=panel-live.css.map */