:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#d6d6da;background:#202124;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}textarea{font:inherit}button{color:#202124;cursor:pointer;background:#f2f2f4;border:1px solid #4b4c52;border-radius:6px;padding:.45rem .75rem}button:hover:not(:disabled){background:#fff;border-color:#cfd0d5}button.primary{color:#fff;background:#287061;border-color:#8fd5c4}.playground-shell{background:#202124;flex-direction:column;height:100vh;min-height:520px;display:flex;overflow:hidden}.toolbar{background:#2a2b30;border-bottom:1px solid #333438;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding:0 24px;display:flex}.brand h1{color:#f2f2f4;letter-spacing:0;margin:0;font-size:1.25rem;font-weight:700}.toolbar-actions{align-items:center;gap:.5rem;display:flex}.toast{color:#c8fff2;text-overflow:ellipsis;white-space:nowrap;background:#17312c;border:1px solid #436b62;border-radius:6px;max-width:min(28rem,42vw);padding:.55rem .75rem;overflow:hidden}.workspace{grid-template-columns:var(--source-panel-width) 9px var(--expression-panel-width) 9px var(--output-panel-width);background:#2f3035;flex:1;grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.editor-panel{background:#1f2024;grid-template-rows:48px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.editor-panel>header{background:#2f3035;align-items:center;gap:8px;min-width:0;padding:16px 24px 8px;display:flex}.editor-panel h2{color:#f2f2f4;letter-spacing:0;margin:0;font-size:1rem;font-weight:700;line-height:1.5}.editor-version{color:#9b9ca3;font-size:.8rem;font-weight:600}.panel-copy{width:1.75rem;height:1.75rem;margin-left:auto;padding:0;position:relative}.panel-copy:before,.panel-copy:after{content:"";border:1px solid;border-radius:2px;width:.62rem;height:.76rem;position:absolute}.panel-copy:before{top:.42rem;left:.46rem}.panel-copy:after{background:#f2f2f4;top:.56rem;left:.64rem}.expression-actions{align-items:center;gap:.45rem;margin-left:auto;display:flex}.expression-actions .panel-copy{margin-left:0}.comparison-toggle{color:#d6d6da;background:#1f2024;padding:.3rem .5rem}.comparison-toggle[aria-pressed=true]{color:#c8fff2;background:#17312c;border-color:#8fd5c4}.output-actions{align-items:center;gap:.45rem;margin-left:auto;display:flex}.output-actions .panel-copy{margin-left:0}.output-expected-button{color:#d6d6da;background:#1f2024;padding:.3rem .5rem}.expected-output-status{color:#d6d6da;border:1px solid #4b4c52;border-radius:6px;padding:.3rem .5rem;font-size:.82rem;font-weight:700}.expected-output-status[data-status=pass]{color:#c8fff2;background:#17312c;border-color:#436b62}.expected-output-status[data-status=fail]{color:#ffd2ce;background:#3a2021;border-color:#7a504e}.output-view-toggle{border:1px solid #4b4c52;border-radius:6px;display:flex;overflow:hidden}.output-view-toggle button{color:#d6d6da;background:#1f2024;border:0;border-radius:0;min-width:3rem;padding:.3rem .5rem}.output-view-toggle button:hover:not(:disabled),.output-view-toggle button:focus-visible{color:#fff;background:#333438;outline:0}.output-view-toggle button[aria-pressed=true]{color:#c8fff2;background:#17312c}.editor-body{background:#111316;min-width:0;min-height:0;overflow:hidden}.source-path-highlight{background:#8fd5c438;border-radius:2px}.comparison-editors{grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:100%;min-height:0;display:grid}.comparison-editor{grid-template-rows:1.5rem minmax(0,1fr);min-height:0;display:grid}.comparison-editor+.comparison-editor{border-top:1px solid #333438}.comparison-editor>span{color:#8fd5c4;background:#1b1c20;align-content:center;padding:0 .75rem;font-size:.78rem;font-weight:700}.comparison-output{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden}.comparison-status{border-bottom:1px solid #333438;grid-column:1/-1;padding:.45rem .75rem;font-size:.82rem;font-weight:700}.comparison-status[data-status=match]{color:#c8fff2}.comparison-status[data-status=different]{color:#ffd2ce}.comparison-output section{min-width:0;min-height:0;padding:.75rem;overflow:auto}.comparison-output section+section{border-left:1px solid #333438}.comparison-output h3{color:#8fd5c4;margin:0 0 .45rem;font-size:.82rem}.comparison-output pre{color:#d8e4e6;white-space:pre-wrap;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.output-diff-empty,.output-diff-wrap,.output-table-wrap{min-width:0;max-width:100%;height:100%;padding:.85rem;overflow:auto}.output-diff-empty p{margin:0}.panel-resizer{z-index:1;cursor:col-resize;touch-action:none;background:#2f3035;position:relative}.panel-resizer:after{content:"";background:#4a4b51;width:1px;position:absolute;top:24px;bottom:24px;left:4px}.panel-resizer:hover,.panel-resizer:focus-visible{background:#37383d;outline:none}.panel-resizer:hover:after,.panel-resizer:focus-visible:after{background:#73747c}.addon-panel{background:#2a2b30;border-top:1px solid #333438}.addon-tabs{flex-wrap:wrap;gap:.35rem;padding:.55rem 24px 0;display:flex}.addon-tabs button{color:#d6d6da;background:#1f2024;padding:.35rem .65rem}.addon-tabs button[aria-selected=true]{color:#c8fff2;background:#17312c;border-color:#8fd5c4}.addon-body{max-height:14rem;padding:.65rem 24px .85rem;overflow:auto}.addon-body-reference{max-height:min(42vh,28rem)}.addon-body p,.addon-body pre{margin:0}.addon-body pre{color:#d8e4e6;white-space:pre-wrap;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.history-panel{gap:.6rem;display:grid}.history-toolbar{justify-content:flex-end;display:flex}.history-toolbar button,.source-analysis-table button{padding:.28rem .5rem}.output-diff-table,.source-analysis-table,.output-table{border-collapse:collapse;color:#d6d6da;width:100%;font-size:.84rem}.output-diff-table,.output-table{width:max-content;min-width:100%}.output-diff-table th,.output-diff-table td,.source-analysis-table th,.source-analysis-table td,.output-table th,.output-table td{text-align:left;vertical-align:top;border-bottom:1px solid #333438;padding:.3rem .85rem .3rem 0}.output-diff-table th,.output-table th{padding-right:1rem;position:relative}.output-diff-table th,.source-analysis-table th,.output-table th{color:#8fd5c4;font-weight:700}.output-diff-table code,.source-analysis-table code,.output-table code{color:#d8e4e6;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.output-diff-table tr[data-status=changed] td{background:#2f2a18}.output-diff-table tr[data-status=added] td{background:#17312c}.output-diff-table tr[data-status=removed] td{background:#3a2021}.output-table th,.output-table td,.output-table code{text-overflow:ellipsis;white-space:nowrap;word-break:normal;overflow:hidden}.output-table th>span,.output-table code{text-overflow:ellipsis;display:block;overflow:hidden}.output-column-resizer{cursor:col-resize;touch-action:none;background:0 0;border:0;border-radius:0;width:.65rem;padding:0;position:absolute;top:0;bottom:0;right:0}.output-column-resizer:after{content:"";background:#4a4b51;width:1px;position:absolute;top:.25rem;bottom:.25rem;right:.3rem}.output-column-resizer:hover:not(:disabled),.output-column-resizer:focus-visible{background:#333438;outline:0}.output-column-resizer:hover:after,.output-column-resizer:focus-visible:after{background:#8fd5c4}.diagnostic-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.diagnostic-list li,.diagnostic-button,.metric-list{color:#d6d6da;flex-wrap:wrap;align-items:baseline;gap:.45rem .8rem;margin:0;display:flex}.diagnostic-button{text-align:left;background:0 0;border-color:#0000;width:100%;padding:0}.diagnostic-button:hover:not(:disabled),.diagnostic-button:focus-visible{color:#fff;background:#333438;border-color:#4b4c52;outline:0}.diagnostic-list strong,.metric-list dt{color:#8fd5c4;font-weight:700}.metric-list dd{margin:0}.function-reference{gap:.65rem;display:grid}.function-reference-toolbar{z-index:1;background:#2a2b30;align-items:center;gap:.75rem;padding:.2rem 0 .45rem;display:flex;position:sticky;top:-.65rem}.function-reference-toolbar input{color:#e8eeee;width:min(28rem,100%);min-width:12rem;font:inherit;background:#111316;border:1px solid #4b4c52;border-radius:6px;outline:0;padding:.45rem .6rem}.function-reference-toolbar input:focus{border-color:#8fd5c4}.function-reference-toolbar span,.function-reference-heading span{color:#9b9ca3;white-space:nowrap;font-size:.8rem;font-weight:700}.function-reference-list{grid-template-columns:repeat(auto-fit,minmax(min(26rem,100%),1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.function-reference-item{background:#1f2024;border:1px solid #3b3c42;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.65rem;display:grid}.function-reference-copy{gap:.35rem;min-width:0;display:grid}.function-reference-heading{flex-wrap:wrap;align-items:baseline;gap:.45rem;display:flex}.function-reference-heading code{color:#8fd5c4;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;font-weight:700}.function-reference-signature,.function-reference-example{color:#d8e4e6;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}.function-reference-example{white-space:nowrap;display:block;overflow-x:auto}.function-reference-item button{padding:.35rem .65rem}.code-fallback{resize:none;color:#e8eeee;background:#111316;border:0;outline:0;width:100%;height:100%;min-height:160px;padding:.85rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.5}@media (width<=720px){.playground-shell{min-height:100vh}.toolbar{min-height:56px;padding:0 16px}.editor-panel>header{padding-left:16px;padding-right:16px}.panel-resizer:after{top:16px;bottom:16px}}