.tabs-demo.svelte-1hec2zf{display:flex;flex-direction:column;gap:24px;max-width:1080px;margin:0 auto}.intro.svelte-1hec2zf{--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-700) calc(var(--un-text-opacity) * 100%),transparent);font-family:var(--font-script, "Caveat", cursive);font-size:26px;margin:0;text-align:center}:is([data-mode=dark],[data-mode=dark] *) .intro.svelte-1hec2zf{--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-300) calc(var(--un-text-opacity) * 100%),transparent)}.preview.svelte-1hec2zf{border-width:1px;--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-surface-200) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-50) calc(var(--un-bg-opacity) * 100%),transparent);padding:24px;border-radius:var(--radius-md, 6px)}:is([data-mode=dark],[data-mode=dark] *) .preview.svelte-1hec2zf{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-surface-800) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-950) calc(var(--un-bg-opacity) * 100%),transparent)}.aspect-row.svelte-1hec2zf{display:flex;flex-wrap:wrap;gap:12px}.aspect-card.svelte-1hec2zf{flex:1 1 0;min-width:140px;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--radius-md, 6px);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .12s;border-width:1px;--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-surface-200) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-50) calc(var(--un-bg-opacity) * 100%),transparent);--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-900) calc(var(--un-text-opacity) * 100%),transparent)}:is([data-mode=dark],[data-mode=dark] *) .aspect-card.svelte-1hec2zf{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-surface-800) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-950) calc(var(--un-bg-opacity) * 100%),transparent);--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-100) calc(var(--un-text-opacity) * 100%),transparent)}.aspect-card.svelte-1hec2zf:hover{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-accent-500) calc(var(--un-border-opacity) * 100%),transparent);transform:translateY(-1px)}:is([data-mode=dark],[data-mode=dark] *) .aspect-card.svelte-1hec2zf:hover{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-accent-500) calc(var(--un-border-opacity) * 100%),transparent)}.aspect-card.active.svelte-1hec2zf{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-primary-500) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-100) calc(var(--un-bg-opacity) * 100%),transparent);box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}:is([data-mode=dark],[data-mode=dark] *) .aspect-card.active.svelte-1hec2zf{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-primary-500) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-900) calc(var(--un-bg-opacity) * 100%),transparent)}.aspect-title.svelte-1hec2zf{font-size:14px;font-weight:500;--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-900) calc(var(--un-text-opacity) * 100%),transparent)}:is([data-mode=dark],[data-mode=dark] *) .aspect-title.svelte-1hec2zf{--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-100) calc(var(--un-text-opacity) * 100%),transparent)}.aspect-tagline.svelte-1hec2zf{font-family:var(--font-script, "Caveat", cursive);font-size:22px;line-height:1.2;--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-700) calc(var(--un-text-opacity) * 100%),transparent)}:is([data-mode=dark],[data-mode=dark] *) .aspect-tagline.svelte-1hec2zf{--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-300) calc(var(--un-text-opacity) * 100%),transparent)}.panel-area.svelte-1hec2zf{border-width:1px;--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-surface-200) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-50) calc(var(--un-bg-opacity) * 100%),transparent);padding:20px;border-radius:var(--radius-md, 6px);display:flex;flex-direction:column;gap:16px}:is([data-mode=dark],[data-mode=dark] *) .panel-area.svelte-1hec2zf{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-surface-800) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-950) calc(var(--un-bg-opacity) * 100%),transparent)}.panel-copy.svelte-1hec2zf{font-family:var(--font-script, "Caveat", cursive);font-size:18px;font-style:italic;--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-700) calc(var(--un-text-opacity) * 100%),transparent);margin:0}:is([data-mode=dark],[data-mode=dark] *) .panel-copy.svelte-1hec2zf{--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-300) calc(var(--un-text-opacity) * 100%),transparent)}.content-toggle.svelte-1hec2zf{display:flex;gap:8px}.mode-btn.svelte-1hec2zf{padding:8px 20px;border-radius:var(--radius-sm, 4px);font-size:14px;cursor:pointer;transition:background .12s,border-color .12s;border-width:1px;--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-surface-200) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-100) calc(var(--un-bg-opacity) * 100%),transparent);--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-800) calc(var(--un-text-opacity) * 100%),transparent)}:is([data-mode=dark],[data-mode=dark] *) .mode-btn.svelte-1hec2zf{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-surface-800) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-900) calc(var(--un-bg-opacity) * 100%),transparent);--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-200) calc(var(--un-text-opacity) * 100%),transparent)}.mode-btn.svelte-1hec2zf:hover{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-accent-500) calc(var(--un-border-opacity) * 100%),transparent);--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-900) calc(var(--un-text-opacity) * 100%),transparent)}:is([data-mode=dark],[data-mode=dark] *) .mode-btn.svelte-1hec2zf:hover{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-accent-500) calc(var(--un-border-opacity) * 100%),transparent);--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-100) calc(var(--un-text-opacity) * 100%),transparent)}.mode-btn.mode-active.svelte-1hec2zf{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-primary-500) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-primary-500) calc(var(--un-bg-opacity) * 100%),transparent);color:var(--on-primary)}:is([data-mode=dark],[data-mode=dark] *) .mode-btn.mode-active.svelte-1hec2zf{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-primary-500) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-primary-500) calc(var(--un-bg-opacity) * 100%),transparent)}.data-pre.svelte-1hec2zf{border-width:1px;--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-surface-200) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-50) calc(var(--un-bg-opacity) * 100%),transparent);--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-800) calc(var(--un-text-opacity) * 100%),transparent);padding:12px;border-radius:var(--radius-sm, 4px);overflow-x:auto;font-size:12px;font-family:var(--font-mono);margin:0}:is([data-mode=dark],[data-mode=dark] *) .data-pre.svelte-1hec2zf{--un-border-opacity:1;border-color:color-mix(in oklch,var(--color-surface-800) calc(var(--un-border-opacity) * 100%),transparent);--un-bg-opacity:1;background-color:color-mix(in oklch,var(--color-surface-950) calc(var(--un-bg-opacity) * 100%),transparent);--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-200) calc(var(--un-text-opacity) * 100%),transparent)}.rich-panel.svelte-1hec2zf{display:flex;flex-direction:column;gap:12px;padding:8px 0}.rich-panel.svelte-1hec2zf h3:where(.svelte-1hec2zf){--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-900) calc(var(--un-text-opacity) * 100%),transparent);font-size:20px;font-weight:600;margin:0}:is([data-mode=dark],[data-mode=dark] *) .rich-panel.svelte-1hec2zf h3:where(.svelte-1hec2zf){--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-100) calc(var(--un-text-opacity) * 100%),transparent)}.rich-panel.svelte-1hec2zf .tag:where(.svelte-1hec2zf){font-family:var(--font-script, "Caveat", cursive);font-size:20px;--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-700) calc(var(--un-text-opacity) * 100%),transparent);margin:0}:is([data-mode=dark],[data-mode=dark] *) .rich-panel.svelte-1hec2zf .tag:where(.svelte-1hec2zf){--un-text-opacity:1;color:color-mix(in oklch,var(--color-ink-300) calc(var(--un-text-opacity) * 100%),transparent)}