:root{
  color-scheme:light;
  --bg:#eef3f9;
  --panel:#ffffff;
  --panel2:#f7f9fd;
  --line:#d8e0ec;
  --text:#172033;
  --muted:#66738a;
  --accent:#6758e8;
  --accent2:#2f7ed8;
  --good:#15956f;
  --danger:#d94d68;
}
html,body{background:#eef3f9;color:var(--text)}
body{background:radial-gradient(circle at 8% -10%,#d9d4ff 0,transparent 28%),radial-gradient(circle at 100% 0,#ccecf1 0,transparent 25%),linear-gradient(180deg,#f8faff 0,#eef3f9 52%,#e9eff7 100%);font-size:16px}
.header{border-bottom-color:#cfd8e6;background:#f8fbffeb;box-shadow:0 8px 28px #61708a14}
.brand{color:#172033}.brand-mark{box-shadow:0 8px 22px #6959e83d}
.nav a{color:#657187;font-size:.84rem}.nav a:hover,.nav a[aria-current=page]{background:#e7ebfb;color:#302671}
.account-chip{border-color:#d7deea;background:#fff;color:#46536a;font-size:.8rem}
.studio-sub,.page-copy,.cost-note,.control span,.result-meta span,.media-copy span,.metric-card span,.table th,.plan p,.auth-card p,.footer{color:var(--muted)}
.eyebrow,.section-head a{color:#6253da}
.panel,.metric-card,.surface,.plan,.media-card{border-color:var(--line);background:linear-gradient(180deg,#ffffff,#f8faff);box-shadow:0 16px 42px #52617a12}
.panel{box-shadow:0 20px 48px #52617a18}
.prompt-box,.control select,.field{border-color:#cdd7e5;background:#fbfcff;color:var(--text)}
.prompt-box:focus-within,.control select:focus,.field:focus{border-color:#7466e7;box-shadow:0 0 0 3px #6758e81c}
.prompt-example{color:#8b95a8}.prompt-example::after{background:#6758e8}
.quality-note{background:#eceafd;color:#59657b}.quality-note b{color:#3f327f}
.button{box-shadow:0 10px 24px #5265d52b}.button.secondary{background:#edf1f8;border-color:#d2dbe8;color:#263148}.button.ghost{background:#fff;border-color:#d2dbe8;color:#4d5a70}
.preview-canvas{border-color:#d7dfeb;background:radial-gradient(circle at 50% 38%,#dde5f2 0,#cbd6e5 48%,#bfcbdc 100%)}
.preview-empty{color:#66738a}.preview-empty .icon{border-color:#cfd8e5;background:linear-gradient(135deg,#dcd7ff,#d6eff0)}.preview-empty strong{color:#263148}
.result{background:#f6f8fc}.video-stage,.video-stage video{background:#111725}
.progress strong{color:#233047}.progress span{color:#66738a}.spinner{border-color:#cad3e0;border-top-color:#6758e8}
.media-card{background:#fff}.thumb{background:linear-gradient(135deg,#d9e0ec,#bac7d8)}.media-copy strong{color:#263148}.thumb-badge{background:#172033d9;color:#fff}
.table th,.table td{border-top-color:#dfe5ee}.table td{color:#2d394f}.status-tag{background:#edf1f7;color:#4b586e}
.plan.featured{border-color:#8f83ec;background:linear-gradient(180deg,#f0eeff,#ffffff)}
.auth-gate{background:#e9eff7e8}.auth-card{border-color:#d6dfeb;background:#fff;box-shadow:0 30px 90px #5f6f881f}.auth-card h1{color:#172033}.auth-error{color:#c6425d}
.auth-success,.reset-status.success{color:#0e7f5d}
.footer{border-top-color:#d7deea}
html.fm-session-hint .auth-gate{display:none!important}
@media(max-width:620px){
  .header{background:#f8fbfff2}
  .nav{border-color:#d5deea;background:#ffffffef;box-shadow:0 16px 42px #51627b2b}
  .nav a{font-size:.76rem;padding:8px 10px}
  .brand span:last-child{font-size:.98rem}
  .studio h1{font-size:1.58rem}
  .studio-sub{font-size:.84rem;line-height:1.45}
  .panel-head strong{font-size:.9rem}
  .mini-pill{font-size:.72rem}
  .prompt-box textarea,.prompt-example{font-size:.88rem;line-height:1.45}
  .control span{font-size:.72rem}
  .control select,.field{font-size:.8rem}
  .quality-note{font-size:.75rem;line-height:1.45}
  .button{font-size:.78rem}
  .cost-note{font-size:.69rem;max-width:145px}
  .preview-empty{font-size:.79rem}.preview-empty strong{font-size:.9rem}
  .section-head h2{font-size:1rem}.section-head a{font-size:.78rem}
  .media-copy strong{font-size:.78rem}.media-copy span{font-size:.68rem}
  .page-title{font-size:1.62rem}.page-copy{font-size:.85rem}
  .metric-card span{font-size:.72rem}.metric-card strong{font-size:1.2rem}
  .surface h2{font-size:.96rem}.table th,.table td{font-size:.76rem}
  .plan h3{font-size:.92rem}.plan p{font-size:.76rem}.plan .price{font-size:1.45rem}
  .auth-card h1{font-size:1.48rem}.auth-card p{font-size:.84rem}.auth-error{font-size:.75rem}
  .footer{font-size:.72rem}
}
/* FluxMotion platform owner operations */
.owner-head-actions{display:flex;align-items:center;gap:8px}
.owner-operation-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}
.owner-table{min-width:760px}
.owner-table th{white-space:nowrap}
.owner-table td{max-width:320px;vertical-align:top}
.owner-empty{text-align:center!important;color:var(--muted)!important;padding:22px!important}
.status-cell{text-transform:capitalize;font-weight:750}
.status-completed{color:#0e7f5d!important}
.status-failed{color:#c6425d!important}
.status-in-progress,.status-in-queue,.status-submitted,.status-reserved{color:#6253da!important}
.owner-invite{margin-bottom:18px}
@media(max-width:840px){
  .owner-operation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .owner-head{display:grid;gap:10px}
  .owner-head-actions{width:100%;justify-content:space-between}
  .owner-head-actions .button{min-width:96px}
  .owner-operation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .owner-page .surface{padding:11px}
  .owner-page .metric-card{padding:11px}
}

/* FluxMotion tenant context controls */
.context-bar{position:relative;z-index:24;display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto auto;align-items:end;gap:8px;margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:14px;background:#ffffffd9;box-shadow:0 12px 32px #52617a14;backdrop-filter:blur(16px)}
.context-control{display:grid;gap:3px;min-width:0}.context-label{color:var(--muted);font-size:.65rem;font-weight:800}.context-select{width:100%;min-width:0;border:1px solid #cdd7e5;border-radius:9px;padding:7px 9px;background:#fbfcff;color:var(--text);font-size:.76rem;outline:0}.context-select:focus{border-color:#7466e7;box-shadow:0 0 0 3px #6758e81c}.context-select:disabled{opacity:.76}.context-meta{display:flex;gap:5px;align-items:center;padding-bottom:2px}.context-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 8px;border:1px solid #d7deea;border-radius:999px;background:#f7f9fd;color:#526078;font-size:.66rem;font-weight:780;text-transform:capitalize;white-space:nowrap}.context-credits{color:#176f59}.context-create{min-height:34px;padding:7px 10px}.context-dialog{width:min(390px,calc(100% - 24px));border:0;padding:0;border-radius:17px;background:transparent}.context-dialog::backdrop{background:#1b24345c;backdrop-filter:blur(8px)}.context-dialog-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:17px;background:#fff;padding:17px;box-shadow:0 28px 90px #34435d35}.context-dialog-title{font-size:1.05rem}.context-dialog-copy{margin:-4px 0 2px;color:var(--muted);font-size:.78rem;line-height:1.45}.context-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.context-toast{position:fixed;z-index:150;left:50%;bottom:max(78px,calc(env(safe-area-inset-bottom) + 18px));max-width:min(440px,calc(100% - 24px));transform:translate(-50%,12px);opacity:0;padding:10px 13px;border:1px solid #b9ddd1;border-radius:12px;background:#eaf9f4;color:#176f59;font-size:.76rem;font-weight:760;box-shadow:0 18px 50px #34435d2e;transition:.2s ease}.context-toast.is-error{border-color:#efc3cd;background:#fff1f4;color:#b63350}.context-toast.is-visible{transform:translate(-50%,0);opacity:1}
@media(max-width:760px){.context-bar{grid-template-columns:1fr 1fr auto}.context-meta{grid-column:1/3;grid-row:2}.context-create{grid-column:3;grid-row:1/3;align-self:stretch}.context-pill{min-height:27px}.context-label{font-size:.62rem}.context-select{font-size:.72rem}}
@media(max-width:520px){.context-bar{width:min(100% - 16px,1120px);grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;padding:7px;border-radius:12px}.context-meta{grid-column:1/2}.context-create{grid-column:2;grid-row:2;min-height:29px}.context-select{padding:7px 6px;font-size:.68rem}.context-pill{padding:4px 6px;font-size:.59rem}.context-meta .context-pill:first-child{display:none}}
