.example-page.svelte-1lnsx1t{display:flex;height:100%}.example-sidebar.svelte-1lnsx1t{width:400px;padding:24px;overflow-y:auto;border-right:1px solid #1f1f1f;background:#161618;flex-shrink:0}.kaykay-light .example-sidebar.svelte-1lnsx1t{background:#fff;border-right:1px solid #e0e0e0}.example-sidebar.svelte-1lnsx1t h1:where(.svelte-1lnsx1t){margin:0 0 8px;font-size:1.5rem}.example-sidebar.svelte-1lnsx1t>p:where(.svelte-1lnsx1t){margin:0 0 20px;color:#888;line-height:1.6}.palette.svelte-1lnsx1t{display:grid;gap:12px;margin-bottom:24px}.palette-item.svelte-1lnsx1t{--accent: #eb5425;display:grid;gap:6px;padding:14px 16px;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);border-radius:10px;color:#fff;cursor:grab;font:inherit;transition:transform .15s ease,border-color .15s ease,background .15s ease}.palette-item.svelte-1lnsx1t:hover{transform:translate(3px);border-color:var(--accent)}.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-weight:700;font-size:.95rem}.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){margin:0 0 12px;font-size:1rem;color:#eb5425}.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){margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;color:#a5d6ff;line-height:1.6;white-space:pre}.kaykay-light .code-block.svelte-1lnsx1t pre:where(.svelte-1lnsx1t){color:#0969da}.tip.svelte-1lnsx1t{padding:14px 16px;background:#eb54251a;border:1px solid rgba(235,84,37,.3);border-radius:8px;color:#fca5a5;font-size:.85rem;line-height:1.6}.kaykay-light .tip.svelte-1lnsx1t{color:#92400e;background:#fff7ed;border-color:#fed7aa}.example-canvas.svelte-1lnsx1t{position:relative;flex:1;min-width:0}.example-canvas.drop-active.svelte-1lnsx1t:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;z-index:20;border:2px dashed #eb5425;border-radius:18px;background:#eb542514;pointer-events:none}.drop-hint.svelte-1lnsx1t{position:absolute;top:16px;left:16px;z-index:21;padding:8px 12px;background:#161618d9;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#ddd;font-size:.78rem;pointer-events:none}.kaykay-light .drop-hint.svelte-1lnsx1t{background:#ffffffe6;border-color:#0000001a;color:#555}@media(max-width:900px){.example-page.svelte-1lnsx1t{flex-direction:column}.example-sidebar.svelte-1lnsx1t{width:auto;max-height:45vh;border-right:0;border-bottom:1px solid #1f1f1f}.palette.svelte-1lnsx1t{grid-template-columns:repeat(2,minmax(0,1fr))}}