.example-page.svelte-1loudod{display:flex;height:100%}.example-sidebar.svelte-1loudod{width:360px;padding:24px;overflow-y:auto;background:#161618;border-right:1px solid #1f1f1f;flex-shrink:0}.kaykay-light .example-sidebar.svelte-1loudod{background:#fff;border-right:1px solid #e0e0e0}.example-sidebar.svelte-1loudod h1:where(.svelte-1loudod){margin:0 0 8px;font-size:1.5rem}.example-sidebar.svelte-1loudod>p:where(.svelte-1loudod){margin:0 0 24px;color:#888}.section.svelte-1loudod{margin-bottom:24px}.section.svelte-1loudod h3:where(.svelte-1loudod){margin:0 0 12px;font-size:1rem;color:#eb5425}.section.svelte-1loudod p:where(.svelte-1loudod){margin:0 0 8px;color:#aaa;font-size:.9rem}.kaykay-light .section.svelte-1loudod p:where(.svelte-1loudod){color:#555}.button-grid.svelte-1loudod{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}button.svelte-1loudod{padding:9px 12px;background:#eb5425;border:0;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:background .15s ease}button.svelte-1loudod:hover:not(:disabled){background:#2d7fd3}button.svelte-1loudod:disabled{opacity:.55;cursor:not-allowed}textarea.svelte-1loudod{width:100%;min-height:190px;box-sizing:border-box;padding:12px;margin-bottom:8px;background:#1f1f1f;border:1px solid #252422;border-radius:6px;color:#fff;font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;resize:vertical}.kaykay-light textarea.svelte-1loudod{background:#f5f5f5;border-color:#e0e0e0;color:#333}textarea.svelte-1loudod::placeholder{color:#777}.kaykay-light textarea.svelte-1loudod::placeholder{color:#888}.change-line.svelte-1loudod,.error-text.svelte-1loudod{font-size:12px}.error-text.svelte-1loudod{color:#f87171}.feature-list.svelte-1loudod{margin:0;padding-left:18px;color:#ccc;font-size:.85rem;line-height:1.7}.kaykay-light .feature-list.svelte-1loudod{color:#555}.example-canvas.svelte-1loudod{flex:1;position:relative}.floating-tools.svelte-1loudod{position:absolute;right:16px;bottom:16px;display:grid;gap:12px;z-index:10}code.svelte-1loudod{background:#252422;padding:2px 6px;border-radius:4px;color:#f6a21a}.kaykay-light code.svelte-1loudod{background:#e8e8e8;color:#d97706}