/*
 * The studio's stylesheets, inside the `legacy` cascade layer (ROLLOUT-FRONTEND.md §6.2).
 *
 * React islands mounted into this page are styled by Tailwind, whose rules live in
 * cascade layers. Unlayered CSS beats EVERY layer regardless of specificity, so while
 * these files were plain <link>s a bare `textarea, select {…}` here restyled island
 * components. Imported into `legacy` — declared first in the page, so lowest — they
 * keep winning over each other exactly as before (one layer, same source order) and
 * lose only to a layered island rule that sets the same property.
 *
 * ORDER IS LOAD-BEARING, same as the <link> list it replaced: later files override
 * earlier ones. A new studio stylesheet goes in here, never as its own <link> in
 * index.html — an unlayered sheet would silently outrank every island.
 * Guarded by backend/tests/test_legacy_css_layer.py.
 */
@import url("base.css") layer(legacy);
@import url("scene-studio.css") layer(legacy);
@import url("compositions-gallery.css") layer(legacy);
@import url("characters.css") layer(legacy);
@import url("modals-admin.css") layer(legacy);
@import url("mobile-misc.css") layer(legacy);
@import url("edit-mode.css") layer(legacy);
@import url("places.css") layer(legacy);
@import url("composer.css") layer(legacy);
@import url("workspace.css") layer(legacy);
@import url("workspace-nav.css") layer(legacy);
@import url("character-workspace.css") layer(legacy);
@import url("places-workspace.css") layer(legacy);
@import url("ui-polish.css") layer(legacy);
@import url("loading-ui.css") layer(legacy);
@import url("generation-jobs.css") layer(legacy);
@import url("workspace-spacing.css") layer(legacy);
@import url("scene-viewport.css") layer(legacy);