.creator-layout-container .mcp-page-root,
.creator-layout-container [data-mosonai-creator-product] {
  box-sizing: border-box;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  color: #dbeafe;
}

.creator-layout-container [data-mosonai-creator-product] * { box-sizing: border-box; }
.creator-layout-container .mcp-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.creator-layout-container .mcp-eyebrow { margin-bottom: 7px; color: #60e8ff; font-size: 10px; font-weight: 700; letter-spacing: .16em; }
.creator-layout-container .mcp-page-head h1 { margin: 0; color: #f4f9ff; font-size: 25px; font-weight: 700; line-height: 1.2; }
.creator-layout-container .mcp-page-head p { max-width: 700px; margin: 8px 0 0; color: #8fa8bd; font-size: 12px; line-height: 1.6; }
.creator-layout-container .mcp-head-actions { display: flex; flex: 0 0 auto; gap: 8px; }
.creator-layout-container .mcp-button { min-height: 34px; padding: 0 13px; border: 1px solid rgba(148, 163, 184, .2); border-radius: 7px; background: rgba(15, 23, 42, .76); color: #c8d7e7; cursor: pointer; font: inherit; font-size: 11px; transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease; }
.creator-layout-container .mcp-button:hover:not(:disabled) { border-color: rgba(96, 232, 255, .42); background: rgba(20, 50, 74, .9); color: #effaff; transform: translateY(-1px); }
.creator-layout-container .mcp-button:focus-visible, .creator-layout-container .mcp-filter-field input:focus-visible, .creator-layout-container .mcp-filter-field select:focus-visible, .creator-layout-container .mcp-form-field input:focus-visible, .creator-layout-container .mcp-form-field textarea:focus-visible, .creator-layout-container .mcp-form-field select:focus-visible { outline: 2px solid #60e8ff; outline-offset: 2px; }
.creator-layout-container .mcp-button:disabled { cursor: not-allowed; opacity: .48; }
.creator-layout-container .mcp-button-primary { border-color: rgba(96, 232, 255, .46); background: linear-gradient(135deg, #1dbed3, #37e5aa); color: #09212c; font-weight: 700; }
.creator-layout-container .mcp-button-primary:hover:not(:disabled) { border-color: #9df5ff; background: linear-gradient(135deg, #57eaff, #6dffc9); color: #06202d; }
.creator-layout-container .mcp-button-reserved { border-style: dashed; border-color: rgba(245, 184, 79, .32); background: rgba(83, 58, 20, .18); color: #b59660; cursor: not-allowed; }
.creator-layout-container .mcp-button-ghost { background: transparent; }
.creator-layout-container .mcp-button-small { min-height: 28px; padding: 0 9px; font-size: 10px; }
.creator-layout-container .mcp-filter-bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-bottom: 14px; padding: 12px; border: 1px solid rgba(148, 163, 184, .12); border-radius: 9px; background: rgba(7, 15, 28, .56); }
.creator-layout-container .mcp-filter-field, .creator-layout-container .mcp-form-field { display: flex; min-width: 150px; flex-direction: column; gap: 5px; }
.creator-layout-container .mcp-filter-field label, .creator-layout-container .mcp-form-field span { color: #718ba3; font-size: 10px; }
.creator-layout-container .mcp-filter-search { min-width: 260px; flex: 1; }
.creator-layout-container .mcp-filter-field input, .creator-layout-container .mcp-filter-field select, .creator-layout-container .mcp-form-field input, .creator-layout-container .mcp-form-field textarea, .creator-layout-container .mcp-form-field select { width: 100%; min-height: 34px; padding: 0 10px; border: 1px solid rgba(148, 163, 184, .18); border-radius: 6px; outline: none; background: rgba(15, 23, 42, .92); color: #e5f2fb; font: inherit; font-size: 11px; }
.creator-layout-container .mcp-form-field textarea { min-height: 116px; padding-top: 9px; resize: vertical; line-height: 1.55; }
.creator-layout-container .mcp-filter-field select, .creator-layout-container .mcp-form-field select { appearance: none; }
.creator-layout-container .mcp-quota-summary { display: grid; min-width: 120px; gap: 3px; padding: 7px 11px; border-left: 1px solid rgba(148, 163, 184, .12); }
.creator-layout-container .mcp-quota-summary span { color: #718ba3; font-size: 9px; }
.creator-layout-container .mcp-quota-summary strong { color: #dcefff; font-size: 15px; }
.creator-layout-container .mcp-filter-note { align-self: center; margin-left: auto; color: #6f8da4; font-size: 10px; }
.creator-layout-container .mcp-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.creator-layout-container .mcp-stat-card { min-width: 0; padding: 14px 15px; border: 1px solid rgba(148, 163, 184, .12); border-radius: 9px; background: linear-gradient(135deg, rgba(13, 30, 48, .92), rgba(12, 21, 39, .88)); }
.creator-layout-container .mcp-stat-label { display: block; overflow: hidden; color: #86a0b6; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.creator-layout-container .mcp-stat-card strong { display: block; min-height: 30px; margin-top: 6px; color: #f2fbff; font-size: 22px; line-height: 1.35; }
.creator-layout-container .mcp-stat-card small { display: block; min-height: 15px; color: #58748d; font-size: 10px; line-height: 1.4; }
.creator-layout-container .mcp-stat-health { border-color: rgba(57, 230, 160, .2); }
.creator-layout-container .mcp-dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(250px, .8fr); gap: 14px; align-items: start; }
.creator-layout-container .mcp-side-stack { display: grid; gap: 14px; }
.creator-layout-container .mcp-panel { min-width: 0; border: 1px solid rgba(148, 163, 184, .13); border-radius: 10px; background: rgba(9, 20, 34, .78); box-shadow: inset 0 1px rgba(255, 255, 255, .025); }
.creator-layout-container .mcp-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 16px; border-bottom: 1px solid rgba(148, 163, 184, .1); }
.creator-layout-container .mcp-panel-kicker { color: #52738c; font-size: 9px; font-weight: 700; letter-spacing: .16em; }
.creator-layout-container .mcp-panel-head h2 { margin: 4px 0 0; color: #e8f4ff; font-size: 15px; }
.creator-layout-container .mcp-project-list { display: grid; }
.creator-layout-container .mcp-project-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; padding: 15px 16px; border-bottom: 1px solid rgba(148, 163, 184, .08); }
.creator-layout-container .mcp-project-row:last-child { border-bottom: 0; }
.creator-layout-container .mcp-project-title { display: flex; min-width: 0; align-items: center; gap: 8px; }
.creator-layout-container .mcp-project-title strong { overflow: hidden; color: #e7f5ff; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.creator-layout-container .mcp-project-main p { overflow: hidden; margin: 6px 0 10px; color: #7793aa; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.creator-layout-container .mcp-progress-line { height: 5px; overflow: hidden; margin-bottom: 6px; border-radius: 99px; background: rgba(148, 163, 184, .13); }
.creator-layout-container .mcp-progress-line span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #23c8dd, #42e5a6); }
.creator-layout-container .mcp-project-main small { color: #66839b; font-size: 10px; }
.creator-layout-container .mcp-project-meta { display: flex; min-width: 150px; flex-direction: column; align-items: flex-end; justify-content: space-between; gap: 10px; }
.creator-layout-container .mcp-project-meta > span { color: #5f7b92; font-size: 10px; white-space: nowrap; }
.creator-layout-container .mcp-project-meta > div { display: flex; gap: 6px; }
.creator-layout-container .mcp-status { display: inline-flex; align-items: center; min-height: 20px; padding: 0 7px; border: 1px solid transparent; border-radius: 99px; font-size: 9px; white-space: nowrap; }
.creator-layout-container .mcp-status.is-draft { border-color: rgba(148, 163, 184, .22); color: #98aec1; }
.creator-layout-container .mcp-status.is-pending, .creator-layout-container .mcp-status.is-reviewing { border-color: rgba(245, 158, 11, .28); color: #f3ba5b; }
.creator-layout-container .mcp-status.is-approved, .creator-layout-container .mcp-status.is-active { border-color: rgba(57, 230, 160, .28); color: #60e2a8; }
.creator-layout-container .mcp-status.is-rejected { border-color: rgba(248, 113, 113, .28); color: #fb9898; }
.creator-layout-container .mcp-todo-list { display: grid; padding: 8px; }
.creator-layout-container .mcp-todo { display: flex; width: 100%; align-items: center; gap: 8px; padding: 10px 8px; border: 0; border-bottom: 1px solid rgba(148, 163, 184, .08); background: transparent; color: #b7cbe0; cursor: pointer; font: inherit; font-size: 10px; text-align: left; }
.creator-layout-container .mcp-todo:last-child { border-bottom: 0; }
.creator-layout-container .mcp-todo:hover { color: #eaffff; }
.creator-layout-container .mcp-todo b { margin-left: auto; color: #4e738d; font-size: 16px; font-weight: 400; }
.creator-layout-container .mcp-todo-dot { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #f5b84f; box-shadow: 0 0 10px rgba(245, 184, 79, .55); }
.creator-layout-container .mcp-availability-list { display: grid; padding: 7px 16px 12px; }
.creator-layout-container .mcp-availability-list > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid rgba(148, 163, 184, .08); color: #9db3c7; font-size: 10px; }
.creator-layout-container .mcp-availability-list > div:last-child { border-bottom: 0; }
.creator-layout-container .mcp-availability-list b { font-size: 9px; font-weight: 600; }
.creator-layout-container .mcp-availability-list b.ok { color: #5ce0a3; }
.creator-layout-container .mcp-availability-list b.muted { color: #647f95; }
.creator-layout-container .mcp-empty, .creator-layout-container .mcp-loading { display: grid; min-height: 180px; place-items: center; align-content: center; gap: 8px; padding: 30px; color: #7893a9; text-align: center; }
.creator-layout-container .mcp-empty strong, .creator-layout-container .mcp-loading strong { color: #cfe4f2; font-size: 13px; }
.creator-layout-container .mcp-empty span, .creator-layout-container .mcp-loading small { max-width: 440px; color: #668298; font-size: 10px; line-height: 1.6; }
.creator-layout-container .mcp-empty .mcp-button { margin-top: 8px; }
.creator-layout-container .mcp-empty-compact { min-height: 140px; padding: 18px; }
.creator-layout-container .mcp-error strong { color: #fb9898; }
.creator-layout-container .mcp-spinner { width: 22px; height: 22px; border: 2px solid rgba(96, 232, 255, .2); border-top-color: #60e8ff; border-radius: 50%; animation: mcp-spin .8s linear infinite; }
@keyframes mcp-spin { to { transform: rotate(360deg); } }
.creator-layout-container .mcp-form { padding: 18px; border: 1px solid rgba(148, 163, 184, .14); border-radius: 10px; background: rgba(9, 20, 34, .78); }
.creator-layout-container .mcp-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.creator-layout-container .mcp-span-2 { grid-column: span 2; }
.creator-layout-container .mcp-form-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 18px; padding-top: 15px; border-top: 1px solid rgba(148, 163, 184, .1); }
.creator-layout-container .mcp-form-footer > div:last-child { display: flex; gap: 8px; }
.creator-layout-container .mcp-form-status { min-height: 20px; color: #7590a7; font-size: 10px; line-height: 1.5; }
.creator-layout .ai-status.is-unavailable { background: #ef44441a; color: #f87171; }
.creator-layout .ai-status.is-unavailable .ai-status-dot { background: #f87171; box-shadow: 0 0 8px #ef444466; animation: none; }
.creator-layout .ai-status.is-unverified { background: #f59e0b1a; color: #fbbf24; }
.creator-layout .ai-status.is-unverified .ai-status-dot { background: #fbbf24; box-shadow: 0 0 8px #f59e0b66; animation: none; }
.creator-layout-container .mcp-guidance { margin-top: 14px; }
.creator-layout-container .mcp-guidance-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 16px; }
.creator-layout-container .mcp-guidance-grid > div { display: flex; min-height: 64px; flex-direction: column; gap: 7px; padding: 12px; border: 1px solid rgba(148, 163, 184, .1); border-radius: 8px; background: rgba(15, 30, 48, .58); }
.creator-layout-container .mcp-guidance-grid b { color: #60e8ff; font-size: 11px; }
.creator-layout-container .mcp-guidance-grid span { color: #8aa5ba; font-size: 10px; line-height: 1.5; }
.creator-layout-container .mcp-table-panel { overflow: hidden; }
.creator-layout-container .mcp-table-wrap { overflow-x: auto; }
.creator-layout-container .mcp-table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 10px; }
.creator-layout-container .mcp-table th { padding: 11px 14px; color: #6f8ca4; font-size: 9px; font-weight: 600; text-align: left; white-space: nowrap; }
.creator-layout-container .mcp-table td { padding: 12px 14px; border-top: 1px solid rgba(148, 163, 184, .08); color: #a9bfd1; vertical-align: middle; }
.creator-layout-container .mcp-table td strong, .creator-layout-container .mcp-table td small { display: block; }
.creator-layout-container .mcp-table td strong { color: #d8edfb; font-size: 11px; }
.creator-layout-container .mcp-table td small { max-width: 330px; overflow: hidden; margin-top: 4px; color: #668299; text-overflow: ellipsis; white-space: nowrap; }
.creator-layout-container .mcp-quota-table { min-width: 860px; }
.creator-layout-container .mcp-quota-table input { width: 100%; min-height: 30px; padding: 0 8px; border: 1px solid rgba(148, 163, 184, .16); border-radius: 5px; background: rgba(15, 23, 42, .9); color: #dbeafe; font: inherit; font-size: 10px; }
.creator-layout-container .mcp-quota-table td { min-width: 130px; }
.creator-layout-container .mcp-inline-message { padding: 11px 16px; border-top: 1px solid rgba(148, 163, 184, .1); color: #80d9e6; font-size: 10px; }
.creator-layout-container .mcp-bars { display: grid; gap: 11px; padding: 15px 16px 17px; }
.creator-layout-container .mcp-bar-row { display: grid; grid-template-columns: 62px minmax(0, 1fr) 30px; align-items: center; gap: 8px; color: #8da6ba; font-size: 10px; }
.creator-layout-container .mcp-bar-row > div { height: 6px; overflow: hidden; border-radius: 99px; background: rgba(148,163,184,.12); }
.creator-layout-container .mcp-bar-row i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#22c7dc,#42e4a4); }
.creator-layout-container .mcp-bar-row b { color: #cbe4f2; font-size: 10px; text-align: right; }
.creator-layout-container .mcp-dimension-panel { margin-top: 14px; }
.creator-layout-container .mcp-dimension-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 14px 16px 16px; }
.creator-layout-container .mcp-dimension { min-width: 0; padding: 12px; border: 1px solid rgba(148,163,184,.1); border-radius: 8px; background: rgba(15,30,48,.55); }
.creator-layout-container .mcp-dimension > strong { display: block; overflow: hidden; color: #d7ebf7; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.creator-layout-container .mcp-dimension > div { display: grid; gap: 6px; margin-top: 9px; }
.creator-layout-container .mcp-dimension span { display: flex; justify-content: space-between; gap: 8px; color: #819caf; font-size: 10px; }
.creator-layout-container .mcp-dimension em { overflow: hidden; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.creator-layout-container .mcp-dimension b { color: #60e2aa; font-weight: 600; }
.creator-layout-container .mcp-insight-list { display: grid; gap: 9px; padding: 14px 16px 16px; }
.creator-layout-container .mcp-insight { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding: 13px; border: 1px solid rgba(148,163,184,.1); border-left: 3px solid #5e839c; border-radius: 7px; background: rgba(15,30,48,.55); }
.creator-layout-container .mcp-insight.positive { border-left-color: #45dca4; }
.creator-layout-container .mcp-insight.warning { border-left-color: #f2b657; }
.creator-layout-container .mcp-insight strong, .creator-layout-container .mcp-insight span { display: block; }
.creator-layout-container .mcp-insight strong { color: #dceef8; font-size: 11px; }
.creator-layout-container .mcp-insight span { margin-top: 5px; color: #8ea8ba; font-size: 10px; line-height: 1.5; }
.creator-layout-container .mcp-insight small { flex: 0 0 auto; max-width: 210px; color: #607d93; font-size: 9px; line-height: 1.5; text-align: right; }
.creator-layout-container .mcp-boundary-note { margin-top: 14px; padding: 18px; }
.creator-layout-container .mcp-boundary-note h2 { margin: 0; color: #d7edf8; font-size: 14px; }
.creator-layout-container .mcp-boundary-note p { max-width: 760px; margin: 8px 0 0; color: #718da2; font-size: 10px; line-height: 1.6; }
.creator-layout-container .mcp-inline-actions { display: flex; flex-wrap: wrap; gap: 5px; }
.creator-layout-container .mcp-asset-tags { display: flex; flex-wrap: wrap; gap: 4px; min-width: 120px; }
.creator-layout-container .mcp-asset-tags span { display: inline-flex; min-height: 18px; align-items: center; padding: 0 6px; border: 1px solid rgba(96, 232, 255, .2); border-radius: 99px; color: #8fdce6; font-size: 9px; }
.creator-layout-container .mcp-asset-tags span.muted { border-color: rgba(148, 163, 184, .12); color: #60788c; }
.creator-layout-container .mcp-tag-editor { display: grid; grid-template-columns: minmax(150px, 1fr) auto auto; align-items: center; gap: 5px; margin-top: 8px; }
.creator-layout-container .mcp-tag-editor input { min-height: 28px; padding: 0 8px; border: 1px solid rgba(148, 163, 184, .18); border-radius: 5px; background: rgba(15, 23, 42, .9); color: #dbeafe; font: inherit; font-size: 10px; outline: none; }
.creator-layout-container .mcp-tag-editor input:focus-visible { outline: 2px solid #60e8ff; outline-offset: 2px; }
.creator-layout-container .mcp-tag-editor small { grid-column: 1 / -1; color: #607e95; font-size: 9px; }
.creator-layout-container .mcp-preview-actions { display: flex; justify-content: flex-end; gap: 8px; margin: -5px 0 13px; }
.creator-layout-container .mcp-preview-mode { display: inline-flex; min-height: 34px; align-items: center; gap: 7px; padding: 0 8px; border: 1px solid rgba(148, 163, 184, .16); border-radius: 7px; color: #829caf; font-size: 10px; }
.creator-layout-container .mcp-preview-mode select { min-height: 26px; border: 0; outline: none; background: transparent; color: #cfe5f2; font: inherit; font-size: 10px; }
.creator-layout-container .mcp-preview-progress { display: grid; gap: 7px; margin: -2px 0 14px; padding: 11px 14px; border: 1px solid rgba(96, 232, 255, .14); border-radius: 8px; background: rgba(10, 28, 43, .58); }
.creator-layout-container .mcp-preview-progress > div:first-child { display: flex; justify-content: space-between; gap: 12px; color: #84a6ba; font-size: 10px; }
.creator-layout-container .mcp-preview-progress b { color: #bfeaf0; font-weight: 600; }
.creator-layout-container .mcp-preview-progress .mcp-progress-line { margin: 0; }
.creator-layout-container .mcp-preview-progress small { color: #648398; font-size: 9px; }
.creator-layout-container .mcp-simulation-panel { margin-bottom: 14px; }
.creator-layout-container .mcp-run-meta { padding: 0 16px 10px; color: #5f7d93; font-size: 9px; }
.creator-layout-container .mcp-preview-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 16px 14px; }
.creator-layout-container .mcp-preview-metrics > div { padding: 10px 12px; border: 1px solid rgba(139, 170, 198, .15); border-radius: 7px; background: rgba(8, 25, 40, .45); }
.creator-layout-container .mcp-preview-metrics span { display: block; color: #6f8da2; font-size: 9px; }
.creator-layout-container .mcp-preview-metrics b { display: block; margin-top: 5px; color: #e9f2fb; font-size: 15px; font-variant-numeric: tabular-nums; }
.creator-layout-container .mcp-preview-select { width: min(340px, 100%); min-height: 35px; margin-top: 10px; padding: 0 10px; border: 1px solid rgba(148, 163, 184, .2); border-radius: 6px; background: #0f172a; color: #dbeafe; font: inherit; font-size: 11px; }
.creator-layout-container .mcp-preview-panel, .creator-layout-container .mcp-diagnostic-panel { margin-bottom: 14px; }
.creator-layout-container .mcp-preview-count { color: #7795ad; font-size: 10px; }
.creator-layout-container .mcp-preview-list { display: grid; }
.creator-layout-container .mcp-preview-row { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 13px 16px; border-bottom: 1px solid rgba(148, 163, 184, .08); }
.creator-layout-container .mcp-preview-row:last-child { border-bottom: 0; }
.creator-layout-container .mcp-preview-index { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid rgba(96, 232, 255, .24); border-radius: 7px; color: #60e8ff; font-size: 10px; }
.creator-layout-container .mcp-preview-row strong, .creator-layout-container .mcp-preview-row small { display: block; }
.creator-layout-container .mcp-preview-row strong { overflow: hidden; color: #d7eaf7; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.creator-layout-container .mcp-preview-row small { margin-top: 4px; color: #6c879e; font-size: 9px; }
.creator-layout-container .mcp-preview-trace { color: #7894aa; font-size: 10px; }
.creator-layout-container .mcp-issue-list { display: grid; padding: 7px 16px 12px; }
.creator-layout-container .mcp-issue-list > div { display: flex; gap: 9px; padding: 9px 0; border-bottom: 1px solid rgba(148, 163, 184, .08); font-size: 10px; }
.creator-layout-container .mcp-issue-list > div:last-child { border-bottom: 0; }
.creator-layout-container .mcp-issue-list b { color: #fb9898; font-weight: 600; }
.creator-layout-container .mcp-issue-list span { color: #a9bfd0; }
.creator-layout-container .mcp-reserved-panel { padding: 30px; text-align: center; }
.creator-layout-container .mcp-reserved-icon { display: grid; width: 46px; height: 46px; margin: 0 auto 13px; place-items: center; border: 1px solid rgba(245, 184, 79, .35); border-radius: 50%; color: #f5b84f; font-size: 26px; }
.creator-layout-container .mcp-reserved-panel h2 { margin: 0; color: #e5f4ff; font-size: 17px; }
.creator-layout-container .mcp-reserved-panel p { max-width: 540px; margin: 9px auto 18px; color: #7994a9; font-size: 11px; line-height: 1.7; }
.creator-layout-container .mcp-reserved-list { display: grid; max-width: 560px; margin: 0 auto 18px; border: 1px solid rgba(148, 163, 184, .1); border-radius: 8px; text-align: left; }
.creator-layout-container .mcp-reserved-list > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 14px; border-bottom: 1px solid rgba(148, 163, 184, .08); color: #a8bfd0; font-size: 10px; }
.creator-layout-container .mcp-reserved-list > div:last-child { border-bottom: 0; }
.creator-layout-container .mcp-reserved-list b { color: #f2b858; font-size: 9px; font-weight: 600; }
.creator-layout-container .mcp-reserved-note { color: #59788f; font-size: 10px; }
@media (max-width: 1120px) { .creator-layout-container .mcp-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .creator-layout-container .mcp-dashboard-grid { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .creator-layout-container .mcp-page-head, .creator-layout-container .mcp-form-footer { flex-direction: column; align-items: stretch; } .creator-layout-container .mcp-form-grid { grid-template-columns: 1fr; } .creator-layout-container .mcp-span-2 { grid-column: auto; } .creator-layout-container .mcp-form-footer > div:last-child { justify-content: flex-end; flex-wrap: wrap; } .creator-layout-container .mcp-project-row { grid-template-columns: 1fr; gap: 10px; } .creator-layout-container .mcp-project-meta { min-width: 0; align-items: flex-start; flex-direction: row; } .creator-layout-container .mcp-guidance-grid { grid-template-columns: 1fr; } .creator-layout-container .mcp-dimension-grid { grid-template-columns: 1fr; } .creator-layout-container .mcp-filter-note { width: 100%; margin-left: 0; } .creator-layout-container .mcp-insight { flex-direction: column; gap: 8px; } .creator-layout-container .mcp-insight small { max-width: none; text-align: left; } .creator-layout-container .mcp-preview-actions { flex-wrap: wrap; justify-content: stretch; } .creator-layout-container .mcp-preview-actions > * { flex: 1 1 45%; } .creator-layout-container .mcp-preview-mode { justify-content: space-between; } .creator-layout-container .mcp-tag-editor { grid-template-columns: 1fr 1fr; } .creator-layout-container .mcp-tag-editor input, .creator-layout-container .mcp-tag-editor small { grid-column: 1 / -1; } .creator-layout-container .mcp-quota-table { min-width: 0; } .creator-layout-container .mcp-quota-table thead { display: none; } .creator-layout-container .mcp-quota-table tbody { display: grid; gap: 10px; padding: 10px; } .creator-layout-container .mcp-quota-table tr { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(148, 163, 184, .12); border-radius: 8px; background: rgba(15, 30, 48, .42); } .creator-layout-container .mcp-quota-table td { display: flex; min-width: 0; flex-direction: column; gap: 5px; padding: 9px; border-top: 0; } .creator-layout-container .mcp-quota-table td::before { color: #6f8ca4; font-size: 9px; } .creator-layout-container .mcp-quota-table td:nth-child(1)::before { content: '维度'; } .creator-layout-container .mcp-quota-table td:nth-child(2)::before { content: '维度名称'; } .creator-layout-container .mcp-quota-table td:nth-child(3)::before { content: '分类值'; } .creator-layout-container .mcp-quota-table td:nth-child(4)::before { content: '目标数量'; } .creator-layout-container .mcp-quota-table td:nth-child(5)::before { content: '占比 %'; } .creator-layout-container .mcp-quota-table td:nth-child(6)::before { content: '操作'; } .creator-layout-container .mcp-quota-table td:nth-child(6) { grid-column: 1 / -1; align-items: flex-start; border-top: 1px solid rgba(148, 163, 184, .08); } .creator-layout-container .mcp-quota-table td input { min-width: 0; } }
@media (max-width: 480px) { .creator-layout-container .mcp-stat-grid { grid-template-columns: 1fr; } .creator-layout-container .mcp-filter-bar { align-items: stretch; } .creator-layout-container .mcp-filter-field, .creator-layout-container .mcp-filter-search { min-width: 100%; } .creator-layout-container .mcp-head-actions { width: 100%; } .creator-layout-container .mcp-head-actions .mcp-button { width: 100%; } }
.mcp-preview-footer { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 12px 14px; border: 1px solid rgba(139,170,198,.16); background: rgba(8,24,39,.72); color: #91a5b8; font-size: 12px; }
.mcp-preview-footer > div { display: flex; gap: 8px; margin-left: auto; }
.mcp-preview-submit-message { color: #78e6a1; }
.creator-layout-container .mcp-head-actions-group { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.creator-layout-container .mcp-segmented { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 3px; border: 1px solid rgba(148, 163, 184, .16); border-radius: 8px; background: rgba(7, 15, 28, .62); }
.creator-layout-container .mcp-segmented button { min-height: 30px; padding: 0 11px; border: 0; border-radius: 6px; background: transparent; color: #87a1b6; cursor: pointer; font: inherit; font-size: 10px; }
.creator-layout-container .mcp-segmented button.active { background: rgba(34, 199, 220, .16); color: #65e7f1; }
.creator-layout-container .mcp-link-button { margin-left: 7px; padding: 0; border: 0; background: transparent; color: #60e8ff; cursor: pointer; font: inherit; font-size: 9px; }
.creator-layout-container .mcp-ai-recommendation { margin-top: 14px; }
.creator-layout-container .mcp-recommend-note { margin: -5px 16px 12px; color: #6f8da2; font-size: 10px; }
.creator-layout-container .mcp-recommend-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; padding: 0 16px 16px; }
.creator-layout-container .mcp-recommend-grid > div { display: grid; gap: 5px; padding: 11px 12px; border: 1px solid rgba(96, 232, 255, .15); border-radius: 7px; background: rgba(8, 25, 40, .48); }
.creator-layout-container .mcp-recommend-grid strong { color: #d7f5fb; font-size: 12px; }
.creator-layout-container .mcp-recommend-grid span, .creator-layout-container .mcp-recommend-grid small { color: #829caf; font-size: 10px; line-height: 1.5; }
.creator-layout-container .mcp-title-editor { display: grid; grid-template-columns: minmax(120px, 1fr) auto auto; gap: 5px; align-items: center; }
.creator-layout-container .mcp-title-editor input { min-height: 28px; padding: 0 8px; border: 1px solid rgba(148, 163, 184, .18); border-radius: 5px; background: rgba(15, 23, 42, .9); color: #dbeafe; font: inherit; font-size: 10px; outline: none; }
@media (max-width: 720px) { .creator-layout-container .mcp-head-actions-group { justify-content: flex-start; } .creator-layout-container .mcp-title-editor { grid-template-columns: 1fr 1fr; } .creator-layout-container .mcp-title-editor input { grid-column: 1 / -1; } }
@media (max-width: 520px) { .creator-layout-container .mcp-preview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .creator-layout-container .mcp-recommend-grid { grid-template-columns: 1fr; } }