:root {
    --ms-ink: #131923;
    --ms-ink-soft: #283241;
    --ms-muted: #718094;
    --ms-line: #e4e8ef;
    --ms-paper: #f7f8fa;
    --ms-white: #fff;
    --ms-blue: #3267f5;
    --ms-blue-dark: #1d46c8;
    --ms-blue-pale: #edf2ff;
    --ms-cyan: #19b8ca;
    --ms-green: #2aae73;
    --ms-yellow: #e5a522;
    --ms-red: #d85059;
    --ms-purple: #8066df;
    --ms-shadow: 0 18px 45px rgba(32, 43, 63, .09);
    --ms-radius: 18px;
    --ms-font: "Source Han Sans SC", "Noto Sans SC", "思源黑体", "PingFang SC", "Microsoft YaHei", sans-serif;
}
* { box-sizing: border-box; }
body.muse-studio-body, body.muse-studio-admin-page { margin: 0; padding: 0; min-height: 100%; background: var(--ms-paper); color: var(--ms-ink); font-family: var(--ms-font); font-size: 16px; line-height: 1.65; }
body.muse-studio-body button, body.muse-studio-body input, body.muse-studio-body textarea, body.muse-studio-body select, body.muse-studio-admin-page button, body.muse-studio-admin-page input, body.muse-studio-admin-page textarea, body.muse-studio-admin-page select { font: inherit; }
body.muse-studio-body button, body.muse-studio-admin-page button { cursor: pointer; }
.muse-studio-workbench { width: 100vw; margin-left: calc(50% - 50vw); color: var(--ms-ink); font-family: var(--ms-font); font-size: 16px; line-height: 1.65; }.muse-studio-workbench button, .muse-studio-workbench input, .muse-studio-workbench textarea, .muse-studio-workbench select { font: inherit; }.muse-studio-workbench button { cursor: pointer; }.muse-studio-access-message { max-width: 720px; margin: 48px auto; padding: 28px; border: 1px solid var(--ms-line); border-radius: 16px; background: #fff; color: var(--ms-ink); }
.muse-studio-admin-wrap { margin: 0; }
.ms-app-shell { min-height: 100vh; display: flex; flex-direction: column; background: linear-gradient(135deg, #f8fafc 0%, #f5f7fb 58%, #edf2fb 100%); }
.ms-topbar { height: 72px; padding: 0 32px; background: #111722; color: #fff; display: flex; align-items: center; gap: 32px; z-index: 30; box-shadow: 0 -4px 24px rgba(10, 16, 27, .18); }
.ms-footerbar { flex: 0 0 auto; margin-top: auto; }
.ms-project-shell .ms-footerbar { margin-bottom: 66px; }
.ms-brand { display: flex; align-items: center; gap: 12px; min-width: 230px; cursor: pointer; }
.ms-brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(135deg, #5c88ff, #1dbbd0); font-weight: 800; letter-spacing: -.08em; box-shadow: 0 8px 18px rgba(49, 103, 245, .35); }
.ms-brand strong { display: block; letter-spacing: .12em; font-size: 14px; line-height: 1.1; }
.ms-brand small { color: #9ca9bb; font-size: 13px; display: block; margin-top: 4px; }
.ms-topbar-note { color: #aeb9c9; font-size: 15px; letter-spacing: .04em; flex: 1; }
.ms-project-mini { display: flex; align-items: baseline; gap: 14px; color: #eaf0fa; flex: 1; min-width: 0; }
.ms-project-mini span { max-width: 360px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; }
.ms-project-mini b { color: #77a2ff; font-size: 14px; white-space: nowrap; }
.ms-top-actions { margin-left: auto; display: flex; align-items: center; gap: 13px; }
.ms-icon-button { border: 1px solid #3b4659; background: transparent; color: #eaf0fa; width: 34px; height: 34px; border-radius: 10px; font-size: 18px; }
.ms-top-link { color: #a9c1ff; background: transparent; border: 0; padding: 6px; font-size: 15px; }
.ms-user-chip { background: #273144; border: 1px solid #3a465c; padding: 6px 11px; border-radius: 20px; color: #d9e1ee; font-size: 14px; white-space: nowrap; }
.ms-project-progress-strip { min-height: 68px; padding: 10px 32px; display: grid; grid-template-columns: 245px minmax(220px, 1fr) 215px; align-items: center; gap: 28px; background: #fff; border-bottom: 1px solid var(--ms-line); }
.ms-project-progress-strip > div:first-child { display: flex; align-items: baseline; gap: 9px; }
.ms-project-progress-strip > div:first-child span { color: var(--ms-muted); font-size: 14px; }
.ms-project-progress-strip > div:first-child strong { font-size: 20px; }
.ms-project-progress-strip > div:first-child em { color: var(--ms-blue); font-style: normal; font-size: 14px; }
.ms-eta { color: var(--ms-muted); text-align: right; font-size: 14px; }
.ms-main-layout { display: flex; flex: 1 0 auto; min-height: calc(100vh - 72px); }
.ms-step-sidebar { width: 248px; flex: 0 0 248px; background: #fff; border-right: 1px solid var(--ms-line); padding: 28px 15px 20px; display: flex; flex-direction: column; }
.ms-sidebar-heading { display: flex; justify-content: space-between; align-items: center; padding: 0 14px 15px; color: var(--ms-ink); }
.ms-sidebar-heading span { font-size: 14px; text-transform: uppercase; letter-spacing: .1em; font-weight: 800; }
.ms-sidebar-heading b { color: var(--ms-blue); font-size: 13px; font-weight: 700; }
.ms-step-nav { display: flex; flex-direction: column; gap: 4px; }
.ms-step-item { width: 100%; border: 0; border-radius: 12px; background: transparent; min-height: 58px; padding: 8px 9px; display: grid; grid-template-columns: 32px 1fr auto; gap: 8px; text-align: left; align-items: center; color: var(--ms-muted); transition: .18s ease; }
.ms-step-item:hover { background: #f4f7fb; color: var(--ms-ink); }
.ms-step-item.is-active { background: var(--ms-blue-pale); color: var(--ms-ink); }
.ms-step-icon { width: 29px; height: 29px; border: 1px solid #dbe2ee; color: #8995a8; display: grid; place-items: center; border-radius: 9px; font-size: 12px; font-weight: 800; }
.ms-step-item.is-active .ms-step-icon { background: var(--ms-blue); color: #fff; border-color: var(--ms-blue); box-shadow: 0 4px 10px rgba(50, 103, 245, .25); }
.ms-step-item.is-completed .ms-step-icon { background: #e8f8f1; color: var(--ms-green); border-color: #c5eedc; }
.ms-step-item.is-blocked .ms-step-icon { background: #fff0f0; color: var(--ms-red); border-color: #ffd4d4; }
.ms-step-item strong, .ms-step-item small { display: block; }
.ms-step-item strong { font-size: 15px; font-weight: 700; }
.ms-step-item small { font-size: 12px; color: #96a2b4; margin-top: 1px; }
.ms-step-item em { font-style: normal; font-size: 12px; color: #a1abbb; align-self: center; }
.ms-step-item.is-active em { color: var(--ms-blue); font-weight: 700; }
.ms-sidebar-bottom { margin-top: auto; border-top: 1px solid var(--ms-line); padding: 18px 8px 0; display: grid; gap: 4px; }
.ms-sidebar-button { border: 0; background: transparent; text-align: left; color: var(--ms-muted); padding: 9px 7px; font-size: 14px; }
.ms-sidebar-button:hover { color: var(--ms-blue); }
.ms-main-content { flex: 1; min-width: 0; padding: 40px clamp(24px, 4vw, 62px) 100px; }
.ms-page { max-width: 1440px; margin: 0 auto; }
.ms-eyebrow { display: block; color: var(--ms-blue); font-weight: 800; letter-spacing: .13em; font-size: 12px; text-transform: uppercase; }
.ms-muted { color: var(--ms-muted); font-size: 14px; }
.ms-hero { min-height: 288px; background: radial-gradient(circle at 75% 25%, rgba(69, 120, 255, .25), transparent 30%), linear-gradient(120deg, #151d2c, #253f75); border-radius: 24px; color: #fff; padding: 46px 55px; display: flex; justify-content: space-between; align-items: center; overflow: hidden; position: relative; box-shadow: 0 22px 40px rgba(37, 64, 111, .19); }
.ms-hero:after { content: ""; position: absolute; width: 380px; height: 380px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; right: -100px; top: -160px; box-shadow: 0 0 0 35px rgba(255,255,255,.03), 0 0 0 80px rgba(255,255,255,.02); }
.ms-hero > div:first-child { max-width: 720px; position: relative; z-index: 2; }
.ms-hero h1 { margin: 10px 0 10px; font-size: clamp(28px, 3.5vw, 48px); letter-spacing: -.06em; line-height: 1.16; }
.ms-hero p { margin: 0; max-width: 650px; color: #bdcae0; font-size: 16px; }
.ms-hero .ms-eyebrow { color: #9ebcff; }
.ms-hero-actions { display: flex; gap: 10px; margin-top: 26px; }
.ms-hero-orb { width: 146px; height: 146px; border-radius: 50%; border: 1px solid rgba(255,255,255,.35); display: grid; place-items: center; align-content: center; position: relative; z-index: 2; margin-right: 80px; background: rgba(255,255,255,.06); box-shadow: 0 0 0 17px rgba(255,255,255,.04), inset 0 0 40px rgba(77, 151, 255, .28); }
.ms-hero-orb span { font-size: 56px; line-height: 1; font-weight: 800; letter-spacing: -.1em; }
.ms-hero-orb small { color: #adc2e9; font-size: 13px; text-align: center; margin-top: 5px; }
.ms-section-heading { display: flex; align-items: end; justify-content: space-between; margin: 40px 0 17px; }
.ms-section-heading h2, .ms-panel-heading h2 { margin: 2px 0 0; font-size: 21px; letter-spacing: -.04em; }
.ms-mode-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; }
.ms-mode-card { min-height: 214px; border: 1px solid var(--ms-line); background: rgba(255,255,255,.86); border-radius: var(--ms-radius); padding: 20px 18px; position: relative; display: flex; flex-direction: column; gap: 12px; cursor: pointer; transition: .2s ease; overflow: hidden; }
.ms-mode-card:after { content: ""; position: absolute; width: 85px; height: 85px; border-radius: 50%; background: var(--ms-blue-pale); right: -30px; top: -30px; opacity: .7; }
.ms-mode-card:hover { transform: translateY(-4px); border-color: #b9caff; box-shadow: var(--ms-shadow); }
.ms-mode-icon { width: 38px; height: 38px; border-radius: 12px; background: var(--ms-blue-pale); color: var(--ms-blue); display: grid; place-items: center; font-size: 20px; position: relative; z-index: 1; }
.ms-mode-card h3 { margin: 3px 0 2px; font-size: 16px; letter-spacing: -.03em; }
.ms-mode-card p { color: var(--ms-muted); font-size: 14px; line-height: 1.55; margin: 0; min-height: 38px; }
.ms-mode-tag { color: var(--ms-blue); font-size: 12px; font-weight: 800; }
.ms-mode-meta { border-top: 1px solid #edf0f5; padding-top: 11px; display: flex; gap: 8px; color: #8a95a5; font-size: 12px; margin-top: auto; flex-wrap: wrap; }
.ms-mode-meta span:not(:last-child):after { content: "·"; margin-left: 8px; color: #c3cad4; }
.ms-card-arrow { position: absolute; bottom: 18px; right: 17px; color: #a4afbf; }
.ms-home-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr); gap: 18px; margin-top: 34px; }
.ms-panel { background: rgba(255,255,255,.92); border: 1px solid var(--ms-line); border-radius: var(--ms-radius); box-shadow: 0 8px 25px rgba(31, 44, 68, .04); }
.ms-panel-heading { padding: 23px 25px 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid #edf0f4; }
.ms-panel-intro { color: var(--ms-muted); margin: 0; padding: 18px 25px 0; font-size: 15px; }
.ms-project-panel { min-height: 350px; }
.ms-project-list { padding: 16px; display: grid; gap: 10px; }
.ms-project-card { display: grid; grid-template-columns: 72px 1fr; gap: 15px; padding: 13px; border: 1px solid #edf0f4; border-radius: 14px; cursor: pointer; transition: .18s; background: #fff; }
.ms-project-card:hover { border-color: #c6d3f8; box-shadow: 0 8px 20px rgba(45, 75, 134, .08); }
.ms-project-cover { width: 72px; height: 72px; border-radius: 11px; background: linear-gradient(135deg, #293e6c, #63a3bd); display: grid; place-items: center; color: #fff; font-size: 26px; font-weight: 800; position: relative; overflow: hidden; }
.ms-project-cover i { position: absolute; width: 80px; height: 1px; background: rgba(255,255,255,.6); transform: rotate(-35deg); bottom: 14px; right: -15px; }
.ms-project-card-top { display: flex; align-items: start; justify-content: space-between; gap: 8px; }
.ms-project-mode { color: var(--ms-blue); text-transform: uppercase; font-size: 11px; letter-spacing: .08em; font-weight: 800; }
.ms-project-card h3 { margin: 2px 0 7px; font-size: 16px; }
.ms-project-card-foot { display: flex; justify-content: space-between; gap: 10px; align-items: center; color: #8b96a5; font-size: 12px; margin-top: 7px; }
.ms-project-card-foot b { color: var(--ms-blue); font-size: 13px; }
.ms-readiness-card { padding-bottom: 20px; }
.ms-ready-count { color: var(--ms-green); font-weight: 800; font-size: 18px; }
.ms-check-row { display: flex; gap: 11px; align-items: start; padding: 10px 25px; }
.ms-check-icon { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; flex: 0 0 20px; margin-top: 1px; }
.ms-check-icon.is-ready { color: var(--ms-green); background: #e7f8f0; }
.ms-check-icon.is-waiting { color: var(--ms-yellow); background: #fff7dd; }
.ms-check-row strong, .ms-check-row small { display: block; }
.ms-check-row strong { font-size: 14px; }
.ms-check-row small { font-size: 12px; color: var(--ms-muted); margin-top: 1px; }
.ms-full-button { width: calc(100% - 50px); margin: 15px 25px 0; justify-content: center; }
.ms-primary-button, .ms-secondary-button, .ms-text-button { border-radius: 10px; padding: 9px 15px; font-weight: 700; border: 1px solid transparent; transition: .18s; }
.ms-primary-button { color: #fff; background: var(--ms-blue); border-color: var(--ms-blue); box-shadow: 0 7px 14px rgba(50, 103, 245, .17); }
.ms-primary-button:hover { background: var(--ms-blue-dark); border-color: var(--ms-blue-dark); transform: translateY(-1px); }
.ms-secondary-button { color: var(--ms-ink-soft); background: #fff; border-color: #dbe2ec; }
.ms-secondary-button:hover { border-color: #9eb5f8; color: var(--ms-blue); background: #fafcff; }
.ms-text-button { color: var(--ms-blue); background: transparent; border: 0; padding: 4px 7px; font-size: 14px; }
.ms-text-button:hover { color: var(--ms-blue-dark); text-decoration: underline; }
.ms-progress-wrap { min-width: 120px; }
.ms-progress-line { height: 6px; border-radius: 10px; background: #ebeff5; overflow: hidden; }
.ms-progress-line span { height: 100%; display: block; background: linear-gradient(90deg, var(--ms-blue), #53afd1); border-radius: inherit; transition: width .35s ease; }
.ms-progress-caption { display: flex; justify-content: space-between; margin-top: 5px; color: var(--ms-muted); font-size: 12px; }
.ms-progress-caption strong { color: var(--ms-ink); }
.ms-status { display: inline-flex; gap: 5px; align-items: center; white-space: nowrap; font-size: 12px; color: var(--ms-muted); }
.ms-status i { width: 6px; height: 6px; border-radius: 50%; background: #aeb8c5; }
.ms-status-completed i, .ms-status-approved i { background: var(--ms-green); }.ms-status-processing i, .ms-status-current i { background: var(--ms-blue); }.ms-status-waiting-review i, .ms-status-needs-review i { background: var(--ms-yellow); }.ms-status-blocked i, .ms-status-failed i { background: var(--ms-red); }.ms-status-stale i { background: var(--ms-purple); }.ms-status-queued i { background: var(--ms-cyan); }
.ms-empty-state { min-height: 260px; display: grid; place-items: center; align-content: center; text-align: center; padding: 30px; color: var(--ms-muted); }
.ms-empty-state h3 { color: var(--ms-ink); margin: 6px 0; }.ms-empty-state p { max-width: 380px; margin: 0 0 16px; font-size: 14px; }.ms-empty-icon { color: var(--ms-blue); font-size: 28px; }.ms-empty-state.ms-small { min-height: 220px; }
.ms-content-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 28px; }
.ms-content-heading h1 { margin: 6px 0 5px; font-size: 34px; letter-spacing: -.06em; }.ms-content-heading p { margin: 0; color: var(--ms-muted); }.ms-heading-actions { display: flex; align-items: center; gap: 15px; }.ms-save-state { font-size: 13px; color: var(--ms-green); white-space: nowrap; }.ms-breadcrumb { color: var(--ms-blue); cursor: pointer; font-size: 13px; }.ms-breadcrumb-sep { color: #bbc3ce; margin: 0 8px; font-size: 13px; }.ms-breadcrumb-current { color: var(--ms-muted); font-size: 13px; display: inline-block; max-width: 250px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; }.ms-content-heading .ms-eyebrow { margin-top: 12px; }
.ms-stage-summary { display: grid; grid-template-columns: 220px minmax(200px, 1fr) minmax(240px, .8fr); gap: 25px; align-items: center; background: #fff; border: 1px solid var(--ms-line); border-radius: 15px; padding: 17px 22px; margin-bottom: 20px; }.ms-stage-summary > div:first-child span, .ms-stage-next span { display: block; color: var(--ms-muted); font-size: 12px; }.ms-stage-summary > div:first-child strong, .ms-stage-next strong { display: block; margin-top: 2px; font-size: 15px; }.ms-stage-summary > div:first-child small { color: var(--ms-blue); font-size: 13px; }.ms-stage-next { border-left: 1px solid var(--ms-line); padding-left: 24px; }.ms-stage-next strong { font-size: 14px; }
.ms-workspace-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 20px; align-items: start; }.ms-workspace-main { min-width: 0; }.ms-help-rail { display: grid; gap: 13px; position: sticky; top: 112px; }
.ms-step-panel { overflow: hidden; }.ms-form-grid { padding: 24px; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(235px, .8fr); gap: 24px; }.ms-form-main, .ms-form-side { display: grid; align-content: start; gap: 18px; }.ms-form-actions { grid-column: 1 / -1; border-top: 1px solid var(--ms-line); padding-top: 19px; display: flex; justify-content: end; }.ms-field { display: block; }.ms-field-label { display: flex; gap: 7px; align-items: baseline; font-weight: 800; color: var(--ms-ink-soft); font-size: 14px; margin-bottom: 7px; }.ms-field-label em { color: var(--ms-red); font-size: 12px; font-style: normal; font-weight: 600; }.ms-field input, .ms-field textarea, .ms-field select { width: 100%; border: 1px solid #dce3ed; border-radius: 10px; background: #fff; color: var(--ms-ink); padding: 10px 12px; outline: 0; transition: .18s; }.ms-field textarea { resize: vertical; min-height: 98px; }.ms-field input:focus, .ms-field textarea:focus, .ms-field select:focus { border-color: #7799f6; box-shadow: 0 0 0 3px rgba(50, 103, 245, .1); }.ms-field-example { display: block; background: #f7f9fc; border: 1px solid #edf1f6; color: #78869a; border-radius: 7px; padding: 7px 9px; font-size: 12px; line-height: 1.55; margin-top: 6px; }.ms-field-example b { color: #647287; margin-right: 5px; }
.ms-story-summary { display: grid; grid-template-columns: 1.4fr 1fr .7fr; gap: 15px; padding: 22px 25px; background: #fbfcfe; border-bottom: 1px solid var(--ms-line); }.ms-story-summary span { display: block; color: var(--ms-muted); font-size: 12px; }.ms-story-summary p { margin: 4px 0 0; font-size: 14px; color: var(--ms-ink-soft); }.ms-story-summary strong { display: block; margin-top: 4px; font-size: 14px; }.ms-list-heading { display: flex; justify-content: space-between; align-items: center; padding: 22px 25px 10px; }.ms-list-heading h3 { margin: 0; font-size: 15px; }.ms-list-heading span { color: var(--ms-muted); font-size: 13px; }.ms-scene-list { padding: 0 25px 15px; }.ms-scene-row { border-bottom: 1px solid #edf0f4; display: grid; grid-template-columns: 42px 1fr auto auto; gap: 14px; align-items: center; padding: 14px 0; }.ms-scene-number { color: var(--ms-blue); font-size: 15px; font-weight: 800; }.ms-scene-row strong { font-size: 15px; }.ms-scene-row p { margin: 2px 0 0; color: var(--ms-muted); font-size: 13px; }.ms-duration { color: var(--ms-muted); font-size: 13px; }.ms-panel-foot { padding: 17px 25px; display: flex; justify-content: space-between; align-items: center; gap: 15px; border-top: 1px solid var(--ms-line); color: var(--ms-muted); font-size: 13px; }.ms-panel-foot > :last-child { margin-left: auto; }
.ms-readonly-chip { background: #f0f3f8; border-radius: 20px; padding: 6px 11px; color: var(--ms-muted); font-size: 12px; }.ms-director-grid { padding: 25px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); gap: 25px; }.ms-chip-list { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 12px; }.ms-chip-list span { border: 1px solid #dbe3ef; color: var(--ms-muted); border-radius: 20px; padding: 4px 9px; font-size: 12px; }.ms-director-principles { background: #f8faff; border-radius: 13px; padding: 17px; }.ms-director-principles h3 { font-size: 15px; margin: 0 0 10px; }.ms-principle { display: grid; grid-template-columns: 45px 1fr; gap: 8px; border-top: 1px solid #e8edf6; padding: 10px 0; }.ms-principle b { color: var(--ms-blue); font-size: 13px; }.ms-principle span { color: var(--ms-muted); font-size: 13px; }
.ms-asset-grid { padding: 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }.ms-asset-card { border: 1px solid #e5eaf1; background: #fff; border-radius: 14px; overflow: hidden; }.ms-asset-thumb { height: 112px; background: linear-gradient(135deg, #1d2c43, #47718d); color: #fff; display: grid; place-items: center; position: relative; overflow: hidden; }.ms-asset-thumb:before, .ms-asset-thumb:after { content: ""; position: absolute; width: 150%; height: 1px; background: rgba(255,255,255,.22); transform: rotate(28deg); }.ms-asset-thumb:after { transform: rotate(-32deg); }.ms-asset-thumb span { font-size: 31px; font-weight: 800; opacity: .8; z-index: 1; }.ms-asset-info { padding: 14px; }.ms-asset-top { display: flex; justify-content: space-between; align-items: center; gap: 6px; }.ms-asset-type { color: var(--ms-blue); font-size: 11px; font-weight: 800; text-transform: uppercase; }.ms-asset-info h3 { margin: 7px 0 4px; font-size: 16px; }.ms-asset-info p { color: var(--ms-muted); font-size: 13px; line-height: 1.55; margin: 0; min-height: 38px; }.ms-asset-tags { display: flex; gap: 7px; margin-top: 10px; color: #98a3b2; font-size: 12px; }.ms-asset-actions { border-top: 1px solid #edf0f4; margin-top: 12px; padding-top: 9px; display: flex; justify-content: space-between; }.ms-asset-actions button { border: 0; background: transparent; color: var(--ms-blue); font-size: 12px; padding: 3px; }.ms-asset-actions button:hover { text-decoration: underline; }
.ms-shot-table { padding: 12px 25px 3px; overflow-x: auto; }.ms-shot-head, .ms-shot-row { min-width: 650px; display: grid; grid-template-columns: 1.1fr 1.8fr 1.25fr .7fr 1fr; gap: 15px; align-items: center; }.ms-shot-head { padding: 9px 0; color: #9aa5b4; font-size: 12px; border-bottom: 1px solid var(--ms-line); }.ms-shot-row { padding: 14px 0; border-bottom: 1px solid #edf0f4; font-size: 13px; }.ms-shot-row > strong { color: var(--ms-blue); font-size: 13px; }.ms-shot-row b, .ms-shot-row small { display: block; }.ms-shot-row b { font-size: 13px; }.ms-shot-row small { color: var(--ms-muted); margin-top: 2px; }.ms-shot-row > span { color: var(--ms-muted); }.ms-shot-note { margin: 20px 25px 25px; background: #f7f9fd; border-left: 3px solid var(--ms-blue); padding: 12px 15px; }.ms-shot-note span { color: var(--ms-blue); font-weight: 800; font-size: 12px; }.ms-shot-note p { margin: 3px 0 0; color: var(--ms-muted); font-size: 13px; }
.ms-storyboard-grid { padding: 24px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }.ms-storyboard-card { border: 1px solid #e5eaf1; border-radius: 13px; overflow: hidden; background: #fff; }.ms-storyboard-image { height: 104px; background: linear-gradient(145deg, #162031, #42566c); display: grid; place-items: center; color: #b9cee7; font-weight: 800; font-size: 12px; position: relative; }.ms-storyboard-image:before, .ms-storyboard-image:after { content: ""; position: absolute; width: 70%; height: 35%; border: 1px solid rgba(210,228,255,.4); transform: skew(-25deg); }.ms-storyboard-image:after { width: 18%; height: 55%; border-color: rgba(255,255,255,.3); }.ms-storyboard-image span { z-index: 1; }.ms-storyboard-card > div:last-child { padding: 11px; }.ms-storyboard-card strong { font-size: 13px; }.ms-storyboard-card p { color: var(--ms-muted); margin: 3px 0 7px; font-size: 12px; line-height: 1.5; }.ms-storyboard-card small { color: #9ba6b5; font-size: 11px; }.ms-gate-card { margin: 0 24px 24px; border: 1px solid #d9e5fb; background: #f6f9ff; border-radius: 13px; padding: 15px; display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 10px; }.ms-gate-card-warning { border-color: #f5e3b6; background: #fffaf0; }.ms-gate-icon { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; color: var(--ms-green); background: #e4f7ef; font-weight: 800; }.ms-gate-card-warning .ms-gate-icon { color: var(--ms-yellow); background: #fff0c3; }.ms-gate-card strong { font-size: 14px; }.ms-gate-card p { color: var(--ms-muted); font-size: 12px; margin: 2px 0 0; }
.ms-animatic-board { padding: 24px; display: grid; grid-template-columns: 1.3fr 1fr; gap: 18px; }.ms-animatic-screen { min-height: 220px; border-radius: 14px; background: #172234; color: #d9e8ff; display: grid; place-items: center; align-content: center; position: relative; overflow: hidden; }.ms-screen-grid { position: absolute; inset: 0; background: linear-gradient(120deg, transparent 49.8%, rgba(171,205,255,.14) 50%, transparent 50.2%), linear-gradient(30deg, transparent 49.8%, rgba(171,205,255,.1) 50%, transparent 50.2%); background-size: 60px 60px; }.ms-animatic-screen span, .ms-animatic-screen small { z-index: 1; }.ms-animatic-screen span { font-weight: 800; font-size: 16px; }.ms-animatic-screen small { color: #95aac8; font-size: 13px; }.ms-animatic-checks { border: 1px solid #e7ebf2; border-radius: 13px; padding: 8px 15px; display: grid; align-content: center; }.ms-check-item { display: grid; grid-template-columns: 30px 1fr; gap: 8px; padding: 13px 0; border-bottom: 1px solid #edf0f4; }.ms-check-item:last-child { border: 0; }.ms-check-item > span { color: var(--ms-blue); font-size: 13px; font-weight: 800; }.ms-check-item b, .ms-check-item small { display: block; }.ms-check-item b { font-size: 14px; }.ms-check-item small { color: var(--ms-muted); font-size: 12px; }.ms-step-panel > .ms-progress-wrap { margin: 0 24px 24px; }
.ms-production-banner { margin: 22px 25px 6px; padding: 14px 16px; border-radius: 12px; background: #f5f8ff; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: center; }.ms-production-banner strong, .ms-production-banner span { display: block; }.ms-production-banner strong { font-size: 15px; }.ms-production-banner span { color: var(--ms-muted); font-size: 13px; }.ms-clip-list { padding: 4px 25px 20px; }.ms-clip-row { display: grid; grid-template-columns: 52px minmax(0, 1fr) 65px 95px auto; gap: 12px; align-items: center; padding: 13px 0; border-bottom: 1px solid #edf0f4; }.ms-clip-no { color: var(--ms-blue); font-weight: 800; font-size: 13px; }.ms-clip-row strong, .ms-clip-row p { display: block; }.ms-clip-row strong { font-size: 14px; }.ms-clip-row p { color: var(--ms-muted); font-size: 12px; margin: 2px 0 0; }.ms-clip-row > span { color: var(--ms-muted); font-size: 12px; }.ms-muted { color: var(--ms-muted); }.ms-two-column-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0 25px 25px; }.ms-note-card { background: #fafbfd; border: 1px solid #edf0f4; padding: 13px; border-radius: 11px; }.ms-note-card b { font-size: 13px; color: var(--ms-blue); }.ms-note-card p { margin: 3px 0 0; color: var(--ms-muted); font-size: 12px; }
.ms-delivery-grid { padding: 25px; display: grid; grid-template-columns: 1.45fr .75fr; gap: 25px; align-items: center; }.ms-timeline-preview { border: 1px solid #e3e8f0; border-radius: 14px; padding: 19px; background: #fbfcfe; }.ms-timeline-ruler { display: flex; justify-content: space-between; color: #9da8b6; font-size: 11px; }.ms-timeline-track { margin: 18px 0 12px; height: 80px; border-radius: 9px; background: repeating-linear-gradient(90deg, #eef1f5 0, #eef1f5 1px, transparent 1px, transparent 12.5%); position: relative; }.ms-timeline-track i { display: block; position: absolute; height: 16px; left: 0; border-radius: 4px; }.ms-track-video { top: 10px; background: #6a8df4; }.ms-track-audio { top: 32px; background: #44c4af; }.ms-track-caption { top: 54px; background: #f0b747; }.ms-timeline-label { color: var(--ms-muted); font-size: 13px; }.ms-qc-list { display: grid; gap: 11px; }.ms-qc-list div { display: flex; align-items: center; gap: 8px; font-size: 13px; }.ms-qc-list span { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; }.ms-qc-list .is-done { color: var(--ms-green); background: #e7f8ef; }.ms-qc-list .is-wait { color: var(--ms-yellow); background: #fff7df; }.ms-delivery-status { margin: 0 25px 25px; padding: 15px; border: 1px solid #e4e9f0; border-radius: 13px; display: grid; grid-template-columns: 15px 1fr auto; gap: 10px; align-items: center; }.ms-status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--ms-yellow); }.ms-delivery-status strong { font-size: 14px; }.ms-delivery-status p { margin: 2px 0 0; color: var(--ms-muted); font-size: 12px; }
.ms-help-box, .ms-live-info { background: #fff; border: 1px solid var(--ms-line); border-radius: 14px; padding: 17px; }.ms-help-box h3 { margin: 7px 0 6px; font-size: 16px; }.ms-help-box p { margin: 0; color: var(--ms-muted); font-size: 13px; line-height: 1.7; }.ms-help-box hr { border: 0; border-top: 1px solid var(--ms-line); margin: 14px 0; }.ms-live-info > .ms-eyebrow { margin-bottom: 7px; }.ms-live-info > div { display: flex; justify-content: space-between; border-top: 1px solid #edf0f4; padding: 9px 0 0; margin-top: 9px; font-size: 13px; }.ms-live-info span { color: var(--ms-muted); }.ms-live-info strong { font-size: 14px; }.ms-gem-link { background: #f0f3ff; color: var(--ms-blue); border: 0; border-radius: 11px; padding: 11px 13px; text-align: left; font-size: 13px; }.ms-gem-link:hover { background: #e5ebff; }.ms-bottom-bar { position: fixed; bottom: 0; left: 248px; right: 0; min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 32px; background: rgba(255,255,255,.95); border-top: 1px solid var(--ms-line); backdrop-filter: blur(12px); z-index: 20; }.ms-bottom-status { display: flex; gap: 15px; align-items: center; color: var(--ms-muted); font-size: 13px; }
.ms-settings-layout, .ms-readiness-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 18px; }.ms-connection-row { display: grid; grid-template-columns: 42px 1fr auto auto; gap: 12px; align-items: center; padding: 16px 25px; border-bottom: 1px solid #edf0f4; }.ms-connection-logo { width: 35px; height: 35px; display: grid; place-items: center; background: #e9efff; color: var(--ms-blue); border-radius: 10px; font-weight: 800; }.ms-connection-row strong, .ms-connection-row small { display: block; }.ms-connection-row strong { font-size: 14px; }.ms-connection-row small { color: var(--ms-muted); font-size: 12px; }.ms-connection-state { text-align: right; }.ms-connection-state small { margin-top: 2px; }.ms-capability-list { padding: 12px 25px 20px; }.ms-capability { display: flex; gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid #edf0f4; }.ms-capability-icon { width: 22px; height: 22px; border-radius: 7px; display: grid; place-items: center; color: #9aa6b6; background: #f1f3f6; }.ms-capability-icon.is-ready { color: var(--ms-green); background: #e9f8f1; }.ms-capability strong, .ms-capability small { display: block; }.ms-capability strong { font-size: 14px; }.ms-capability small { color: var(--ms-muted); font-size: 12px; }.ms-system-note { margin: 0 25px 25px; padding: 13px; border-radius: 11px; background: #f5f8ff; }.ms-system-note b { color: var(--ms-blue); font-size: 13px; }.ms-system-note p { color: var(--ms-muted); font-size: 12px; margin: 3px 0 0; }.ms-modal-backdrop { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; background: rgba(14, 21, 34, .62); padding: 25px; overflow: auto; }.ms-modal { width: min(510px, 100%); max-height: calc(100vh - 50px); overflow: auto; background: #fff; border-radius: 20px; padding: 27px; position: relative; box-shadow: 0 25px 80px rgba(0,0,0,.25); }.ms-modal-wide { width: min(740px, 100%); }.ms-modal-close { position: absolute; right: 17px; top: 15px; border: 0; background: transparent; color: #8c98a8; font-size: 24px; }.ms-modal h2 { margin: 6px 0; font-size: 24px; letter-spacing: -.05em; }.ms-modal-intro { color: var(--ms-muted); font-size: 14px; margin: 0 0 20px; }.ms-modal form { display: grid; gap: 15px; }.ms-modal-actions { display: flex; justify-content: flex-end; gap: 9px; padding-top: 8px; }.ms-wizard-stepper { display: flex; align-items: center; gap: 9px; margin-bottom: 25px; color: #a3adbb; font-size: 12px; }.ms-wizard-stepper i { height: 1px; background: #dfe5ed; flex: 1; }.ms-wizard-stepper span.is-active { color: var(--ms-blue); font-weight: 800; }.ms-wizard-stepper span.is-done { color: var(--ms-green); }.ms-modal-mode-grid { grid-template-columns: repeat(2, 1fr); margin-top: 18px; }.ms-modal-mode-grid .ms-mode-card { min-height: 160px; }.ms-confirm-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 21px 0; }.ms-confirm-grid > div { padding: 12px; background: #f7f9fc; border-radius: 10px; }.ms-confirm-grid span, .ms-confirm-grid strong { display: block; }.ms-confirm-grid span { color: var(--ms-muted); font-size: 12px; }.ms-confirm-grid strong { margin-top: 3px; font-size: 14px; word-break: break-word; }.ms-capability-chips { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 15px; }.ms-capability-chips b { font-size: 13px; margin-right: 3px; }.ms-capability-chips span { border: 1px solid #dbe3f1; background: #f8faff; color: var(--ms-blue); padding: 5px 8px; border-radius: 20px; font-size: 12px; }.ms-default-note { background: #f3faf6; border: 1px solid #d6f0e1; border-radius: 11px; padding: 13px; }.ms-default-note b { color: var(--ms-green); font-size: 13px; }.ms-default-note p { color: var(--ms-muted); font-size: 12px; margin: 3px 0 0; }
.ms-gem-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }.ms-gem-card { background: #fff; border: 1px solid var(--ms-line); border-radius: 15px; padding: 18px; min-height: 205px; display: flex; flex-direction: column; }.ms-gem-card-top { display: flex; justify-content: space-between; align-items: center; }.ms-gem-number { color: var(--ms-blue); font-size: 19px; }.ms-gem-card h3 { margin: 15px 0 3px; font-size: 15px; }.ms-gem-category { color: var(--ms-blue); font-size: 12px; }.ms-gem-card p { color: var(--ms-muted); font-size: 13px; line-height: 1.65; margin: 10px 0; }.ms-gem-foot { margin-top: auto; padding-top: 11px; border-top: 1px solid #edf0f4; display: flex; justify-content: space-between; align-items: center; color: var(--ms-muted); font-size: 12px; }.ms-demo-list { border: 1px solid #e7ebf1; border-radius: 12px; overflow: hidden; }.ms-demo-row { display: grid; grid-template-columns: 1fr 70px auto; gap: 10px; align-items: center; padding: 13px 15px; border-bottom: 1px solid #edf0f4; }.ms-demo-row:last-child { border: 0; }.ms-demo-row strong, .ms-demo-row small { display: block; }.ms-demo-row strong { font-size: 14px; }.ms-demo-row small { color: var(--ms-muted); font-size: 12px; margin-top: 2px; }.ms-demo-row > span { color: var(--ms-blue); font-size: 11px; text-transform: uppercase; }
.ms-readiness-row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 11px; padding: 15px 25px; border-bottom: 1px solid #edf0f4; }.ms-readiness-number { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; color: var(--ms-yellow); background: #fff5d8; font-weight: 800; }.ms-readiness-number.is-ready { color: var(--ms-green); background: #e7f8f0; }.ms-readiness-row strong, .ms-readiness-row p { display: block; }.ms-readiness-row strong { font-size: 14px; }.ms-readiness-row p { margin: 2px 0 0; color: var(--ms-muted); font-size: 12px; }.ms-readiness-row > span:last-child { color: var(--ms-muted); font-size: 12px; }
.ms-toast { position: fixed; z-index: 100; right: 22px; bottom: 84px; max-width: 360px; background: #172234; color: #fff; border-radius: 11px; box-shadow: 0 16px 32px rgba(20,29,45,.2); padding: 12px 15px; font-size: 14px; }.ms-toast-success { background: #173c2f; }.ms-toast-error { background: #4c2226; }.ms-toast-warning { background: #4d3a17; }.ms-loading-screen { min-height: 100vh; display: grid; place-items: center; align-content: center; gap: 15px; color: var(--ms-muted); background: #f7f8fa; }.ms-orbit { width: 34px; height: 34px; border: 3px solid #dbe4f8; border-top-color: var(--ms-blue); border-radius: 50%; animation: ms-spin 1s linear infinite; }.ms-loading-screen p { margin: 0; font-size: 14px; } @keyframes ms-spin { to { transform: rotate(360deg); } }
.ms-inline-empty { padding: 30px; text-align: center; color: var(--ms-muted); font-size: 14px; border: 1px dashed #dce3ed; border-radius: 11px; grid-column: 1 / -1; }
.ms-checkbox-field .ms-field-label { align-items: center; }.ms-checkbox-field .ms-field-label input { width: auto; padding: 0; margin: 0 2px 0 0; accent-color: var(--ms-blue); }.ms-checkbox-field .ms-field-example { margin-top: 0; }.ms-take-controls { align-items: flex-start; flex-wrap: wrap; }.ms-take-controls > div { display: flex; gap: 8px; flex-wrap: wrap; margin-left: auto; }
@media (max-width: 1180px) {
    .ms-mode-grid { grid-template-columns: repeat(3, 1fr); }.ms-mode-card { min-height: 190px; }.ms-hero-orb { margin-right: 15px; }.ms-workspace-grid { grid-template-columns: minmax(0, 1fr) 240px; }.ms-gem-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 900px) {
    .ms-topbar { padding: 0 18px; gap: 16px; }.ms-brand { min-width: auto; }.ms-brand small, .ms-topbar-note, .ms-project-mini b { display: none; }.ms-project-mini { font-size: 14px; }.ms-project-progress-strip { padding: 10px 18px; grid-template-columns: 180px 1fr; }.ms-eta { display: none; }.ms-step-sidebar { width: 92px; flex-basis: 92px; padding: 20px 8px; }.ms-sidebar-heading { padding: 0 2px 12px; justify-content: center; }.ms-sidebar-heading span { font-size: 11px; writing-mode: vertical-rl; }.ms-sidebar-heading b, .ms-step-item span:not(.ms-step-icon), .ms-step-item em, .ms-sidebar-bottom { display: none; }.ms-step-item { display: grid; place-items: center; min-height: 51px; padding: 7px; }.ms-step-icon { width: 34px; height: 34px; }.ms-main-content { padding: 28px 22px 100px; }.ms-bottom-bar { left: 92px; padding: 10px 18px; }.ms-help-rail { position: static; }.ms-workspace-grid { grid-template-columns: 1fr; }.ms-content-heading { align-items: start; }.ms-stage-summary { grid-template-columns: 1fr 1fr; }.ms-stage-next { border-left: 0; border-top: 1px solid var(--ms-line); padding: 12px 0 0; grid-column: 1 / -1; }.ms-settings-layout, .ms-readiness-layout { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .ms-topbar { height: 62px; }.ms-brand-mark { width: 30px; height: 30px; }.ms-brand strong { font-size: 12px; }.ms-icon-button { width: 30px; height: 30px; }.ms-user-chip { max-width: 80px; overflow: hidden; text-overflow: ellipsis; }.ms-project-progress-strip { min-height: 61px; grid-template-columns: 1fr; gap: 3px; }.ms-project-progress-strip > div:first-child { justify-content: space-between; }.ms-main-layout { min-height: calc(100vh - 123px); }.ms-step-sidebar { width: 58px; flex-basis: 58px; }.ms-step-item { min-height: 46px; }.ms-step-icon { width: 30px; height: 30px; font-size: 11px; }.ms-main-content { padding: 22px 12px 100px; }.ms-hero { min-height: 370px; padding: 28px 24px; align-items: start; }.ms-hero h1 { font-size: 31px; }.ms-hero-orb { position: absolute; right: 20px; bottom: 20px; width: 92px; height: 92px; margin: 0; }.ms-hero-orb span { font-size: 35px; }.ms-section-heading { display: block; margin-top: 29px; }.ms-section-heading .ms-muted { display: block; margin-top: 7px; }.ms-mode-grid { grid-template-columns: 1fr; }.ms-mode-card { min-height: 150px; }.ms-home-grid { grid-template-columns: 1fr; }.ms-content-heading { display: block; }.ms-content-heading h1 { font-size: 28px; }.ms-heading-actions { margin-top: 15px; justify-content: space-between; }.ms-stage-summary { grid-template-columns: 1fr; gap: 12px; }.ms-stage-next { grid-column: auto; }.ms-form-grid, .ms.director-grid, .ms-director-grid { grid-template-columns: 1fr; padding: 18px; }.ms-story-summary { grid-template-columns: 1fr; padding: 17px; }.ms-scene-list, .ms-shot-table, .ms-clip-list { padding-left: 17px; padding-right: 17px; }.ms-panel-heading { padding: 18px; align-items: start; }.ms-panel-heading h2 { font-size: 17px; }.ms-panel-foot { padding: 15px 18px; display: block; }.ms-panel-foot > :last-child { display: block; margin: 10px 0 0; }.ms-asset-grid, .ms.storyboard-grid, .ms-storyboard-grid { grid-template-columns: 1fr 1fr; padding: 18px; }.ms-animatic-board, .ms-delivery-grid { grid-template-columns: 1fr; padding: 18px; }.ms-gate-card, .ms-delivery-status { margin-left: 18px; margin-right: 18px; grid-template-columns: 28px 1fr; }.ms-gate-card button, .ms-delivery-status button { grid-column: 2; justify-self: start; }.ms-production-banner { margin-left: 18px; margin-right: 18px; grid-template-columns: 1fr; }.ms-two-column-notes { grid-template-columns: 1fr; padding: 0 18px 18px; }.ms-clip-row { min-width: 520px; }.ms-connection-row { grid-template-columns: 35px 1fr auto; padding: 14px 18px; }.ms-connection-row > button { grid-column: 2 / -1; justify-self: start; }.ms-connection-state { text-align: left; }.ms-gem-grid { grid-template-columns: 1fr; }.ms-modal { padding: 21px; }.ms-modal-mode-grid { grid-template-columns: 1fr; }.ms-confirm-grid { grid-template-columns: 1fr 1fr; }.ms-demo-row { grid-template-columns: 1fr auto; }.ms-demo-row > span { display: none; }.ms-bottom-bar { left: 58px; padding: 9px 12px; gap: 7px; }.ms-bottom-status span { display: none; }.ms-bottom-bar .ms-primary-button, .ms-bottom-bar .ms-secondary-button { padding: 8px 10px; font-size: 13px; }
}
.ms-route-row { grid-template-columns: 42px minmax(170px, 1.25fr) repeat(3, minmax(120px, .8fr)); }.ms-route-row input, .ms-route-row select { width: 100%; min-width: 0; border: 1px solid #dce3ed; border-radius: 8px; padding: 9px; color: var(--ms-ink); background: #fff; font-size: 13px; }
@media (max-width: 760px) { .ms-route-row { grid-template-columns: 35px 1fr; }.ms-route-row > select, .ms-route-row > input { grid-column: 2; } }
.ms-connection-card { border-bottom: 1px solid #edf0f4; }.ms-connection-card .ms-connection-row { border-bottom: 0; }.ms-connection-actions { display: flex; align-items: center; gap: 10px; }.ms-connection-actions button[disabled] { opacity: .55; cursor: wait; }.ms-connection-test-result { margin: 0 25px 16px 79px; padding: 12px 14px; display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 18px; border: 1px solid #dce6fb; border-radius: 11px; background: #f7f9ff; }.ms-connection-test-result > div > strong, .ms-connection-test-result > div > span { display: block; }.ms-connection-test-result > div > strong { color: var(--ms-blue); font-size: 13px; }.ms-connection-test-result > div > span { margin-top: 3px; color: var(--ms-muted); font-size: 12px; line-height: 1.5; }.ms-connection-test-result dl { margin: 0; display: flex; align-items: center; gap: 18px; }.ms-connection-test-result dl div { min-width: 68px; }.ms-connection-test-result dt { color: #9aa6b6; font-size: 11px; }.ms-connection-test-result dd { margin: 2px 0 0; color: var(--ms-ink-soft); font-size: 12px; font-weight: 700; }.ms-connection-test-result.is-pass, .ms-connection-test-result.is-pass_template { border-color: #ccebdc; background: #f2fbf6; }.ms-connection-test-result.is-pass > div > strong, .ms-connection-test-result.is-pass_template > div > strong { color: var(--ms-green); }.ms-connection-test-result.is-failed { border-color: #f0cfd2; background: #fff6f7; }.ms-connection-test-result.is-failed > div > strong { color: var(--ms-red); }.ms-connection-test-result.is-rate_limited { border-color: #f1dfad; background: #fffaf0; }.ms-connection-test-result.is-rate_limited > div > strong { color: var(--ms-yellow); }.ms-connection-test-result.is-empty { border-style: dashed; background: #fafbfd; }
@media (max-width: 760px) { .ms-connection-card .ms-connection-row { grid-template-columns: 35px 1fr; }.ms-connection-card .ms-connection-state, .ms-connection-card .ms-connection-actions { grid-column: 2; justify-content: flex-start; text-align: left; }.ms-connection-test-result { margin: 0 18px 14px; grid-template-columns: 1fr; }.ms-connection-test-result dl { flex-wrap: wrap; gap: 10px 18px; } }
.ms-provider-confirm { padding: 12px 14px; border: 1px solid #d9e5fb; border-radius: 11px; background: #f5f8ff; }.ms-provider-confirm strong, .ms-provider-confirm span { display: block; }.ms-provider-confirm strong { color: var(--ms-blue); font-size: 13px; }.ms-provider-confirm span { margin-top: 3px; color: var(--ms-muted); font-size: 12px; line-height: 1.55; }.ms-modal-intro a { color: var(--ms-blue); font-weight: 700; text-decoration: none; }.ms-modal-intro a:hover { text-decoration: underline; }

/* Workbench-local AJAX sign-in */
.muse-studio-workbench.ms-auth-locked { min-height: 720px; overflow: hidden; background: #eef2f8; }
.ms-auth-stage { position: relative; min-height: 720px; isolation: isolate; overflow: hidden; background: #edf2f8; }
.ms-auth-preview { position: absolute; inset: 0; transform: scale(1.035); filter: blur(8px); opacity: .68; background: linear-gradient(145deg, #f8fafc, #e9eef7); }
.ms-auth-preview-bar { height: 72px; padding: 0 32px; display: flex; align-items: center; gap: 12px; background: #131a27; }.ms-auth-preview-bar span { width: 145px; height: 17px; margin-right: auto; border-radius: 6px; background: #35435a; }.ms-auth-preview-bar i { width: 34px; height: 34px; border-radius: 10px; background: #273349; }
.ms-auth-preview-body { min-height: 648px; display: grid; grid-template-columns: 220px 1fr; }.ms-auth-preview-body aside { padding: 34px 20px; display: grid; align-content: start; gap: 16px; background: #fff; }.ms-auth-preview-body aside b { height: 38px; border-radius: 10px; background: #e9eef6; }.ms-auth-preview-body main { padding: 46px; }.ms-auth-preview-hero { height: 250px; border-radius: 24px; background: linear-gradient(135deg, #17243a, #244e93); }.ms-auth-preview-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 22px; }.ms-auth-preview-cards i { height: 160px; border-radius: 18px; background: #fff; box-shadow: 0 15px 35px rgba(34, 47, 68, .08); }
.ms-auth-backdrop { position: absolute; inset: 0; z-index: 10; display: grid; place-items: center; padding: 34px; background: rgba(13, 21, 34, .58); backdrop-filter: blur(10px) saturate(.82); }
.ms-auth-dialog { width: min(860px, 100%); min-height: 520px; display: grid; grid-template-columns: 1.03fr .97fr; overflow: hidden; border: 1px solid rgba(255,255,255,.42); border-radius: 30px; background: #fff; box-shadow: 0 36px 100px rgba(7, 17, 34, .38); transform: translateY(0); opacity: 1; transition: transform .26s ease, opacity .26s ease; }
.ms-auth-dialog.is-success { transform: translateY(-12px) scale(.985); opacity: 0; }
.ms-auth-art { position: relative; min-height: 520px; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 14%, rgba(77,132,255,.55), transparent 28%), radial-gradient(circle at 15% 90%, rgba(27,201,210,.24), transparent 28%), linear-gradient(150deg, #101827 0%, #172842 58%, #10223a 100%); }
.ms-auth-art:before { content: ""; position: absolute; inset: 0; opacity: .25; background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to bottom, #000, transparent 90%); }
.ms-auth-brand-mark { position: relative; z-index: 2; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 15px; background: linear-gradient(135deg, #6692ff, #1cc0ce); box-shadow: 0 14px 34px rgba(35,103,245,.42); font-size: 18px; font-weight: 900; }
.ms-auth-art > div:not(.ms-auth-orbit) { position: relative; z-index: 2; max-width: 330px; }.ms-auth-art small { display: block; margin-bottom: 16px; color: #8fb1ff; font-size: 12px; font-weight: 800; letter-spacing: .18em; }.ms-auth-art strong { display: block; font-size: clamp(27px, 3vw, 39px); line-height: 1.18; letter-spacing: -.055em; }.ms-auth-art p { margin: 18px 0 0; color: #aebdd1; font-size: 14px; line-height: 1.8; }
.ms-auth-orbit { position: absolute; width: 310px; height: 310px; right: -126px; bottom: -125px; border: 1px solid rgba(124,162,245,.25); border-radius: 50%; box-shadow: 0 0 0 42px rgba(88,131,226,.045), 0 0 0 95px rgba(88,131,226,.025); }.ms-auth-orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #76a0ff; box-shadow: 0 0 18px #76a0ff; }.ms-auth-orbit i:nth-child(1) { left: 30px; top: 58px; }.ms-auth-orbit i:nth-child(2) { right: 48px; top: 36px; background: #39d2dc; }.ms-auth-orbit i:nth-child(3) { left: 76px; bottom: 25px; width: 4px; height: 4px; }
.ms-auth-form-side { padding: 54px 50px 42px; display: flex; flex-direction: column; justify-content: center; color: var(--ms-ink); background: linear-gradient(180deg, #fff, #fbfcff); }.ms-auth-form-side .ms-eyebrow { color: var(--ms-blue); }.ms-auth-form-side h2 { margin: 9px 0 7px; font-size: 34px; letter-spacing: -.06em; }.ms-auth-form-side > p { margin: 0 0 25px; color: var(--ms-muted); font-size: 14px; }
.ms-auth-form { display: grid; gap: 16px; }.ms-auth-form > label > span { display: block; margin-bottom: 7px; color: var(--ms-ink-soft); font-size: 13px; font-weight: 800; }.ms-auth-input { height: 49px; display: flex; align-items: center; border: 1px solid #d8e0eb; border-radius: 12px; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }.ms-auth-input:focus-within { border-color: #83a1fa; box-shadow: 0 0 0 4px rgba(50,103,245,.09); }.ms-auth-input > i { width: 40px; color: #8da0b8; font-size: 10px; font-style: normal; text-align: center; }.ms-auth-input input { min-width: 0; height: 47px; flex: 1; padding: 0 8px 0 0; border: 0!important; outline: 0!important; box-shadow: none!important; background: transparent!important; color: var(--ms-ink); font-size: 15px; }.ms-auth-input input::placeholder { color: #a8b2c0; }.ms-auth-input button { height: 32px; margin-right: 8px; padding: 0 8px; border: 0; background: transparent; color: #72839a; font-size: 12px; font-weight: 700; }
.ms-auth-remember { display: flex!important; align-items: center; gap: 8px; width: max-content; color: var(--ms-muted); cursor: pointer; }.ms-auth-remember input { width: 15px; height: 15px; margin: 0; accent-color: var(--ms-blue); }.ms-auth-remember span { display: inline!important; margin: 0!important; color: var(--ms-muted)!important; font-size: 12px!important; font-weight: 500!important; }
.ms-auth-submit { position: relative; height: 50px; margin-top: 2px; padding: 0 17px; display: flex; align-items: center; justify-content: space-between; border: 0; border-radius: 12px; color: #fff; background: linear-gradient(100deg, #2859e4, #467af9 64%, #2daec2); box-shadow: 0 13px 26px rgba(46,96,230,.25); font-size: 14px; font-weight: 800; transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease; }.ms-auth-submit:hover { transform: translateY(-1px); box-shadow: 0 16px 32px rgba(46,96,230,.32); }.ms-auth-submit:disabled { cursor: wait; opacity: .8; transform: none; }.ms-auth-spinner { display: none; width: 17px; height: 17px; border: 2px solid rgba(255,255,255,.36); border-top-color: #fff; border-radius: 50%; animation: ms-spin .75s linear infinite; }.ms-auth-form.is-submitting .ms-auth-submit b { display: none; }.ms-auth-form.is-submitting .ms-auth-spinner { display: block; }
.ms-auth-alert { margin: -8px 0 14px; padding: 10px 12px; border: 1px solid #efcdd1; border-radius: 10px; background: #fff5f6; color: #b4404a; font-size: 12px; line-height: 1.55; }.ms-auth-alert.is-shaking { animation: ms-auth-shake .28s ease; }.ms-auth-footnote { display: block; margin-top: 18px; color: #96a2b1; font-size: 11px; line-height: 1.6; } @keyframes ms-auth-shake { 0%,100% { transform: translateX(0); } 33% { transform: translateX(-5px); } 66% { transform: translateX(5px); } }
.ms-logout-link { text-decoration: none; }.ms-logout-link:hover { color: #fff; }

/* Settings members */
.ms-members-panel { margin-bottom: 18px; overflow: hidden; }.ms-member-note { padding: 13px 25px; border-bottom: 1px solid #edf0f4; background: #f7f9fd; color: var(--ms-muted); font-size: 13px; }.ms-member-list { display: grid; }.ms-member-row { min-height: 72px; padding: 13px 25px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 13px; border-bottom: 1px solid #edf0f4; }.ms-member-row:last-child { border-bottom: 0; }.ms-member-avatar { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(135deg, #edf2ff, #e4f8fa); color: var(--ms-blue); font-weight: 900; }.ms-member-row strong, .ms-member-row small { display: block; }.ms-member-row strong { font-size: 15px; }.ms-member-row small { margin-top: 2px; color: var(--ms-muted); font-size: 12px; }.ms-member-actions { display: flex; gap: 8px; }.ms-danger-button { padding: 9px 13px; border: 1px solid #efcfd2; border-radius: 10px; background: #fff7f8; color: var(--ms-red); font-weight: 700; }.ms-danger-button:hover { border-color: #e5a8ad; background: #fff0f1; }

/* Editable prompt templates and connection CRUD */
.ms-text-button.is-danger { color: var(--ms-red); }
.ms-text-button.is-danger:hover { color: #a92d39; }
.ms-connection-test-result.is-pass_adapter { border-color: #ccebdc; background: #f2fbf6; }
.ms-connection-test-result.is-pass_adapter > div > strong { color: var(--ms-green); }
.ms-template-heading { margin-top: 6px; border-top: 1px solid var(--ms-line); }
.ms-template-heading p { margin: 4px 0 0; color: var(--ms-muted); font-size: 12px; font-weight: 500; }
.ms-prompt-template-list { padding: 0 24px 24px; display: grid; gap: 10px; }
.ms-prompt-template-row { display: grid; grid-template-columns: 72px minmax(150px, .55fr) minmax(260px, 1.45fr) auto; gap: 12px; align-items: end; padding: 14px; border: 1px solid #e2e8f1; border-radius: 13px; background: #fbfcfe; }
.ms-prompt-template-row .ms-field-label { margin-bottom: 5px; font-size: 12px; }
.ms-prompt-template-row .ms-field input, .ms-prompt-template-row .ms-field textarea { background: #fff; }
.ms-prompt-template-row .ms-field textarea { min-height: 72px; line-height: 1.65; }
.ms-prompt-template-order { height: 72px; display: grid; grid-template-columns: 1fr 24px; grid-template-rows: 1fr 1fr; gap: 4px; }
.ms-prompt-template-order b { grid-row: 1 / 3; display: grid; place-items: center; border-radius: 9px; background: #edf2ff; color: var(--ms-blue); font-size: 13px; }
.ms-prompt-template-order button { padding: 0; border: 1px solid #d9e1ec; border-radius: 6px; background: #fff; color: #6f7f94; font-weight: 800; }
.ms-prompt-template-order button:disabled { opacity: .35; cursor: default; }
.ms-prompt-template-row > .ms-danger-button { height: 40px; }
@media (max-width: 980px) { .ms-prompt-template-row { grid-template-columns: 60px 1fr auto; }.ms-prompt-template-row .ms-template-content { grid-column: 2 / 4; }.ms-prompt-template-row > .ms-danger-button { grid-column: 3; grid-row: 1; } }
@media (max-width: 620px) { .ms-prompt-template-list { padding: 0 18px 18px; }.ms-prompt-template-row { grid-template-columns: 52px 1fr; align-items: start; }.ms-prompt-template-row .ms-template-content, .ms-prompt-template-row > .ms-danger-button { grid-column: 2; grid-row: auto; }.ms-prompt-template-order { grid-row: 1 / 4; } }
.ms-production-settings { overflow: visible; }
.ms-settings-feature { margin: 0 24px 24px; padding: 20px; display: grid; grid-template-columns: minmax(260px, 1fr) minmax(320px, 1fr); gap: 24px; align-items: center; border: 1px solid #dce5f3; border-radius: 14px; background: linear-gradient(135deg, #f7faff 0%, #eef4ff 100%); }
.ms-settings-feature h2 { margin: 5px 0 5px; font-size: 19px; }
.ms-settings-feature p { margin: 0; color: var(--ms-muted); font-size: 13px; line-height: 1.65; }
.ms-settings-field-stack{display:grid;gap:14px}.ms-unified-defaults>.ms-settings-library{margin:0 24px 24px;border:1px solid #dce5f3;border-radius:14px;overflow:hidden}.ms-unified-defaults>.ms-settings-library .ms-panel-heading{margin:0;padding:20px}.ms-unified-defaults>.ms-settings-library .ms-prompt-template-list{padding:0 20px 20px}
.ms-settings-library + .ms-settings-library { border-top: 1px solid var(--ms-line); }
.ms-prompt-template-row.is-optimizer { grid-template-columns: 72px minmax(150px, .48fr) minmax(190px, .65fr) minmax(320px, 1.35fr) auto; align-items: end; }
.ms-prompt-template-row.is-optimizer [data-item-gem] { min-height: 180px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; }
.ms-settings-savebar { margin: 4px 24px 24px; padding: 15px 18px; display: flex; justify-content: space-between; align-items: center; gap: 18px; border-radius: 12px; background: #111827; color: #d7dfec; font-size: 13px; }
@media (max-width: 1100px) { .ms-prompt-template-row.is-optimizer { grid-template-columns: 60px 1fr auto; }.ms-prompt-template-row.is-optimizer .ms-field { grid-column: 2 / 4; }.ms-prompt-template-row.is-optimizer > .ms-danger-button { grid-column: 3; grid-row: 1; } }
@media (max-width: 760px) { .ms-settings-feature { grid-template-columns: 1fr; margin: 0 18px 18px; }.ms-settings-savebar { margin: 4px 18px 18px; align-items: stretch; flex-direction: column; }.ms-prompt-template-row.is-optimizer { grid-template-columns: 52px 1fr; }.ms-prompt-template-row.is-optimizer .ms-field, .ms-prompt-template-row.is-optimizer > .ms-danger-button { grid-column: 2; grid-row: auto; } }
@media (max-width: 800px) { .ms-auth-backdrop { padding: 24px; }.ms-auth-dialog { width: min(470px, 100%); min-height: auto; grid-template-columns: 1fr; }.ms-auth-art { min-height: 190px; padding: 28px; }.ms-auth-art > div:not(.ms-auth-orbit) { max-width: 310px; }.ms-auth-art strong { font-size: 25px; }.ms-auth-art p { display: none; }.ms-auth-brand-mark { width: 40px; height: 40px; }.ms-auth-form-side { padding: 34px; }.ms-auth-form-side h2 { font-size: 29px; } }
@media (max-width: 620px) { .muse-studio-workbench.ms-auth-locked, .ms-auth-stage { min-height: 690px; }.ms-auth-backdrop { padding: 30px 14px 14px; align-items: start; }.ms-auth-dialog { border-radius: 22px; }.ms-auth-art { min-height: 150px; padding: 22px; }.ms-auth-art small { margin-bottom: 8px; }.ms-auth-art strong { font-size: 22px; }.ms-auth-form-side { padding: 28px 22px; }.ms-auth-form-side > p { margin-bottom: 20px; }.ms-member-row { grid-template-columns: 35px 1fr; padding: 14px 18px; }.ms-member-actions { grid-column: 2; }.ms-member-note { padding: 12px 18px; } }

/* Dark backend control center, visually aligned with the single-production workbench. */
body.muse-studio-admin-page { --msa-bg:#080a0f; --msa-surface:#10131a; --msa-line:rgba(255,255,255,.085); --msa-text:#f5f6f8; --msa-muted:#8f96a6; --msa-accent:#c8ff35; background:var(--msa-bg); color:var(--msa-text); }
body.muse-studio-admin-page #wpcontent, body.muse-studio-admin-page #wpbody, body.muse-studio-admin-page #wpbody-content { background:var(--msa-bg); }
body.muse-studio-admin-page #wpbody-content { padding-bottom:0; }
.muse-studio-admin-wrap { margin:0 0 0 -20px; color:var(--msa-text); font-family:var(--ms-font); }
.muse-studio-admin-wrap .ms-loading-screen { min-height:calc(100vh - 32px); background:var(--msa-bg); color:#aeb5c0; }
.ms-admin-shell { min-height:calc(100vh - 32px); background:radial-gradient(circle at 63% 0,rgba(87,105,139,.18),transparent 30%),var(--msa-bg); }
.ms-admin-topbar { height:76px; display:flex; align-items:center; gap:28px; padding:0 28px; border-bottom:1px solid var(--msa-line); background:rgba(12,14,20,.97); }
.ms-admin-brand { min-width:236px; display:flex; align-items:center; gap:11px; }
.ms-admin-brand > span { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#0a0c0e; background:var(--msa-accent); font-size:21px; font-weight:900; box-shadow:0 0 0 5px rgba(200,255,53,.07),0 8px 25px rgba(200,255,53,.13); }
.ms-admin-brand strong,.ms-admin-brand small { display:block; }
.ms-admin-brand strong { color:#fff; font-size:16px; }
.ms-admin-brand small { margin-top:2px; color:#646b78; font-size:10px; letter-spacing:.2em; }
.ms-admin-topcopy { flex:1; color:#6e7584; font-size:13px; letter-spacing:.08em; }
.ms-admin-version { padding:7px 11px; border:1px solid var(--msa-line); border-radius:20px; color:#858d9c; font-size:10px; font-weight:750; letter-spacing:.12em; }
.ms-admin-layout { min-height:calc(100vh - 108px); display:grid; grid-template-columns:236px minmax(0,1fr); }
.ms-admin-sidebar { position:relative; padding:27px 15px 170px; border-right:1px solid var(--msa-line); background:#0d1016; }
.ms-admin-nav-label { display:block; padding:0 12px 12px; color:#596171; font-size:11px; font-weight:800; letter-spacing:.17em; }
.ms-admin-sidebar nav { display:grid; gap:6px; }
.ms-admin-nav-item { position:relative; min-height:56px; display:flex; align-items:center; gap:11px; padding:9px 12px; border:1px solid transparent; border-radius:13px; color:#7f8796; text-decoration:none; transition:.2s ease; }
.ms-admin-nav-item:hover { color:#dfe2e8; background:rgba(255,255,255,.025); }
.ms-admin-nav-item.is-active { color:#f7f8fa; border-color:rgba(200,255,53,.13); background:linear-gradient(90deg,rgba(200,255,53,.11),rgba(200,255,53,.025)); }
.ms-admin-nav-item.is-active:before { content:""; position:absolute; left:-1px; top:13px; width:3px; height:30px; border-radius:0 5px 5px 0; background:var(--msa-accent); box-shadow:0 0 18px rgba(200,255,53,.55); }
.ms-admin-nav-item > span { width:34px; height:34px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; color:#757d8c; background:rgba(255,255,255,.035); font-size:11px; font-weight:900; }
.ms-admin-nav-item.is-active > span { color:#0b0d0d; background:var(--msa-accent); }
.ms-admin-nav-item strong { font-size:14px; }
.ms-admin-safety { position:absolute; right:15px; bottom:20px; left:15px; padding:14px; border:1px solid var(--msa-line); border-radius:13px; background:rgba(255,255,255,.018); }
.ms-admin-safety b { color:var(--msa-accent); font-size:11px; letter-spacing:.08em; }
.ms-admin-safety p { margin:6px 0 0; color:#646c7b; font-size:11px; line-height:1.65; }
.ms-admin-main { min-width:0; padding:28px clamp(24px,4vw,58px) 70px; }
.ms-admin-hero { min-height:216px; display:flex; align-items:center; justify-content:space-between; overflow:hidden; position:relative; padding:34px 42px; border:1px solid var(--msa-line); border-radius:22px; background:radial-gradient(circle at 78% 30%,rgba(200,255,53,.09),transparent 24%),linear-gradient(125deg,#151923,#11151d); box-shadow:0 28px 65px rgba(0,0,0,.25); }
.ms-admin-hero:after { content:""; position:absolute; right:-70px; top:-190px; width:420px; height:420px; border:1px solid rgba(200,255,53,.1); border-radius:50%; box-shadow:0 0 0 38px rgba(200,255,53,.025),0 0 0 86px rgba(200,255,53,.012); }
.ms-admin-hero > div:first-child { position:relative; z-index:2; max-width:720px; }
.ms-admin-hero .ms-eyebrow { color:var(--msa-accent); }
.ms-admin-hero h1 { margin:8px 0 7px; color:#f7f8fa; font-size:clamp(28px,3vw,44px); line-height:1.1; letter-spacing:-.055em; }
.ms-admin-hero p { margin:0; color:#848c9b; font-size:15px; }
.ms-admin-orb { position:relative; z-index:2; width:108px; height:108px; display:grid; place-items:center; align-content:center; margin-right:70px; border:1px solid rgba(200,255,53,.23); border-radius:50%; background:rgba(200,255,53,.035); box-shadow:0 0 0 14px rgba(200,255,53,.018),inset 0 0 35px rgba(200,255,53,.045); }
.ms-admin-orb span { color:#e5ff9b; font-size:17px; font-weight:900; letter-spacing:.08em; }
.ms-admin-orb small { margin-top:3px; color:#717a66; font-size:8px; letter-spacing:.18em; }
.ms-admin-content { margin-top:20px; }
.muse-studio-admin-wrap .ms-settings-layout { align-items:start; }
.muse-studio-admin-wrap .ms-panel,.muse-studio-admin-wrap .ms-production-settings { border-color:var(--msa-line); background:linear-gradient(155deg,rgba(22,26,35,.96),rgba(14,17,23,.97)); color:var(--msa-text); box-shadow:inset 0 1px 0 rgba(255,255,255,.02); }
.muse-studio-admin-wrap .ms-panel-heading,.muse-studio-admin-wrap .ms-settings-library + .ms-settings-library,.muse-studio-admin-wrap .ms-template-heading { border-color:var(--msa-line); }
.muse-studio-admin-wrap .ms-panel-heading h2,.muse-studio-admin-wrap .ms-settings-feature h2,.muse-studio-admin-wrap .ms-empty-state h3,.muse-studio-admin-wrap .ms-member-row strong { color:#eef1f4; }
.muse-studio-admin-wrap .ms-panel-heading p,.muse-studio-admin-wrap .ms-empty-state,.muse-studio-admin-wrap .ms-member-note,.muse-studio-admin-wrap .ms-settings-feature p { color:#737b89; }
.muse-studio-admin-wrap .ms-eyebrow { color:var(--msa-accent); }
.muse-studio-admin-wrap .ms-primary-button { color:#0b0d0d; border-color:var(--msa-accent); background:var(--msa-accent); box-shadow:0 9px 24px rgba(200,255,53,.09); }
.muse-studio-admin-wrap .ms-primary-button:hover { color:#090b0c; border-color:#dcff7a; background:#dcff7a; }
.muse-studio-admin-wrap .ms-secondary-button { color:#bec4ce; border-color:var(--msa-line); background:rgba(255,255,255,.025); }
.muse-studio-admin-wrap .ms-secondary-button:hover { color:var(--msa-accent); border-color:rgba(200,255,53,.3); background:rgba(200,255,53,.04); }
.muse-studio-admin-wrap .ms-text-button { color:#a9c85e; }
.muse-studio-admin-wrap .ms-settings-feature,.muse-studio-admin-wrap .ms-settings-library,.muse-studio-admin-wrap .ms-member-note,.muse-studio-admin-wrap .ms-settings-savebar { border-color:var(--msa-line); background:rgba(255,255,255,.018); }
.muse-studio-admin-wrap .ms-unified-defaults>.ms-settings-library{border-color:var(--msa-line);background:rgba(255,255,255,.012)}
.muse-studio-admin-wrap .ms-prompt-template-row,.muse-studio-admin-wrap .ms-member-row,.muse-studio-admin-wrap .ms-connection-card { border-color:var(--msa-line); background:rgba(255,255,255,.018); }
.muse-studio-admin-wrap .ms-prompt-template-order b { color:var(--msa-accent); background:rgba(200,255,53,.07); }
.muse-studio-admin-wrap .ms-prompt-template-order button { color:#9da5b2; border-color:var(--msa-line); background:#10141b; }
.muse-studio-admin-wrap .ms-field-label { color:#cdd1d8; }
.muse-studio-admin-wrap .ms-field input,.muse-studio-admin-wrap .ms-field textarea,.muse-studio-admin-wrap .ms-field select,.muse-studio-admin-wrap .ms-prompt-template-row .ms-field input,.muse-studio-admin-wrap .ms-prompt-template-row .ms-field textarea { color:#edf0f4; border-color:rgba(255,255,255,.1); background:#10141b; }
.muse-studio-admin-wrap .ms-field input:focus,.muse-studio-admin-wrap .ms-field textarea:focus,.muse-studio-admin-wrap .ms-field select:focus { border-color:rgba(200,255,53,.45); box-shadow:0 0 0 3px rgba(200,255,53,.07); }
.muse-studio-admin-wrap .ms-field-example,.muse-studio-admin-wrap .ms-member-note { border-color:rgba(255,255,255,.055); background:#0d1117; color:#69717f; }
.muse-studio-admin-wrap .ms-connection-logo,.muse-studio-admin-wrap .ms-member-avatar { color:#0b0d0d; background:linear-gradient(135deg,#c8ff35,#8effa7); }
.muse-studio-admin-wrap .ms-connection-test-result { border-color:var(--msa-line); background:#0d1117; }
.muse-studio-admin-wrap .ms-modal-backdrop { z-index:100100; background:rgba(2,3,5,.78); backdrop-filter:blur(10px); }
.muse-studio-admin-wrap .ms-modal { color:#edf0f4; border:1px solid var(--msa-line); background:#141821; }
.muse-studio-admin-wrap .ms-modal h2 { color:#fff; }
.muse-studio-admin-wrap .ms-toast { z-index:100120; }
.ms-portrait-heading-actions { display:flex; align-items:center; gap:9px; }
.ms-portrait-heading-actions a { text-decoration:none; }
.ms-portrait-compliance { margin:0 24px 18px; padding:13px 15px; display:flex; align-items:center; gap:9px; flex-wrap:wrap; border:1px solid rgba(200,255,53,.12); border-radius:11px; color:#818a97; background:rgba(200,255,53,.025); font-size:12px; }
.ms-portrait-compliance b { color:var(--msa-accent); margin-right:3px; }
.ms-portrait-compliance span { padding:5px 8px; border:1px solid var(--msa-line); border-radius:7px; background:rgba(255,255,255,.02); }
.ms-portrait-compliance i { color:#56604c; font-style:normal; }
.ms-portrait-asset-row { display:grid; grid-template-columns:58px 96px minmax(150px,.78fr) minmax(230px,1.2fr) minmax(130px,.66fr) minmax(150px,.72fr) auto; gap:11px; align-items:end; padding:14px; border:1px solid var(--msa-line); border-radius:13px; background:rgba(255,255,255,.018); }
.ms-portrait-asset-row .ms-prompt-template-order { align-self:start; }
.ms-portrait-thumb { position:relative; width:96px; height:112px; align-self:start; overflow:hidden; border:1px solid rgba(200,255,53,.16); border-radius:11px; background:#0c1016; }
.ms-portrait-thumb img { width:100%; height:100%; display:block; object-fit:cover; }
.ms-portrait-thumb span { position:absolute; right:6px; bottom:6px; left:6px; padding:4px 5px; border-radius:6px; color:#dce6c3; background:rgba(5,8,12,.78); font-size:9px; text-align:center; }
.ms-portrait-thumb.is-empty { display:grid; place-items:center; border-style:dashed; }
.ms-portrait-thumb.is-empty span { position:static; color:#69717d; background:transparent; }
.ms-portrait-asset-row .ms-field textarea { min-height:72px; }
.ms-portrait-asset-row > .ms-danger-button { height:40px; }
.ms-portrait-credentials { margin:0 24px 18px; padding:20px; display:grid; grid-template-columns:minmax(280px,1.5fr) minmax(180px,.75fr) minmax(210px,.9fr); gap:16px; align-items:end; border:1px solid rgba(200,255,53,.14); border-radius:15px; background:linear-gradient(135deg,rgba(200,255,53,.055),rgba(255,255,255,.015)); }
.ms-portrait-credentials h3 { margin:5px 0 5px; color:#f2f4f6; font-size:18px; }
.ms-portrait-credentials p { margin:0; color:#747d89; font-size:12px; line-height:1.65; }
.ms-portrait-clear { display:flex; align-items:center; gap:8px; color:#8e96a3; font-size:12px; }
.ms-portrait-clear input { accent-color:var(--msa-accent); }
.ms-portrait-credential-state { display:grid; gap:5px; padding:11px 13px; border:1px solid var(--msa-line); border-radius:10px; background:#0d1117; }
.ms-portrait-credential-state span { font-size:12px; font-weight:800; }
.ms-portrait-credential-state .is-ready { color:var(--msa-accent); }
.ms-portrait-credential-state .is-missing { color:#ff827b; }
.ms-portrait-credential-state small { color:#69717d; }
.ms-portrait-launch { margin:0 24px 18px; padding:15px; display:flex; align-items:end; gap:12px; border:1px solid var(--msa-line); border-radius:13px; background:rgba(255,255,255,.018); }
.ms-portrait-launch .ms-field { flex:1; }
.ms-portrait-launch button { min-height:40px; }
.ms-portrait-session { margin:0 24px 18px; padding:15px; display:flex; align-items:center; gap:10px; border:1px solid rgba(200,255,53,.25); border-radius:13px; background:rgba(200,255,53,.055); }
.ms-portrait-session > div { flex:1; display:grid; gap:3px; }
.ms-portrait-session b { color:#efffc2; }
.ms-portrait-session span { color:#798273; font-size:12px; }
.ms-portrait-session a { text-decoration:none; }
.ms-portrait-upload { margin:0 24px 18px; padding:18px; display:grid; grid-template-columns:minmax(240px,1.2fr) minmax(190px,.8fr) minmax(190px,.8fr) minmax(250px,1fr) auto; gap:14px; align-items:end; border:1px solid rgba(121,166,255,.18); border-radius:15px; background:linear-gradient(135deg,rgba(95,137,255,.055),rgba(255,255,255,.015)); }
.ms-portrait-upload h3 { margin:5px 0; color:#f2f4f6; font-size:17px; }
.ms-portrait-upload p { margin:0; color:#747d89; font-size:12px; line-height:1.65; }
.ms-portrait-media-choice { min-height:66px; padding:9px 10px; display:flex; align-items:center; justify-content:space-between; gap:9px; border:1px solid var(--msa-line); border-radius:10px; background:#0d1117; }
.ms-portrait-media-choice span { min-width:0; display:grid; gap:3px; }
.ms-portrait-media-choice b,.ms-portrait-media-choice small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ms-portrait-media-choice b { color:#dce2e8; font-size:12px; }
.ms-portrait-media-choice small { color:#69717d; font-size:10px; }
.ms-portrait-asset-row.is-synced { border-color:rgba(200,255,53,.15); background:rgba(200,255,53,.025); }
.ms-portrait-asset-row input[readonly],.ms-portrait-asset-row textarea[readonly],.ms-portrait-asset-row select:disabled { color:#a9b19f; opacity:1; }
.ms-portrait-synced-badge { align-self:center; padding:7px 9px; border:1px solid rgba(200,255,53,.2); border-radius:20px; color:var(--msa-accent); background:rgba(200,255,53,.05); font-size:10px; font-weight:850; white-space:nowrap; }
.ms-portrait-row-actions { display:grid; gap:7px; align-self:stretch; align-content:center; min-width:118px; }
.ms-portrait-row-actions button { min-height:34px; }
.ms-portrait-groups { margin:0 24px 18px; display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px; }
.ms-portrait-groups article { padding:14px 15px; display:flex; align-items:center; justify-content:space-between; gap:14px; border:1px solid var(--msa-line); border-radius:13px; background:rgba(255,255,255,.018); }
.ms-portrait-groups article > div { min-width:0; display:grid; gap:3px; }
.ms-portrait-groups span,.ms-portrait-groups small { color:#747d89; font-size:10px; }
.ms-portrait-groups b { overflow:hidden; color:#eef2f5; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:1500px) { .ms-portrait-asset-row { grid-template-columns:58px 96px repeat(2,minmax(180px,1fr)) auto; }.ms-portrait-asset-row .ms-field { grid-column:auto; }.ms-portrait-asset-row > .ms-danger-button { grid-column:5; grid-row:1; } }
@media (max-width:1500px) { .ms-portrait-upload { grid-template-columns:repeat(2,minmax(220px,1fr)); }.ms-portrait-upload > div:first-child { grid-column:1 / 3; } }
@media (max-width:1300px) { .ms-portrait-credentials { grid-template-columns:repeat(2,minmax(220px,1fr)); }.ms-portrait-credential-state { grid-column:1 / 3; } }
@media (max-width:900px) { .ms-portrait-heading-actions { align-items:stretch; flex-direction:column; }.ms-portrait-credentials,.ms-portrait-upload { grid-template-columns:1fr; margin-right:18px; margin-left:18px; }.ms-portrait-credential-state,.ms-portrait-upload > div:first-child { grid-column:1; }.ms-portrait-launch,.ms-portrait-session { margin-right:18px; margin-left:18px; align-items:stretch; flex-direction:column; }.ms-portrait-asset-row { grid-template-columns:52px 1fr; align-items:start; }.ms-portrait-asset-row .ms-prompt-template-order { grid-row:1 / 6; }.ms-portrait-thumb,.ms-portrait-asset-row .ms-field,.ms-portrait-asset-row > .ms-danger-button,.ms-portrait-synced-badge { grid-column:2; grid-row:auto; }.ms-portrait-thumb { width:112px; height:132px; } }
@media (max-width:1100px) { .ms-admin-layout { grid-template-columns:190px minmax(0,1fr); }.ms-admin-brand { min-width:190px; }.ms-admin-main { padding-right:24px; padding-left:24px; }.ms-admin-orb { margin-right:20px; }.muse-studio-admin-wrap .ms-settings-layout { grid-template-columns:1fr; } }
@media (max-width:782px) { .muse-studio-admin-wrap { margin-left:-10px; }.ms-admin-topbar { height:auto; min-height:68px; padding:12px 16px; }.ms-admin-topcopy,.ms-admin-version { display:none; }.ms-admin-layout { display:block; }.ms-admin-sidebar { padding:13px 12px; border-right:0; border-bottom:1px solid var(--msa-line); }.ms-admin-nav-label,.ms-admin-safety { display:none; }.ms-admin-sidebar nav { grid-template-columns:repeat(2,minmax(0,1fr)); }.ms-admin-nav-item { min-height:46px; }.ms-admin-main { padding:18px 14px 50px; }.ms-admin-hero { min-height:180px; padding:26px; }.ms-admin-orb { display:none; } }

/* Virtual crew administration hub */
.ms-crew-hub{padding-bottom:24px}.ms-crew-hub .ms-primary-button{text-decoration:none}.ms-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 24px}.ms-overview-grid a{display:grid;gap:5px;min-height:130px;padding:19px;border:1px solid var(--msa-line);border-radius:13px;text-decoration:none;background:linear-gradient(145deg,rgba(200,255,53,.035),rgba(255,255,255,.012));transition:.18s ease}.ms-overview-grid a:hover{border-color:rgba(200,255,53,.25);transform:translateY(-2px)}.ms-overview-grid b{color:var(--msa-accent);font-size:26px}.ms-overview-grid span{color:#e6e9ed;font-size:14px;font-weight:800}.ms-overview-grid small{color:#69717d;line-height:1.5}.ms-crew-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 24px 0;padding:13px;border:1px dashed rgba(200,255,53,.13);border-radius:11px;color:#8f9b7b;background:rgba(200,255,53,.018);font-size:11px}.ms-crew-flow i{color:#47503f;font-style:normal}.ms-crew-transfer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 24px 0;padding-top:14px;border-top:1px solid var(--msa-line)}.ms-crew-transfer>a,.ms-crew-transfer button{padding:8px 11px;border:1px solid rgba(200,255,53,.2);border-radius:8px;color:var(--msa-accent);background:rgba(200,255,53,.035);font-size:11px;font-weight:750;text-decoration:none;cursor:pointer}.ms-crew-transfer form{display:flex;align-items:center;gap:8px;margin:0;color:#7d8590;font-size:11px}.ms-crew-transfer input[type=file]{max-width:220px;color:#68717c}.ms-legacy-crew{margin-top:18px}.ms-legacy-crew>summary{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;cursor:pointer}.ms-legacy-crew>summary strong{color:#dfe3e7}.ms-legacy-crew>summary span{color:#66707c;font-size:11px}.ms-legacy-crew form{padding-bottom:20px;border-top:1px solid var(--msa-line)}
@media(max-width:900px){.ms-overview-grid{grid-template-columns:1fr}.ms-crew-flow{align-items:flex-start;flex-direction:column}.ms-crew-flow i{transform:rotate(90deg)}.ms-crew-transfer,.ms-crew-transfer form{align-items:stretch;flex-direction:column}}

/* Database configuration transfer and selectable workbench themes */
.ms-panel-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ms-theme-settings{margin:0 24px 24px;padding:20px;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(420px,1.2fr);gap:24px;align-items:center;border:1px solid var(--msa-line);border-radius:14px;background:rgba(255,255,255,.018)}
.ms-theme-settings h2{margin:5px 0;color:#eef1f4;font-size:19px}.ms-theme-settings p{margin:0;color:#737b89;font-size:12px;line-height:1.65}
.ms-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ms-theme-card{position:relative;min-width:0;padding:12px;border:1px solid var(--msa-line);border-radius:12px;background:#10141b;cursor:pointer}.ms-theme-card:has(input:checked){border-color:rgba(200,255,53,.45);box-shadow:0 0 0 3px rgba(200,255,53,.05)}.ms-theme-card input{position:absolute;top:10px;right:10px;accent-color:var(--msa-accent)}.ms-theme-card>span{height:62px;display:grid;grid-template-columns:28% 1fr;grid-template-rows:16px 1fr;gap:5px;padding:7px;border-radius:8px;background:#0a0d12}.ms-theme-card>span i{display:block;border-radius:4px;background:#1b222c}.ms-theme-card>span i:first-child{grid-column:1/-1;background:#222a35}.ms-theme-card>span i:nth-child(2){background:#141a22}.ms-theme-card>span i:nth-child(3){background:linear-gradient(135deg,#202832,#12171e)}.ms-theme-card.is-light>span{border:1px solid #e1e6eb;background:#f7f8fa}.ms-theme-card.is-light>span i:first-child{background:#fff;box-shadow:0 1px 4px rgba(20,30,45,.1)}.ms-theme-card.is-light>span i:nth-child(2){background:#edf1f4}.ms-theme-card.is-light>span i:nth-child(3){background:linear-gradient(135deg,#fff,#eef2f4)}.ms-theme-card>b,.ms-theme-card>small{display:block}.ms-theme-card>b{margin-top:8px;color:#e6e9ed;font-size:12px}.ms-theme-card>small{margin-top:2px;color:#69717d;font-size:10px}
.ms-config-transfer{margin-top:16px;padding-bottom:24px}.ms-config-transfer .ms-panel-heading{align-items:flex-start}.ms-config-transfer-grid{margin:0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ms-config-transfer-card{min-width:0;padding:20px;border:1px solid var(--msa-line);border-radius:15px;background:linear-gradient(145deg,rgba(200,255,53,.025),rgba(255,255,255,.012))}.ms-config-transfer-card header{min-height:96px}.ms-config-transfer-card header>span{color:var(--msa-accent);font-size:9px;font-weight:900;letter-spacing:.16em}.ms-config-transfer-card h3{margin:7px 0 5px;color:#e8ecf0;font-size:16px}.ms-config-transfer-card p{margin:0;color:#747e89;font-size:11px;line-height:1.6}.ms-config-transfer-actions{display:flex;align-items:center;gap:9px;margin:14px 0}.ms-config-transfer-actions form{margin:0}.ms-config-template{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid rgba(200,255,53,.2);border-radius:8px;color:var(--msa-accent);background:rgba(200,255,53,.035);font-size:11px;font-weight:800;text-decoration:none}.ms-config-import{min-height:166px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:end;gap:14px;border:1px dashed rgba(200,255,53,.22);border-radius:12px;background:#0c1016}.ms-config-import label{min-width:0;display:grid;gap:9px;color:#a8b0bb;font-size:11px;font-weight:750}.ms-config-import input[type=file]{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--msa-line);border-radius:9px;color:#87919d;background:#10151d}.ms-import-progress{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:center}.ms-import-progress[hidden]{display:none}.ms-import-progress>div{grid-column:1/-1;height:6px;overflow:hidden;border-radius:99px;background:#202832}.ms-import-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7fa61d,var(--msa-accent));transition:width .25s ease}.ms-import-progress span{color:#8d9880;font-size:10px}.ms-import-progress b{color:var(--msa-accent);font-size:10px}.ms-config-security{display:block;margin:14px 24px 0;color:#7b856c;font-size:10px;line-height:1.7}
.ms-config-transfer-single .ms-config-transfer-grid{grid-template-columns:1fr}.ms-config-transfer-single .ms-config-transfer-card header{min-height:0}.ms-config-transfer-single .ms-config-import{min-height:132px}
.ms-import-buttons{display:flex;align-items:center;justify-content:flex-end;gap:9px}.ms-import-buttons .ms-primary-button,.ms-import-buttons .ms-danger-button{min-height:42px;white-space:nowrap}.ms-clear-import-button{border-color:rgba(255,91,91,.42);color:#ff8e8e;background:rgba(129,28,28,.14)}.ms-clear-import-button:hover{border-color:#ff7878;color:#ffd5d5;background:rgba(159,35,35,.28)}.ms-import-mode-help{grid-column:1/-1;color:#75808c;font-size:10px;line-height:1.6}.ms-crew-transfer .ms-import-buttons{padding:0;background:transparent}.ms-crew-transfer .ms-import-progress{flex-basis:100%}
.ms-capability-panel{margin-bottom:16px}.ms-capability-dashboard{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:center;padding:0 24px 24px}.ms-capability-score{width:128px;height:128px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--msa-accent) var(--score),#202832 0);box-shadow:0 0 34px rgba(200,255,53,.08)}.ms-capability-score:before{content:"";grid-area:1/1;width:102px;height:102px;border-radius:50%;background:#10151d}.ms-capability-score span{z-index:1;grid-area:1/1;display:grid;text-align:center}.ms-capability-score strong{color:#eef3e8;font-size:25px}.ms-capability-score small{color:#738067;font-size:10px}.ms-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ms-capability-node{min-width:0;padding:14px;border:1px solid var(--msa-line);border-radius:12px;background:#0e131a}.ms-capability-node>div{display:flex;align-items:center;justify-content:space-between}.ms-capability-node>div span{color:#64707c;font-size:9px;font-weight:900;letter-spacing:.12em}.ms-capability-node>div i{width:24px;height:24px;display:grid;place-items:center;border:1px solid #2b3541;border-radius:7px;color:#687582;font-size:9px;font-style:normal}.ms-capability-node strong,.ms-capability-node small{display:block}.ms-capability-node strong{margin-top:20px;color:#dfe5ea;font-size:12px}.ms-capability-node small{margin-top:4px;color:#67727e;font-size:9px}.ms-capability-node em{display:block;height:3px;margin-top:14px;border-radius:3px;background:#252d36}.ms-capability-node em b{display:block;width:24%;height:100%;border-radius:inherit;background:#46515b}.ms-capability-node.is-ready{border-color:rgba(200,255,53,.2);background:linear-gradient(150deg,rgba(200,255,53,.055),#0e131a)}.ms-capability-node.is-ready>div i{border-color:rgba(200,255,53,.35);color:#132000;background:var(--msa-accent)}.ms-capability-node.is-ready>div span,.ms-capability-node.is-ready small{color:#899873}.ms-capability-node.is-ready em b{width:100%;background:var(--msa-accent)}
.ms-crew-transfer{align-items:stretch;padding:16px;border:1px solid var(--msa-line);border-radius:12px}.ms-crew-transfer form{min-height:46px;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.018)}.ms-crew-transfer input[type=file]{max-width:280px;padding:5px}
@media(max-width:1100px){.ms-capability-dashboard{grid-template-columns:1fr}.ms-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ms-theme-settings,.ms-config-transfer-grid{grid-template-columns:1fr;margin-right:18px;margin-left:18px}.ms-theme-options{grid-template-columns:1fr}.ms-config-import{grid-template-columns:1fr}.ms-import-buttons{justify-content:stretch}.ms-import-buttons button{flex:1}.ms-panel-heading-actions{align-items:stretch;flex-direction:column}.ms-capability-grid{grid-template-columns:1fr}.ms-capability-dashboard{padding-right:18px;padding-left:18px}}