.islands-demo.svelte-15ftqvq{font-family:var(--font-sans);margin:1.5rem 0}.page.svelte-15ftqvq{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);display:grid;gap:.5rem;padding:.5rem}.row.svelte-15ftqvq{display:flex;gap:.5rem}.row-header.svelte-15ftqvq .box-header:where(.svelte-15ftqvq){flex:1}.row-header.svelte-15ftqvq .box-badge:where(.svelte-15ftqvq){text-align:center;flex-shrink:0;width:72px;height:72px;min-height:0;line-height:1.15}.row-body.svelte-15ftqvq .box-sidebar:where(.svelte-15ftqvq){flex-shrink:0;width:140px}.row-body.svelte-15ftqvq .box-main:where(.svelte-15ftqvq){flex:1}.row-footer.svelte-15ftqvq .box-footer:where(.svelte-15ftqvq){flex:1}.box.svelte-15ftqvq{display:flex;border:1.5px dashed var(--demo-gray);border-radius:var(--radius-sm);background:var(--demo-gray-soft);color:var(--demo-gray-text);font-family:var(--font-mono);text-transform:lowercase;letter-spacing:.04em;justify-content:center;align-items: center;min-height:48px;padding:.5rem;transition:border-color .15s,background-color .15s,color .15s;font-size:.78rem}.box-sidebar.svelte-15ftqvq{min-height:110px}.islands-demo.hydrated.svelte-15ftqvq .box:where(.svelte-15ftqvq){border-style:solid;border-color:var(--demo-green);background:var(--demo-green-soft);color:var(--demo-green-text)}.islands-demo.hydrated.svelte-15ftqvq .box-island:where(.svelte-15ftqvq){border-color:var(--demo-accent);background:var(--demo-accent-soft);color:var(--demo-accent-text)}.controls.svelte-15ftqvq{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:1.25rem;width:100%;margin-top:.85rem}.button.svelte-15ftqvq{display:inline-block;background:var(--demo-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;user-select:none;border:none;padding:.5rem .95rem;transition:background-color .15s;font-family:inherit;font-size:.85rem;font-weight:500}.button.svelte-15ftqvq:hover{background:var(--demo-accent-hover)}.button.svelte-15ftqvq:focus-visible{outline:none;box-shadow:0 0 0 3px #ea7c2c4d}.legend.svelte-15ftqvq{list-style:none;display:flex;color:var(--text-subtle);flex-wrap:wrap;gap:1.25rem;margin:0 0 0 auto;padding:0;font-size:.8rem}.legend.svelte-15ftqvq li:where(.svelte-15ftqvq){display:flex;align-items: center;gap:.4rem}.swatch.svelte-15ftqvq{display:inline-block;border-radius:3px;width:14px;height:14px}.swatch-ssr.svelte-15ftqvq{border:1.5px solid var(--demo-green);background:var(--demo-green-soft)}.swatch-island.svelte-15ftqvq{border:1.5px solid var(--demo-accent);background:var(--demo-accent-soft)}.islands-demo.svelte-15ftqvq{--demo-gray:#cbd0d3;--demo-gray-soft:#f3f4f5;--demo-gray-text:#6b7280;--demo-green:#5d9a73;--demo-green-soft:#dcefe3;--demo-green-text:#2e5b3f;--demo-accent:#ea7c2c;--demo-accent-hover:#d56a1f;--demo-accent-soft:#fbe9d6;--demo-accent-text:#8a4516}html.dark .islands-demo.svelte-15ftqvq,html[data-theme=dark] .islands-demo.svelte-15ftqvq{--demo-gray:#3d4146;--demo-gray-soft:#22262a;--demo-gray-text:#9aa0a6;--demo-green:#7ab48e;--demo-green-soft:#1f2e25;--demo-green-text:#a4d2b3;--demo-accent:#f49654;--demo-accent-hover:#f7a872;--demo-accent-soft:#3a2615;--demo-accent-text:#f7c79b}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .islands-demo.svelte-15ftqvq{--demo-gray:#3d4146;--demo-gray-soft:#22262a;--demo-gray-text:#9aa0a6;--demo-green:#7ab48e;--demo-green-soft:#1f2e25;--demo-green-text:#a4d2b3;--demo-accent:#f49654;--demo-accent-hover:#f7a872;--demo-accent-soft:#3a2615;--demo-accent-text:#f7c79b}}@media (prefers-reduced-motion:reduce){.box.svelte-15ftqvq,.button.svelte-15ftqvq{transition:none}}