/** * Styles entry point — imports every layer in cascade order. * * Layer order (later overrides earlier): * 1. tokens — design system primitives (colors, type, space, radius) * 2. base — reset + globals on / * 3. layout/ — page structure (shell, sidebar, topbar, composer, doc-panel) * 4. components — reusable widgets (buttons, messages, chips, modal, etc.) * * To add a new component file: drop it under components/ and @import below. */ @import './tokens.css'; @import './base.css'; @import './layout/shell.css'; @import './layout/sidebar.css'; @import './layout/topbar.css'; @import './layout/composer.css'; @import './layout/doc-panel.css'; @import './components/buttons.css'; @import './components/messages.css'; @import './components/welcome-hero.css'; @import './components/status.css'; @import './components/markdown.css'; @import './components/artifact.css'; @import './components/chart.css'; @import './components/citation.css'; @import './components/file-chip.css'; @import './components/thread-item.css'; @import './components/settings.css'; @import './components/modal.css'; @import './components/thinking-panel.css'; @import './components/feature-toolbar.css'; @import './components/feature-modal.css'; @import './components/tasks-panel.css'; @import './components/tts-clarify-form.css'; @import './components/responsive.css';