.example-sidebar.svelte-1lnsx1t h1:where(.svelte-1lnsx1t){margin:0 0 8px;font-size:1.5rem}.example-sidebar.svelte-1lnsx1t>p:where(.svelte-1lnsx1t){color:var(--docs-muted);margin:0 0 20px;line-height:1.6}.palette.svelte-1lnsx1t{gap:12px;margin-bottom:24px;display:grid}.palette-item.svelte-1lnsx1t{--accent:var(--site-accent);text-align:left;background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 82%), #252422);border:1px solid color-mix(in srgb, var(--accent), transparent 35%);border-left:4px solid var(--accent);color:#fff;cursor:grab;font:inherit;border-radius:10px;gap:6px;padding:14px 16px;transition:transform .15s,border-color .15s,background .15s;display:grid}.palette-item.svelte-1lnsx1t:hover{border-color:var(--accent);transform:translate(3px)}.palette-item.svelte-1lnsx1t:active{cursor:grabbing}.kaykay-light .palette-item.svelte-1lnsx1t{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), transparent 90%), #fff);color:#222}.palette-title.svelte-1lnsx1t{font-size:.95rem;font-weight:700}.palette-description.svelte-1lnsx1t{color:#aaa;font-size:.78rem;line-height:1.5}.kaykay-light .palette-description.svelte-1lnsx1t{color:#555}.section.svelte-1lnsx1t{margin-bottom:24px}.section.svelte-1lnsx1t h3:where(.svelte-1lnsx1t){color:var(--docs-accent);margin:0 0 12px;font-size:1rem}.code-block.svelte-1lnsx1t{background:#252422;border:1px solid #1f1f1f;border-radius:8px;padding:16px;overflow-x:auto}.kaykay-light .code-block.svelte-1lnsx1t{background:#f5f5f5;border-color:#e0e0e0}.code-block.svelte-1lnsx1t pre:where(.svelte-1lnsx1t){color:#a5d6ff;white-space:pre;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1.6}.kaykay-light .code-block.svelte-1lnsx1t pre:where(.svelte-1lnsx1t){color:#0969da}.tip.svelte-1lnsx1t{background:var(--site-accent-soft);border:1px solid var(--site-accent);color:#fca5a5;border-radius:8px;padding:14px 16px;font-size:.85rem;line-height:1.6}.kaykay-light .tip.svelte-1lnsx1t{color:#92400e;background:#fff7ed;border-color:#fed7aa}.example-canvas.drop-active.svelte-1lnsx1t:after{content:"";z-index:20;border:2px dashed var(--site-accent);background:var(--site-accent-soft);pointer-events:none;border-radius:18px;position:absolute;inset:16px}.drop-hint.svelte-1lnsx1t{box-sizing:border-box;z-index:21;color:#ddd;pointer-events:none;background:#161618d9;border:1px solid #ffffff1f;border-radius:999px;max-width:calc(100% - 32px);padding:8px 12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.78rem;position:absolute;top:16px;left:16px}.kaykay-light .drop-hint.svelte-1lnsx1t{color:#555;background:#ffffffe6;border-color:#0000001a}@media (width<=1000px){.palette.svelte-1lnsx1t{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.palette.svelte-1lnsx1t{grid-template-columns:1fr}}