diff --git a/src/uix/eidos/components/accordion/accordion.svelte b/src/uix/eidos/components/accordion/accordion.svelte
index d163b453e..aec91eaa1 100644
--- a/src/uix/eidos/components/accordion/accordion.svelte
+++ b/src/uix/eidos/components/accordion/accordion.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './accordion.css';
 	/**
 	 * Eidos `<Accordion>` — root component. Wraps Soma's
 	 * `<Accordion.Provider>` to set up the headless context; resolves
diff --git a/src/uix/eidos/components/alert-dialog/alert-dialog.svelte b/src/uix/eidos/components/alert-dialog/alert-dialog.svelte
index 012c78314..19c040950 100644
--- a/src/uix/eidos/components/alert-dialog/alert-dialog.svelte
+++ b/src/uix/eidos/components/alert-dialog/alert-dialog.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './alert-dialog.css';
 	/**
 	 * Eidos `<AlertDialog>` — root. Wraps soma's
 	 * `<AlertDialog.Provider>` which delegates to the Dialog runtime
diff --git a/src/uix/eidos/components/avatar/avatar.svelte b/src/uix/eidos/components/avatar/avatar.svelte
index a2db62124..6f421e031 100644
--- a/src/uix/eidos/components/avatar/avatar.svelte
+++ b/src/uix/eidos/components/avatar/avatar.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './avatar.css';
 	/**
 	 * Eidos `<Avatar>` — root component. Eidos-native (no headless backing
 	 * for avatar). Renders a `<span data-avatar>` shell with size /
diff --git a/src/uix/eidos/components/banner/banner.svelte b/src/uix/eidos/components/banner/banner.svelte
index 10ca4d91e..5446fdd12 100644
--- a/src/uix/eidos/components/banner/banner.svelte
+++ b/src/uix/eidos/components/banner/banner.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './banner.css';
 	/**
 	 * Eidos `<Banner>` — full-bleed announcement strip with intent /
 	 * variant / size visual treatment. Renders as
diff --git a/src/uix/eidos/components/breadcrumb/breadcrumb.svelte b/src/uix/eidos/components/breadcrumb/breadcrumb.svelte
index a5c4a3fb1..7a2887065 100644
--- a/src/uix/eidos/components/breadcrumb/breadcrumb.svelte
+++ b/src/uix/eidos/components/breadcrumb/breadcrumb.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './breadcrumb.css';
 	import { ActiveEidos } from '$uix/eidos';
 	/**
 	 * Eidos `<Breadcrumb>` — visual wrapper over Soma's breadcrumb primitive.
diff --git a/src/uix/eidos/components/button/button.svelte b/src/uix/eidos/components/button/button.svelte
index 99953f93d..f656f081c 100644
--- a/src/uix/eidos/components/button/button.svelte
+++ b/src/uix/eidos/components/button/button.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './button.css';
 	/**
 	 * Eidos `<Button>` — visual wrapper over Soma's headless button.
 	 *
diff --git a/src/uix/eidos/components/carousel/carousel.svelte b/src/uix/eidos/components/carousel/carousel.svelte
index 3d17d74e6..f9f3a934d 100644
--- a/src/uix/eidos/components/carousel/carousel.svelte
+++ b/src/uix/eidos/components/carousel/carousel.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './carousel.css';
 	/**
 	 * Eidos `<Carousel>` — root wrapper around Soma's `Carousel.Provider`.
 	 * Adds `size`, `variant`, `color` and `block` visual concerns; cascades
diff --git a/src/uix/eidos/components/code-block/code-block.svelte b/src/uix/eidos/components/code-block/code-block.svelte
index 18cad72a3..6fc62f27b 100644
--- a/src/uix/eidos/components/code-block/code-block.svelte
+++ b/src/uix/eidos/components/code-block/code-block.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './code-block.css';
 	/**
 	 * Eidos `<CodeBlock>` — multi-line code block.
 	 *
diff --git a/src/uix/eidos/components/code/code.svelte b/src/uix/eidos/components/code/code.svelte
index 398bfd548..b70ddbde4 100644
--- a/src/uix/eidos/components/code/code.svelte
+++ b/src/uix/eidos/components/code/code.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './code.css';
 	/**
 	 * Eidos `<Code>` — inline monospace text.
 	 *
diff --git a/src/uix/eidos/components/collapsible/collapsible.svelte b/src/uix/eidos/components/collapsible/collapsible.svelte
index 856b34e97..ba4cc97bd 100644
--- a/src/uix/eidos/components/collapsible/collapsible.svelte
+++ b/src/uix/eidos/components/collapsible/collapsible.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './collapsible.css';
 	/**
 	 * Eidos `<Collapsible>` — root component. Wraps Soma's
 	 * root provider internally; children compose via the named members
diff --git a/src/uix/eidos/components/display/display.svelte b/src/uix/eidos/components/display/display.svelte
index 8842633d6..21edb205a 100644
--- a/src/uix/eidos/components/display/display.svelte
+++ b/src/uix/eidos/components/display/display.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './display.css';
 	/**
 	 * Eidos `<Display>` — hero / oversize typography primitive.
 	 *
diff --git a/src/uix/eidos/components/drawer/drawer.svelte b/src/uix/eidos/components/drawer/drawer.svelte
index 1caed5c8e..ae2974531 100644
--- a/src/uix/eidos/components/drawer/drawer.svelte
+++ b/src/uix/eidos/components/drawer/drawer.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './drawer.css';
 	/**
 	 * Eidos `<Drawer>` — root component. Wraps Soma's `<Drawer.Drawer.Provider>`
 	 * to set up the headless context; children compose via the named
diff --git a/src/uix/eidos/components/float/float.svelte b/src/uix/eidos/components/float/float.svelte
index da376d919..f1262d9cd 100644
--- a/src/uix/eidos/components/float/float.svelte
+++ b/src/uix/eidos/components/float/float.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './float.css';
 	/**
 	 * Eidos `<Float>` — pulls its child to the start or end of the text
 	 * flow so adjacent inline content wraps around it. Composes through
diff --git a/src/uix/eidos/components/heading/heading.svelte b/src/uix/eidos/components/heading/heading.svelte
index 428dc5088..e462a9f54 100644
--- a/src/uix/eidos/components/heading/heading.svelte
+++ b/src/uix/eidos/components/heading/heading.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './heading.css';
 	/**
 	 * Eidos `<Heading>` — semantic heading (h1..h6) typography primitive.
 	 *
diff --git a/src/uix/eidos/components/highlight/highlight.svelte b/src/uix/eidos/components/highlight/highlight.svelte
index c92f35fb8..5396fba9c 100644
--- a/src/uix/eidos/components/highlight/highlight.svelte
+++ b/src/uix/eidos/components/highlight/highlight.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './highlight.css';
 	/**
 	 * Eidos `<Highlight>` — substring highlighter.
 	 *
diff --git a/src/uix/eidos/components/icon/icon.svelte b/src/uix/eidos/components/icon/icon.svelte
index ce5dc2c0d..de01dced2 100644
--- a/src/uix/eidos/components/icon/icon.svelte
+++ b/src/uix/eidos/components/icon/icon.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './icon.css';
 	import { composeInlineStyle } from '$uix/eidos/lib/style';
 	import type { IconProps } from './types';
 	import { resolveIconSize, resolveIconStrokeWidth } from './create-icon';
diff --git a/src/uix/eidos/components/kbd/kbd.svelte b/src/uix/eidos/components/kbd/kbd.svelte
index f6a47f53b..7e01b7fe9 100644
--- a/src/uix/eidos/components/kbd/kbd.svelte
+++ b/src/uix/eidos/components/kbd/kbd.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './kbd.css';
 	/**
 	 * Eidos `<Kbd>` — keyboard shortcut visual.
 	 *
diff --git a/src/uix/eidos/components/link-preview/link-preview.svelte b/src/uix/eidos/components/link-preview/link-preview.svelte
index 49cd1f30e..a776730a6 100644
--- a/src/uix/eidos/components/link-preview/link-preview.svelte
+++ b/src/uix/eidos/components/link-preview/link-preview.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './link-preview.css';
 	/**
 	 * Eidos `<LinkPreview>` — root component. Wraps Soma's
 	 * `<LinkPreview.Provider>` to set up the headless context; children
diff --git a/src/uix/eidos/components/link/link.svelte b/src/uix/eidos/components/link/link.svelte
index b8f0557ed..fdc7d0a56 100644
--- a/src/uix/eidos/components/link/link.svelte
+++ b/src/uix/eidos/components/link/link.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './link.css';
 	/**
 	 * Eidos `<Link>` — inline text link.
 	 *
diff --git a/src/uix/eidos/components/mark/mark.svelte b/src/uix/eidos/components/mark/mark.svelte
index 0f26a09f0..31b467f96 100644
--- a/src/uix/eidos/components/mark/mark.svelte
+++ b/src/uix/eidos/components/mark/mark.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './mark.css';
 	/**
 	 * Eidos `<Mark>` — text highlight.
 	 *
diff --git a/src/uix/eidos/components/meter/meter.svelte b/src/uix/eidos/components/meter/meter.svelte
index 680fa38b3..e46ddd254 100644
--- a/src/uix/eidos/components/meter/meter.svelte
+++ b/src/uix/eidos/components/meter/meter.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './meter.css';
 	import { ActiveEidos } from '$uix/eidos';
 	/**
 	 * Eidos `<Meter>` — visual wrapper over Soma's meter primitive.
diff --git a/src/uix/eidos/components/pagination/pagination.svelte b/src/uix/eidos/components/pagination/pagination.svelte
index 925e1bed4..59a6b10a0 100644
--- a/src/uix/eidos/components/pagination/pagination.svelte
+++ b/src/uix/eidos/components/pagination/pagination.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './pagination.css';
 	import { ActiveEidos } from '$uix/eidos';
 	/**
 	 * Eidos `<Pagination>` — visual wrapper over Soma's pagination primitive.
diff --git a/src/uix/eidos/components/pin-input/pin-input.svelte b/src/uix/eidos/components/pin-input/pin-input.svelte
index 3bda29da9..6d00f035e 100644
--- a/src/uix/eidos/components/pin-input/pin-input.svelte
+++ b/src/uix/eidos/components/pin-input/pin-input.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './pin-input.css';
 	/**
 	 * Eidos `<PinInput>` — root. Passes `data-size` to the container so
 	 * the cell recipe picks up the right token slice. Snippet args
diff --git a/src/uix/eidos/components/popover/popover.svelte b/src/uix/eidos/components/popover/popover.svelte
index 4611fa0aa..f2cd69fd2 100644
--- a/src/uix/eidos/components/popover/popover.svelte
+++ b/src/uix/eidos/components/popover/popover.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './popover.css';
 	/**
 	 * Eidos `<Popover>` — root component. Wraps Soma's `<Popover.Provider>`
 	 * to set up the headless context; children compose via the named
diff --git a/src/uix/eidos/components/progress/progress.svelte b/src/uix/eidos/components/progress/progress.svelte
index 6860cab45..629f5b0b7 100644
--- a/src/uix/eidos/components/progress/progress.svelte
+++ b/src/uix/eidos/components/progress/progress.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './progress.css';
 	import { ActiveEidos } from '$uix/eidos';
 	/**
 	 * Eidos `<Progress>` — visual wrapper over Soma's progressbar.
diff --git a/src/uix/eidos/components/scroll-area/scroll-area.svelte b/src/uix/eidos/components/scroll-area/scroll-area.svelte
index 7a22e424c..28a1cb7c3 100644
--- a/src/uix/eidos/components/scroll-area/scroll-area.svelte
+++ b/src/uix/eidos/components/scroll-area/scroll-area.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './scroll-area.css';
 	/**
 	 * Eidos `<ScrollArea>` — root component. Wraps Soma's
 	 * `<ScrollArea.Provider>` to set up the headless context.
diff --git a/src/uix/eidos/components/separator/separator.svelte b/src/uix/eidos/components/separator/separator.svelte
index d14878843..796aba3a3 100644
--- a/src/uix/eidos/components/separator/separator.svelte
+++ b/src/uix/eidos/components/separator/separator.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './separator.css';
 	/**
 	 * Eidos `<Separator>` — visual divider between sections. Single
 	 * `<div>` element; the recipe sizes it based on `data-orientation`.
diff --git a/src/uix/eidos/components/splitter/splitter.svelte b/src/uix/eidos/components/splitter/splitter.svelte
index 0e0209f70..28982ee63 100644
--- a/src/uix/eidos/components/splitter/splitter.svelte
+++ b/src/uix/eidos/components/splitter/splitter.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './splitter.css';
 	/**
 	 * Eidos `<Splitter>` — root component. Wraps Soma's
 	 * `<Splitter.Provider>` to set up the headless context; children
diff --git a/src/uix/eidos/components/stepper/stepper.svelte b/src/uix/eidos/components/stepper/stepper.svelte
index 9cec74f5a..32ebdd6ba 100644
--- a/src/uix/eidos/components/stepper/stepper.svelte
+++ b/src/uix/eidos/components/stepper/stepper.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './stepper.css';
 	import { ActiveEidos } from '$uix/eidos';
 	import * as Stepper from '$soma/components/stepper';
 	import type { StepperProps } from './types';
diff --git a/src/uix/eidos/components/tabs/tabs.svelte b/src/uix/eidos/components/tabs/tabs.svelte
index 1d53b9118..b778b97c5 100644
--- a/src/uix/eidos/components/tabs/tabs.svelte
+++ b/src/uix/eidos/components/tabs/tabs.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './tabs.css';
 	/**
 	 * Eidos `<Tabs>` — root component. Wraps Soma's `<Tabs.Provider>` and
 	 * adds visual concerns (size, variant, fitted, collapseAt, scrollable,
diff --git a/src/uix/eidos/components/tag-group/tag-group.svelte b/src/uix/eidos/components/tag-group/tag-group.svelte
index ab606a71b..522714bee 100644
--- a/src/uix/eidos/components/tag-group/tag-group.svelte
+++ b/src/uix/eidos/components/tag-group/tag-group.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './tag-group.css';
 	import { ActiveEidos } from '$uix/eidos';
 	/**
 	 * Eidos `<TagGroup>` — visual wrapper over Soma's display-only tag group.
diff --git a/src/uix/eidos/components/text/text.svelte b/src/uix/eidos/components/text/text.svelte
index 2c3a80461..57eaa8634 100644
--- a/src/uix/eidos/components/text/text.svelte
+++ b/src/uix/eidos/components/text/text.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './text.css';
 	/**
 	 * Eidos `<Text>` — universal inline-flow typography primitive.
 	 *
diff --git a/src/uix/eidos/components/toast/toast.svelte b/src/uix/eidos/components/toast/toast.svelte
index a82c4286b..b614f3561 100644
--- a/src/uix/eidos/components/toast/toast.svelte
+++ b/src/uix/eidos/components/toast/toast.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './toast.css';
 	/**
 	 * Eidos `<Toast>` — root component. Wraps Soma's `<Toast.Provider>`
 	 * to set up the toaster context for descendants (Viewport, Item, …).
diff --git a/src/uix/eidos/components/toolbar/toolbar.svelte b/src/uix/eidos/components/toolbar/toolbar.svelte
index 5202cabf6..534d9724b 100644
--- a/src/uix/eidos/components/toolbar/toolbar.svelte
+++ b/src/uix/eidos/components/toolbar/toolbar.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './toolbar.css';
 	import { ActiveEidos } from '$uix/eidos';
 	/**
 	 * Eidos `<Toolbar>` — visual wrapper over Soma's toolbar primitive.
diff --git a/src/uix/eidos/components/tooltip/tooltip.svelte b/src/uix/eidos/components/tooltip/tooltip.svelte
index 98f6e9639..ab8ae29b4 100644
--- a/src/uix/eidos/components/tooltip/tooltip.svelte
+++ b/src/uix/eidos/components/tooltip/tooltip.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import './tooltip.css';
 	/**
 	 * Eidos `<Tooltip>` — root component. Wraps Soma's `<Tooltip.Provider>`
 	 * to set up the headless context; children compose via the named
diff --git a/src/uix/eidos/index.css b/src/uix/eidos/index.css
index 19ea9aa3c..2b80e5ded 100644
--- a/src/uix/eidos/index.css
+++ b/src/uix/eidos/index.css
@@ -78,26 +78,6 @@
 @import './components/section/section.css';
 @import './components/aspect-ratio/aspect-ratio.css';
 @import './components/auto-grid/auto-grid.css';
-@import './components/banner/banner.css';
-@import './components/button/button.css';
-@import './components/float/float.css';
-@import './components/scroll-area/scroll-area.css';
-@import './components/separator/separator.css';
-@import './components/splitter/splitter.css';
-@import './components/text/text.css';
-@import './components/heading/heading.css';
-@import './components/display/display.css';
-@import './components/code/code.css';
-@import './components/code-block/code-block.css';
-@import './components/kbd/kbd.css';
-@import './components/mark/mark.css';
-@import './components/highlight/highlight.css';
-@import './components/link/link.css';
-@import './components/icon/icon.css';
-@import './components/avatar/avatar.css';
-@import './components/breadcrumb/breadcrumb.css';
-@import './components/toast/toast.css';
-@import './components/alert-dialog/alert-dialog.css';
 @import './components/dropdown-menu/dropdown-menu.css';
 @import './components/context-menu/context-menu.css';
 @import './components/menubar/menubar.css';
@@ -106,29 +86,17 @@
 @import './components/navigation-menu/navigation-menu.css';
 @import './components/grid-list/grid-list.css';
 @import './components/time-range-field/time-range-field.css';
-@import './components/carousel/carousel.css';
 /* Shared menu-item indicator partial — must load AFTER the menu recipes
    so its `padding-inline-start` calc wins over the row rule's
    `padding-inline` shorthand at equal specificity. */
 @import './lib/menu-indicator.css';
-@import './components/pin-input/pin-input.css';
 @import './components/date-range-field/date-range-field.css';
-@import './components/drawer/drawer.css';
 @import './components/field/field.css';
 @import './components/form/form.css';
-@import './components/popover/popover.css';
-@import './components/tooltip/tooltip.css';
-@import './components/link-preview/link-preview.css';
-@import './components/progress/progress.css';
-@import './components/meter/meter.css';
 @import './components/number-field/number-field.css';
-@import './components/pagination/pagination.css';
 @import './components/toggle/toggle.css';
 @import './components/toggle-group/toggle-group.css';
 @import './components/switch/switch.css';
-@import './components/collapsible/collapsible.css';
-@import './components/accordion/accordion.css';
-@import './components/tabs/tabs.css';
 @import './components/checkbox/checkbox.css';
 @import './components/radio-group/radio-group.css';
 @import './components/rating-group/rating-group.css';
@@ -149,13 +117,10 @@
 @import './components/time-range-picker/time-range-picker.css';
 @import './components/color-picker/color-picker.css';
 @import './components/slider/slider.css';
-@import './components/toolbar/toolbar.css';
-@import './components/tag-group/tag-group.css';
 @import './components/tags-input/tags-input.css';
 @import './components/file-upload/file-upload.css';
 @import './components/editable/editable.css';
 @import './components/words/words.css';
-@import './components/stepper/stepper.css';
 @import './components/table/table.css';
 @import './components/tree-view/tree-view.css';
 @import './components/tree-grid/tree-grid.css';