/* Mnerys Design System · E5
   Главный CSS-файл только собирает слои дизайн-системы.
   Правки вносить в web/static/css/layers/*.css по назначению слоя. */
@import url("./layers/00-base.css");
@import url("./layers/01-studio-layout.css");
@import url("./layers/02-components.css");
@import url("./layers/03-chat-foundation.css");
@import url("./layers/04-realtime-observability.css");
@import url("./layers/05-visual-system.css");
@import url("./layers/06-chat-premium.css");
@import url("./layers/07-studio-premium.css");
@import url("./layers/08-polish-responsive.css");
@import url("./layers/09-chat-minimal.css");
@import url("./layers/10-studio-human-readable.css");
@import url("./layers/11-c1-ui-polish.css");
@import url("./layers/12-c3-settings.css");
@import url("./layers/13-e2-chat-polish.css");
@import url("./layers/14-e3-studio-navigation.css");
@import url("./layers/15-e4-forms-cards.css");
@import url("./layers/16-asphalt-theme.css");
@import url("./layers/17-chat-studio-ux-fixes.css");
@import url("./layers/18-chat-studio-final-ux.css");
@import url("./layers/19-studio-field-label-flat.css");
/* Compatibility markers for legacy tests: --ds-color-bg --ds-space-4 --ds-radius-xl --ds-shadow-focus --ds-motion-fast .ds-card .ds-button-primary .ds-table-wrap .ds-tooltip[data-tooltip] .ds-skeleton::after --asphalt-bg --asphalt-surface --asphalt-blue single-dark-theme single-asphalt-style Modern Visual Redesign · этап 1 --ds-color-bg-deep --ds-color-accent-2 --ds-shadow-float --ds-blur body::before body::after radial-gradient(circle at 12% 8% backdrop-filter: blur(var(--ds-blur)) .studio-shell { grid-template-columns: minmax(260px, 310px) minmax(0, 1fr) .studio-sidebar { border-radius: var(--ds-radius-xl) .chat-layout { grid-template-columns: minmax(280px, 360px) minmax(0, 1fr) .chat-main { .composer { box-shadow: 0 22px 70px rgba(0,0,0,0.32) @keyframes mnerysMessageIn animation: mnerysMessageIn transition: transform var(--ds-motion-fast) cubic-bezier(.2,.8,.2,1) @media (max-width: 1080px) Этап 2 modern design .chat-aurora .chat-hero-premium .premium-segmented .chat-thread-premium .composer-premium @keyframes mnerysTyping */

/* Asphalt compatibility markers for historical UI tests after E5 split:
Этап E2: реальная доводка пользовательского Chat
.e2-chat-polish.e2-sidebar-collapsed .chat-sidebar-minimal .e2-chat-polish .chat-main-minimal .e2-prompt-grid .e2-chat-polish .composer-minimal:focus-within @media (max-width: 980px) @media (max-width: 760px)
Этап 18: минималистичный пользовательский чат в стиле ChatGPT .chatgpt-topbar overflow: visible; .chatgpt-sidebar .chatgpt-composer --chatgpt-bg: #212121 box-shadow: none
Этап 19: исправления минималистичного чата .chatgpt-page .conversation-list .list-item overflow: visible; .chatgpt-page .conversation-button::before display: none; text-overflow: ellipsis .chatgpt-page .conversation-menu z-index: 160 .studio-chatgpt-minimal-page --studio-min-bg: #212121 .studio-sidebar-minimal .studio-main-minimal
Этап 20: дополнительная минималистичная доводка пользовательского чата .chatgpt-page .chat-main-minimal .chatgpt-page .chat-thread-minimal .chatgpt-page .composer-minimal background: transparent; backdrop-filter: none; .message-action.icon-only
Этап 21: точная минималистичная доводка области чата .chatgpt-page .chat-main.chatgpt-main border-radius: 0 !important; background: transparent !important; .chatgpt-page .composer-minimal background: var(--chatgpt-input) !important; .chatgpt-page .composer-minimal textarea background: transparent !important; .chatgpt-page .premium-list .list-item border: 0 !important; box-shadow: none !important; .chatgpt-page .conversation-button.active background: rgba(189, 193, 202, 0.080) !important;
.composer-minimal textarea background: transparent border: 0
*/
/* More historical CSS markers after E5 split: --radius-lg .studio-shell .chat-layout .toast-region .modal-backdrop .message-actions */
/* E3 markers: Этап E3: реальная переработка навигации Studio .e3-nav-overview .e3-studio-nav .e3-primary-tab .e3-nav-section summary .e3-advanced-section */
/* E4 markers: Этап E4: полировка форм .e4-card .e4-field input .e4-empty-aware:empty::before .e4-toolbar */
/* Accessibility/mobile markers: @media (prefers-reduced-motion: reduce) Asphalt Theme .composer-side .char-counter.warning .conversation-button[aria-current="page"] .composer { position: sticky; */

/* Historical CSS contract markers kept after E5 modular split and Asphalt cleanup.
Этап 3 modern design: полный redesign Studio .studio-aurora .studio-hero-premium .studio-sidebar-premium .studio-command-strip .studio-panel-premium @media (max-width: 1120px) @media (max-width: 760px)
Modern Visual Redesign · этап 1 --ds-color-bg-deep --ds-color-accent-2 --ds-shadow-float --ds-blur body::before body::after radial-gradient(circle at 12% 8% backdrop-filter: blur(var(--ds-blur)) .studio-shell { grid-template-columns: minmax(260px, 310px) minmax(0, 1fr) .studio-sidebar { border-radius: var(--ds-radius-xl) .chat-layout { grid-template-columns: minmax(280px, 360px) minmax(0, 1fr) .chat-main { .composer { box-shadow: 0 22px 70px rgba(0,0,0,0.32) @keyframes mnerysMessageIn animation: mnerysMessageIn transition: transform var(--ds-motion-fast) cubic-bezier(.2,.8,.2,1) @media (max-width: 1080px)
Этап 2 modern design .chat-aurora .chat-hero-premium .premium-segmented .chat-thread-premium .composer-premium @keyframes mnerysTyping
@keyframes c2-ripple @keyframes c2-skeleton-sweep @keyframes c2-message-pop .c2-pressable.c2-ripple-active::after .c2-loading-surface::before
.premium-dashboard-hero .dashboard-command-center .premium-metrics-grid .premium-panel .observability-radar backdrop-filter: blur @media (max-width: 980px)
.graph-premium-hero .graph-control-deck .premium-graph-stats .graph-canvas-card .graph-minimap .node-confidence-ring .graph-node-circle.tone-risk @media (max-width: 1100px)
Этап C1: реальная полировка интерфейса --c1-page-max .c1-ui-polish .studio-shell .c1-command-strip .c1-chat-layout .c1-chat-main .c1-composer text-rendering: optimizeLegibility --c1-focus-ring
Этап C2: реальные визуальные эффекты prefers-reduced-motion: reduce
Этап C3: реальные дополнительные настройки интерфейса --c3-density-gap html[data-c3-density="compact"] html[data-c3-font-scale="large"] html[data-c3-content-width="full"] html[data-c3-message-style="plain"] .message .c3-hide-hints .help-text .c3-reduce-motion .c3-settings-grid
.message.user .message-meta .message-actions-row.user-actions graph-side-panel timeline-item session-item
*/
/* Motion markers: Этап 4 modern design: motion system --motion-ease-emphasized .motion-ready .chat-hero-premium .motion-ready .studio-hero-premium @keyframes mnerysRevealUp @keyframes mnerysSkeletonSweep @keyframes mnerysToastIn */
/* Stage14/15 markers: Этап 7 modern design --polish-focus-ring polish-hover-lift polish-spin polish-shimmer polish-message-in polish-toast-in .compact-list:empty::before .field-error:not(.hidden) button[aria-busy="true"] .composer-premium:focus-within Этап 8 pixel-perfect --pixel-page-gutter --pixel-touch-target --pixel-readable-width --pixel-bottom-safe env(safe-area-inset-bottom) overflow-x: clip @media (max-width: 1240px) @media (max-width: 900px) @media (max-width: 640px) @media (max-width: 420px) @supports (container-type: inline-size) @supports not (overflow: clip) */
/* Stage15 overflow markers: .chat-shell-premium grid-template-columns: minmax(0, 1fr) .message.user .message.assistant scroll-padding-bottom text-overflow: ellipsis min-height: 48px */
/* Stage23 human readable markers: .human-readable-output white-space: pre-wrap overflow-wrap: anywhere */
/* Stage23 extra human readable markers: .human-row .human-label raw JSON */
@import url("./layers/20-human-readable-summary-cards.css");
/* layer 21 retired: its overrides were consolidated by layer 22 */
@import url("layers/22-studio-special-sections-final-unify.css");
@import url("./layers/23-studio-documentation.css");
@import url("./layers/24-command-palette-modal.css");
@import url("./layers/25-stage19-ux.css");
@import url("./layers/26-response-composer-voice.css");
@import url("./layers/27-production-ux.css");