.dom-tree-container:where(.astro-d3elmxah){grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}@media (width<=640px){.dom-tree-container:where(.astro-d3elmxah){grid-template-columns:1fr}}.tree-pane:where(.astro-d3elmxah),.info-pane:where(.astro-d3elmxah){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-inline-code);border-radius:8px;margin:0;padding:1rem}.dom-tree:where(.astro-d3elmxah){color:#d4d4d4;background:#1e1e1e;border-radius:6px;margin-top:.5rem;padding:1rem}.tree-indent:where(.astro-d3elmxah){margin-left:1.25rem}.dom-node:where(.astro-d3elmxah){cursor:pointer;border-radius:4px;width:fit-content;padding:2px 6px;transition:all .2s;display:block}.dom-node:where(.astro-d3elmxah):hover{color:#4fc1ff;background:#2a2d2e}.dom-node:where(.astro-d3elmxah).active{color:#fff;background:#264f78}.dom-text:where(.astro-d3elmxah){color:#ce9178}.dom-node:where(.astro-d3elmxah):hover .dom-text:where(.astro-d3elmxah),.dom-node:where(.astro-d3elmxah).active .dom-text:where(.astro-d3elmxah){color:inherit}.badge:where(.astro-d3elmxah){background:var(--sl-color-accent);color:#fff;border-radius:12px;padding:2px 8px;font-size:.8rem}.font-mono:where(.astro-d3elmxah){font-family:monospace;font-size:.9rem}.table-anatomy-container:where(.astro-ya5sznen){grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}@media (width<=640px){.table-anatomy-container:where(.astro-ya5sznen){grid-template-columns:1fr}}.code-pane:where(.astro-ya5sznen),.info-pane:where(.astro-ya5sznen){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg-inline-code);border-radius:8px;margin:0;padding:1rem}.table-code:where(.astro-ya5sznen){color:#d4d4d4;background:#1e1e1e;border-radius:6px;margin-top:.5rem;padding:1rem}.code-indent:where(.astro-ya5sznen){margin-left:1.25rem}.code-node:where(.astro-ya5sznen){cursor:pointer;border-radius:4px;width:fit-content;padding:2px 6px;transition:all .2s;display:block}.code-node:where(.astro-ya5sznen):hover{color:#4fc1ff;background:#2a2d2e}.code-node:where(.astro-ya5sznen).active{color:#fff;background:#264f78}.code-text:where(.astro-ya5sznen){color:#ce9178}.code-node:where(.astro-ya5sznen):hover .code-text:where(.astro-ya5sznen),.code-node:where(.astro-ya5sznen).active .code-text:where(.astro-ya5sznen){color:inherit}.badge:where(.astro-ya5sznen){background:var(--sl-color-accent);color:#fff;border-radius:12px;padding:2px 8px;font-size:.8rem}.count:where(.astro-ya5sznen){color:var(--sl-color-gray-3);font-size:.85rem}.preview-label:where(.astro-ya5sznen){color:var(--sl-color-gray-3);margin-top:1rem;font-size:.8rem;display:block}.preview-table:where(.astro-ya5sznen){border-collapse:separate;border-spacing:2px;background:0 0;border:none;width:auto;margin:.5rem 0 0;font-size:.9rem}.preview-table:where(.astro-ya5sznen) th:where(.astro-ya5sznen),.preview-table:where(.astro-ya5sznen) td:where(.astro-ya5sznen){background:0 0;border:none;padding:1px 4px;transition:all .2s}.preview-table:where(.astro-ya5sznen) th:where(.astro-ya5sznen){text-align:center;font-weight:700}.preview-table:where(.astro-ya5sznen) td:where(.astro-ya5sznen){text-align:left}.marked:where(.astro-ya5sznen){outline:2px solid var(--sl-color-accent);border-radius:3px}.font-mono:where(.astro-ya5sznen){font-family:monospace;font-size:.9rem}.editor-container:where(.astro-dx5dmmbb){grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;display:grid}@media (width<=640px){.editor-container:where(.astro-dx5dmmbb){grid-template-columns:1fr}}.editor-box:where(.astro-dx5dmmbb),.preview-box:where(.astro-dx5dmmbb){flex-direction:column;margin:0;display:flex}.editor-header:where(.astro-dx5dmmbb){background:var(--sl-color-gray-6);box-sizing:border-box;border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;height:2.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:700;display:flex}textarea:where(.astro-dx5dmmbb),.preview-frame:where(.astro-dx5dmmbb){margin:0}textarea:where(.astro-dx5dmmbb){color:#d4d4d4;border:1px solid var(--sl-color-gray-5);resize:vertical;box-sizing:border-box;background:#1e1e1e;border-top:none;border-radius:0 0 6px 6px;flex:1;width:100%;padding:.8rem;font-family:monospace}.preview-frame:where(.astro-dx5dmmbb){border:1px solid var(--sl-color-gray-5);background:#fff;border-top:none;border-radius:0 0 6px 6px;flex:1;width:100%;min-height:260px;display:block}button:where(.astro-dx5dmmbb){background:var(--sl-color-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:2px 8px;font-size:.75rem}.css-lab-container:where(.astro-lu4ksfat){border:1px solid var(--sl-color-gray-5);border-radius:8px;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0;padding:1rem;display:grid}@media (width<=640px){.css-lab-container:where(.astro-lu4ksfat){grid-template-columns:1fr}}.css-lab-container:where(.astro-lu4ksfat)>:where(.astro-lu4ksfat){margin:0}.control-group:where(.astro-lu4ksfat){margin-bottom:1rem}select:where(.astro-lu4ksfat){border-radius:4px;width:100%;margin-top:.2rem;padding:.4rem}.table-preview-wrapper:where(.astro-lu4ksfat){color:#000;background:#fff;border-radius:6px;margin-bottom:.5rem;padding:1rem}.css-code-display:where(.astro-lu4ksfat){color:#d4d4d4;background:#1e1e1e;border-radius:6px;margin:0;padding:.8rem;font-size:.85rem}