:root {
  --body-bg: #fff; --body-fg: #172b45; --darkened-bg: #f3f6fa; --border-color: #e1e8f0; --link-fg: #0755a5;
}
.dark { --body-bg: #111c2d; --body-fg: #e5edf8; --darkened-bg: #17263b; --border-color: #2c3a50; --link-fg: #84b7f0; }
.smc-studio { padding-top: 12px; color: var(--body-fg); }
.smc-welcome { display: grid; grid-template-columns: 1fr 220px; position: relative; overflow: hidden; border-radius: 16px; background: #071d36; padding: 34px 38px; color: #e6eef9; margin-bottom: 24px; }
.smc-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: .15em; line-height: 1.7; margin: 0 0 12px; }
.smc-welcome .smc-eyebrow { color: #f3be56; }
.smc-welcome h1 { color: white; font-size: clamp(24px, 3vw, 34px); font-weight: 700; letter-spacing: -.035em; line-height: 1.2; margin: 0 0 15px; }
.smc-welcome p:not(.smc-eyebrow) { max-width: 620px; color: #afc0d5; font-size: 13px; line-height: 1.8; margin-bottom: 23px; }
.smc-primary-link { display: inline-flex; align-items: center; gap: 9px; background: #edb34a; color: #13283e !important; border-radius: 8px; padding: 11px 15px; font-weight: 700; font-size: 12px; }
.smc-primary-link:hover { background: #f6c86f; }
.smc-primary-link .material-symbols-outlined { font-size: 19px; }
.smc-hero-art { position: relative; min-height: 160px; }
.smc-orbit { position: absolute; top: 50%; left: 50%; border: 1px solid #26425e; border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-one { width: 190px; height: 190px; }.orbit-two { width: 255px; height: 255px; }
.smc-hero-monogram { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 62px; font-weight: 800; letter-spacing: -.08em; color: #f2b84d; }
.smc-hero-monogram span { font-size: 10px; color: #9db3cd; font-weight: 500; letter-spacing: .13em; margin-top: 4px; }
.smc-orbit-dot { position: absolute; top: 22px; right: 37px; width: 11px; height: 11px; border-radius: 50%; background: #f2b84d; box-shadow: 0 0 25px #f2b84d66; }
.smc-stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 16px; margin-bottom: 30px; }
.smc-stat { border: 1px solid var(--border-color); border-radius: 12px; padding: 18px 20px; background: var(--body-bg); color: var(--body-fg) !important; transition: border-color .15s, transform .15s; }
.smc-stat:hover { border-color: #7fa9d4; transform: translateY(-2px); }
.smc-stat-top { display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: #64778e; }
.smc-stat-top .material-symbols-outlined { padding: 6px; border-radius: 7px; background: #eaf2fc; color: #0755a5; font-size: 20px; }
.smc-stat strong { display: block; font-size: 32px; font-weight: 700; letter-spacing: -.04em; margin-top: 7px; }
.smc-stat small { display: block; font-size: 10px; color: #7b8b9e; margin-top: 3px; }
.smc-dashboard-grid { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 24px; align-items: start; }
.smc-library { margin-bottom: 28px; }.smc-library header { margin-bottom: 14px; }
.smc-library h2, .smc-side-card h2 { font-size: 15px; font-weight: 700; margin: 0 0 5px; color: var(--body-fg); }
.smc-library header p, .smc-side-card p { font-size: 12px; color: #75869a; line-height: 1.8; }
.smc-model-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.smc-model { display: flex; align-items: center; border: 1px solid var(--border-color); border-radius: 9px; background: var(--body-bg); padding: 14px; }
.smc-model:hover { border-color: #8cb2d9; }.smc-model-main { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.smc-model-icon { font-size: 22px; color: #67819b; }.smc-model-main strong { display: block; font-size: 12px; font-weight: 600; color: var(--body-fg); }
.smc-model-main small { display: block; color: #8290a0; font-size: 10px; margin-top: 4px; }
.smc-add { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 6px; border: 1px solid var(--border-color); font-size: 19px; color: #68829d !important; flex-shrink: 0; }
.smc-add:hover { background: var(--darkened-bg); }
.smc-side-card { border: 1px solid var(--border-color); border-radius: 12px; padding: 22px; background: var(--body-bg); margin-bottom: 18px; }
.smc-side-card a { color: var(--link-fg); font-size: 12px; font-weight: 600; }
.smc-handbook { background: var(--darkened-bg); }.smc-handbook > .material-symbols-outlined { color: #ca922d; font-size: 30px; margin-bottom: 16px; }
.smc-side-card .smc-eyebrow { font-size: 9px; color: #7f8ea1; margin-bottom: 10px; }.smc-handbook h2 { font-size: 19px; line-height: 1.4; }
.smc-handbook p { margin: 10px 0 16px; }.smc-routine { list-style: none; margin: 16px 0 0; padding: 0; }
.smc-routine li { display: flex; gap: 12px; margin-bottom: 18px; }.smc-routine li:last-child { margin-bottom: 0; }
.smc-routine > li > span { font-size: 10px; color: #8ea3b9; padding-top: 2px; }.smc-routine strong { font-size: 11px; font-weight: 600; }
.smc-routine p { font-size: 10px; margin: 3px 0 0; }.smc-side-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.smc-inquiry { display: block; padding: 13px 0; border-bottom: 1px solid var(--border-color); }.smc-inquiry:last-child { border-bottom: 0; padding-bottom: 0; }
.smc-inquiry strong { display: block; font-size: 12px; color: var(--body-fg); }.smc-inquiry small, .smc-inquiry > span { display: block; font-size: 10px; color: #8290a0; margin-top: 4px; }
.smc-dashboard-footer { text-align: center; color: #8b99aa; font-size: 10px; padding: 20px 0 8px; }.smc-dashboard-footer span { margin: 0 8px; }
.smc-media-preview { display: block; width: 54px; height: 40px; object-fit: contain; border: 1px solid var(--border-color); border-radius: 7px; background: #f5f7fa; padding: 3px; }
.smc-media-large { max-width: 360px; max-height: 220px; object-fit: contain; border-radius: 10px; border: 1px solid var(--border-color); background: #f5f7fa; }
.field-payload textarea, .field-tags textarea, .field-modules textarea, .field-benefits textarea, .field-highlights textarea, .field-metrics textarea { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; line-height: 1.7; }
.field-payload textarea { min-height: 24rem; }
@media (max-width: 1200px) { .smc-dashboard-grid { grid-template-columns: 1fr; }.smc-dashboard-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.smc-side-card { margin-bottom: 0; } }
@media (max-width: 650px) { .smc-welcome { grid-template-columns: 1fr; padding: 25px; }.smc-hero-art { display: none; }.smc-stats { grid-template-columns: 1fr 1fr; gap: 10px; }.smc-stat { padding: 15px; }.smc-model-grid, .smc-dashboard-aside { grid-template-columns: 1fr; }.smc-model { padding: 13px; }.smc-media-large { max-width: 100%; } }
@media (prefers-reduced-motion: reduce) { .smc-stat { transition: none; }.smc-stat:hover { transform: none; } }