/* AI recruiter studio and brand */
.logo img{width:38px;height:38px;flex:none;border-radius:12px;box-shadow:0 8px 22px rgba(86,56,232,.28)}
.ai-studio{position:relative;margin:16px 0;padding:22px;overflow:hidden}
.ai-studio:before{content:"";position:absolute;top:-120px;right:-100px;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(109,74,255,.10),transparent 68%);pointer-events:none}
.ai-studio>.panel-head{position:relative;margin-bottom:20px}
.panel-subtitle{max-width:680px;margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.studio-layout{position:relative;display:grid;grid-template-columns:minmax(320px,.78fr) minmax(430px,1.22fr);gap:16px;align-items:start}
.ai-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ai-tool{min-height:86px;padding:14px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:flex-start;gap:11px;color:var(--ink);background:#fff;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.ai-tool>i{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;color:#7f6be5;background:#f1edff}
.ai-tool>i svg{width:17px;height:17px}
.ai-tool span{min-width:0;display:grid;gap:5px}
.ai-tool strong{font-size:12px}
.ai-tool small{color:var(--muted);font-size:10px;line-height:1.45}
.ai-tool:hover{transform:translateY(-1px);border-color:#d1c8f5;box-shadow:0 8px 22px rgba(73,52,133,.08)}
.ai-tool.active{border-color:#8c74fa;color:#5135d3;background:linear-gradient(145deg,#f4f0ff,#fff);box-shadow:inset 0 0 0 1px rgba(109,74,255,.1),0 9px 24px rgba(80,53,177,.09)}
.ai-tool.active>i{color:#fff;background:var(--violet)}
.studio-console{padding:18px;border:1px solid #ddd6f1;border-radius:15px;background:linear-gradient(180deg,#fbfaff,#fff);box-shadow:0 10px 30px rgba(43,32,74,.05)}
.studio-console>label,.studio-fields label{display:grid;gap:6px;color:#595565;font-size:10px;font-weight:700}
.studio-console textarea{min-height:77px;background:#fff}
.studio-fields{display:grid;grid-template-columns:1.35fr .65fr;gap:10px;margin-bottom:10px}
.studio-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0}
.studio-actions>span{display:flex;align-items:center;gap:6px;color:#817b8d;font-size:10px}
.studio-actions>span svg{width:14px;color:var(--violet)}
.studio-output{min-height:230px;max-height:430px;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:12px;color:#393544;background:#fff;white-space:pre-wrap;font-size:12px;line-height:1.8}
.studio-output.has-result{border-color:#d9d1f6;background:linear-gradient(180deg,#fff,#fdfcff)}
.studio-placeholder{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#9892a2;text-align:center;white-space:normal}
.studio-placeholder>i{width:42px;height:42px;margin-bottom:3px;border-radius:13px;display:grid;place-items:center;color:#795de9;background:#f0ebff}
.studio-placeholder>i svg{width:22px}
.studio-placeholder strong{color:#5f5a68;font-size:12px}
.studio-placeholder span{font-size:10px}
.studio-error{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--red);text-align:center;white-space:normal}
.studio-error span{max-width:430px;color:var(--muted);font-size:11px}
.studio-output-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}
.studio-output-actions[hidden]{display:none}
.studio-output-actions .btn{min-height:35px;padding:0 11px;font-size:10px}
.studio-history{position:relative;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.history-head strong{font-size:11px}
.history-head button{border:0;color:#9892a2;background:transparent;font-size:10px}
.history-head button:hover{color:var(--red)}
.history-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.history-item{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink);background:#fff;text-align:left}
.history-item:hover{border-color:#cfc5f4;background:#fbfaff}
.history-item span{min-width:0;display:grid;gap:3px}
.history-item strong,.history-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-item strong{font-size:10px}
.history-item small,.history-item time{color:#918b9b;font-size:9px}
.history-item time{flex:none}
.history-empty{grid-column:1/-1;margin:0;padding:12px;color:#96909f;border:1px dashed var(--line);border-radius:10px;text-align:center;font-size:10px}
.match-detail-content{display:grid;gap:14px}
.detail-score{padding:18px;border-radius:14px;display:flex;align-items:baseline;gap:10px;color:#fff;background:linear-gradient(135deg,#6443ea,#8d72ff)}
.detail-score strong{font-size:34px;letter-spacing:-.04em}
.detail-score span{color:#e8e3ff;font-size:11px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.detail-grid section,.detail-jd{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fcfbff}
.match-detail-content h3{margin:0 0 7px;font-size:12px}
.match-detail-content p{margin:5px 0;color:var(--muted);font-size:11px;line-height:1.65}
.detail-jd>p:last-child{max-height:170px;overflow:auto;white-space:pre-wrap}
.api-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.api-preset{min-height:62px;padding:11px;border:1px solid var(--line);border-radius:10px;display:grid;gap:4px;color:var(--ink);background:#fff;text-align:left}
.api-preset strong{font-size:11px}.api-preset small{color:var(--muted);font-size:9px}
.api-preset:hover{border-color:#cec5f2}.api-preset.active{border-color:var(--violet);color:#5335d6;background:#f5f1ff}
.model-field{display:grid;grid-template-columns:1fr auto;gap:7px}.model-field .btn{min-height:40px;padding:0 12px}
@media(max-width:1120px){.studio-layout{grid-template-columns:1fr}.history-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
  .logo img{width:36px;height:36px}
  .ai-studio{padding:16px}
  .ai-studio>.panel-head{align-items:flex-start}
  .ai-studio>.panel-head .btn{padding:0 10px;white-space:nowrap}
  .ai-tool-grid{grid-template-columns:1fr 1fr}
  .ai-tool{min-height:82px;padding:12px}
  .studio-console{padding:13px}
  .studio-fields{grid-template-columns:1fr}
  .studio-actions{align-items:flex-start;flex-direction:column}
  .studio-actions .btn{width:100%}
  .studio-output{min-height:210px}
  .history-list{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
  .studio-output-actions{justify-content:stretch}
  .studio-output-actions .btn{flex:1}
  .api-presets{grid-template-columns:1fr}
}