/* Studio OS — production app styles. No data, no identifying info — pure UI. */
:root{
  --ink:#0A1228; --ink2:#0E1A35; --card:#14223d; --line:rgba(255,255,255,.10);
  --text:#ECE8DF; --muted:#9DAAC4; --crimson:#C0392B; --crimsonDeep:#9B1B30; --green:#3AA76D;
}
*{box-sizing:border-box} html,body{margin:0}
body{background:var(--ink);color:var(--text);font-family:'Inter','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}
h1{font-family:'Oswald','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin:0}
.wrap{max-width:860px;margin:0 auto;padding:30px 22px}
.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px}
.login{max-width:420px;width:100%}
.brand{display:flex;gap:13px;align-items:center;margin-bottom:6px}
.bar{width:7px;height:46px;background:var(--crimson);border-radius:3px;flex:none}
.login h1{font-size:26px}
.sub{color:var(--muted);font-size:13.5px;line-height:1.55;margin:8px 0 18px}
.sub b{color:#fff}
input[type=email],input[type=text],input[type=password]{width:100%;background:#0B1430;border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:var(--text);font-size:14px;outline:none}
input[type=password]{margin-top:10px}
input:focus{border-color:var(--crimson)}
.btn{cursor:pointer;border:1px solid var(--crimson);background:var(--crimsonDeep);color:#fff;border-radius:9px;padding:11px 16px;font-size:13.5px;font-weight:700;width:100%;margin-top:11px;font-family:inherit}
.btn:hover{background:#B6273E}.btn:disabled{opacity:.55;cursor:default}
.btn-ghost{background:#16243f;border-color:var(--line);color:#CDD5E6}
.btn-ghost:hover{border-color:rgba(255,255,255,.3)}
.link{display:inline-block;margin-top:12px;font-size:12.5px;color:#8fb4dd;text-decoration:none;cursor:pointer}
.msg{font-size:12.5px;margin-top:12px;padding:10px 12px;border-radius:8px;line-height:1.45}
.msg:empty{display:none}
.msg.err{background:rgba(192,57,43,.12);border:1px solid rgba(192,57,43,.4);color:#F0A9A0}
.msg.ok{background:rgba(58,167,109,.12);border:1px solid rgba(58,167,109,.4);color:#86E0B3}
.top{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}
.top .meta{flex:1}.top .meta .t{font-size:12px;color:var(--muted)}
.pill{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:rgba(58,167,109,.16);color:#74D6A2;border:1px solid rgba(58,167,109,.4)}
.pill.warn{background:rgba(212,151,43,.14);color:#E6C067;border-color:rgba(212,151,43,.4)}
.sec{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin:18px 0 10px;font-weight:700}
.row{display:flex;gap:9px}.row input{flex:1}.row .btn{width:auto;margin:0;white-space:nowrap}
.empty{color:var(--muted);font-size:13px;padding:22px;text-align:center;border:1px dashed var(--line);border-radius:12px}
.item{background:#0B1430;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:8px}
.item .ti{font-weight:700;font-size:14px}.item .no{color:var(--muted);font-size:12.5px;margin-top:3px}
.item .meta{color:#5f6f8c;font-size:10.5px;margin-top:5px}
a{color:#8fb4dd}

/* ---- generation onboarding + studio ---- */
textarea{width:100%;margin-top:10px;background:#0B1430;border:1px solid var(--line);border-radius:9px;padding:11px 13px;color:var(--text);font-size:14px;outline:none;font-family:inherit;resize:vertical}
textarea:focus{border-color:var(--crimson)}
.seg{display:flex;gap:6px;margin-bottom:11px}
.seg-btn{flex:1;cursor:pointer;border:1px solid var(--line);background:#0B1430;color:var(--muted);border-radius:8px;padding:8px;font-size:12px;font-weight:700;font-family:inherit}
.seg-btn.on{background:var(--crimsonDeep);border-color:var(--crimson);color:#fff}
.thesis{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--crimson);border-radius:12px;padding:16px 18px;margin-bottom:18px}
.thesis-label{font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-weight:800}
.thesis-text{font-size:16px;color:#fff;margin-top:6px;line-height:1.5}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-size:11.5px;background:#0B1430;border:1px solid var(--line);border-radius:20px;padding:5px 11px;color:#CDD5E6}
.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.scard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
.scard-h{font-family:'Oswald',sans-serif;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:7px}
.scard-b{font-size:12.5px;color:#CDD5E6;line-height:1.5}
.ccards{display:grid;grid-template-columns:1fr;gap:14px}
.ccard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.ccard-top{display:flex;align-items:flex-start;gap:12px}
.ccard-title{font-size:17px;font-weight:800;flex:1;line-height:1.25}
.score{flex:none;background:rgba(58,167,109,.16);color:#74D6A2;border:1px solid rgba(58,167,109,.4);border-radius:8px;font-weight:800;font-size:15px;padding:3px 10px}
.ccard-head{color:#fff;font-size:13.5px;margin-top:6px;font-weight:600}
.ccard-sum{color:#CDD5E6;font-size:13px;margin-top:6px;line-height:1.55}
.kv{display:flex;gap:10px;margin-top:9px;font-size:12.5px}
.kv .k{flex:none;width:130px;color:var(--muted);font-weight:700}
.kv span:last-child{color:#E6E2D9}
.ccard-why{margin-top:9px;font-size:12px;color:var(--muted);font-style:italic}
.lock{margin-top:12px;display:flex;align-items:center;gap:9px;background:rgba(192,57,43,.07);border:1px dashed rgba(192,57,43,.4);border-radius:9px;padding:9px 12px;font-size:11.5px;color:#E1B5AE}
.lock-i{font-size:13px}
.lock-cta{margin-left:auto;cursor:pointer;background:var(--crimsonDeep);border:1px solid var(--crimson);color:#fff;border-radius:6px;padding:4px 12px;font-weight:700;white-space:nowrap}
.lock-cta:hover{background:#B6273E}