.example-sidebar.svelte-1dd84ze h1:where(.svelte-1dd84ze){margin:0 0 8px;font-size:1.5rem}.example-sidebar.svelte-1dd84ze>p:where(.svelte-1dd84ze){color:var(--docs-muted);margin:0 0 24px}.section.svelte-1dd84ze{margin-bottom:24px}.section.svelte-1dd84ze h3:where(.svelte-1dd84ze){color:var(--docs-accent);margin:0 0 12px;font-size:1rem}.section.svelte-1dd84ze p:where(.svelte-1dd84ze){color:var(--docs-muted);margin:0 0 8px;font-size:.9rem}.feature-list.svelte-1dd84ze{color:#ccc;margin:0;padding-left:20px;font-size:.85rem;line-height:1.8}.kaykay-light .feature-list.svelte-1dd84ze{color:#555}.form-group.svelte-1dd84ze{margin-bottom:16px}.form-group.svelte-1dd84ze label:where(.svelte-1dd84ze),.form-group.svelte-1dd84ze .label-text:where(.svelte-1dd84ze){color:var(--docs-muted);margin-bottom:6px;font-size:.85rem;display:block}.form-group.svelte-1dd84ze select:where(.svelte-1dd84ze){color:#fff;background:#1f1f1f;border:1px solid #252422;border-radius:6px;width:100%;padding:10px 12px;font-size:.9rem}.kaykay-light .form-group.svelte-1dd84ze select:where(.svelte-1dd84ze){color:#333;background:#f5f5f5;border-color:#e0e0e0}.color-options.svelte-1dd84ze{flex-wrap:wrap;gap:8px;display:flex}.color-swatch.svelte-1dd84ze{cursor:pointer;border:2px solid #0000;border-radius:6px;width:40px;height:40px;transition:all .15s}.color-swatch.svelte-1dd84ze:hover{transform:scale(1.1)}.color-swatch.active.svelte-1dd84ze{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.kaykay-light .color-swatch.active.svelte-1dd84ze{border-color:#242321;box-shadow:0 0 0 2px #fff}.checkbox-label.svelte-1dd84ze{cursor:pointer;align-items:center;gap:8px;display:flex!important}.checkbox-label.svelte-1dd84ze input:where(.svelte-1dd84ze){width:16px;height:16px}.add-btn.svelte-1dd84ze{background:var(--site-accent-fill);width:100%;color:var(--site-accent-ink);cursor:pointer;border:none;border-radius:6px;padding:12px;font-size:.9rem;transition:background .15s}.add-btn.svelte-1dd84ze:hover{background:var(--site-accent-hover)}.code-block.svelte-1dd84ze{background:#252422;border:1px solid #1f1f1f;border-radius:8px;padding:16px;overflow-x:auto}.kaykay-light .code-block.svelte-1dd84ze{background:#f5f5f5;border-color:#e0e0e0}.code-block.svelte-1dd84ze pre:where(.svelte-1dd84ze){color:#a5d6ff;white-space:pre;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.kaykay-light .code-block.svelte-1dd84ze pre:where(.svelte-1dd84ze){color:#0969da}