:root{
  --bg:#f4f6f8;
  --card:#ffffff;
  --text:#172033;
  --muted:#657189;
  --border:#dce3ec;
  --accent:#183a63;
  --accent-2:#eef4fb;
  --danger:#b42318;
  --shadow:0 18px 45px rgba(23,32,51,.08);
  --radius:22px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background:linear-gradient(135deg,#f7f9fb 0%,#eef3f8 100%);
  color:var(--text);
}
.app-shell{min-height:100vh;padding:22px}
.builder-card{max-width:1500px;margin:0 auto}
.topbar{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:rgba(255,255,255,.88);border:1px solid var(--border);border-radius:var(--radius);
  padding:22px 24px;margin-bottom:18px;box-shadow:var(--shadow);backdrop-filter: blur(12px);
}
h1,h2,p{margin:0}
h1{font-size:26px;letter-spacing:-.03em;line-height:1.16}
h2{font-size:16px;letter-spacing:-.01em;margin-bottom:12px}.subtext{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.6}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--accent);margin-bottom:6px}.status-pill,.mini-badge{white-space:nowrap;border:1px solid #cdd9e7;background:#eef4fb;color:#183a63;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.mini-badge{padding:6px 10px}.grid-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr);gap:18px;align-items:start}.form-panel{display:flex;flex-direction:column;gap:14px}.section-card,.preview-panel{background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.main-input-card textarea{min-height:245px}.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.section-title-row h2{margin-bottom:4px}.section-title-row p{font-size:13px;color:var(--muted);line-height:1.55;max-width:680px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:750;color:#26334a}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:16px;background:#fbfcfe;color:var(--text);padding:12px 13px;font:inherit;outline:none;transition:.18s ease}textarea{resize:vertical;line-height:1.55}input:focus,select:focus,textarea:focus{border-color:#9eb7d5;box-shadow:0 0 0 4px rgba(24,58,99,.08);background:white}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.hidden{display:none!important}.chips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.chips-grid label{cursor:pointer;flex-direction:row;align-items:center;gap:9px;background:#f8fafc;border:1px solid var(--border);border-radius:999px;padding:10px 12px;font-size:12px;min-height:42px}.chips-grid input{width:15px;height:15px;accent-color:var(--accent)}.chips-grid span{line-height:1.2}.text-btn{border:0;background:transparent;color:var(--accent);font-weight:850;cursor:pointer;padding:4px 0}.preview-panel{position:sticky;top:18px}.preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.preview-header h2{margin-bottom:0}#wordCount{font-size:12px;color:var(--muted);font-weight:800;background:#f5f7fa;border:1px solid var(--border);border-radius:999px;padding:7px 10px;white-space:nowrap}#finalPrompt{min-height:625px;background:#0f1724;color:#e8edf5;border-color:#202c3f;border-radius:18px;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:12.5px}.actions{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr .8fr;gap:8px;margin-top:12px}button{border:0;border-radius:14px;padding:12px 12px;font-weight:850;cursor:pointer;transition:.18s ease}.primary-btn{background:var(--accent);color:white}.ghost-btn{background:#eef3f8;color:#1d2e46;border:1px solid #d8e2ed}.danger-btn{background:#fff0ee;color:var(--danger);border:1px solid #ffd5cf}button:hover{transform:translateY(-1px);filter:brightness(.98)}.toast{position:fixed;right:24px;bottom:24px;background:#172033;color:white;padding:12px 16px;border-radius:14px;font-size:13px;font-weight:800;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s ease}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.grid-layout{grid-template-columns:1fr}.preview-panel{position:static}.actions{grid-template-columns:1fr 1fr 1fr}#finalPrompt{min-height:430px}.chips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.app-shell{padding:12px}.topbar{padding:18px;align-items:flex-start;flex-direction:column}h1{font-size:22px}.two-col,.three-col{grid-template-columns:1fr}.chips-grid{grid-template-columns:1fr}.section-card,.preview-panel{padding:15px;border-radius:18px}.actions{grid-template-columns:1fr 1fr}.primary-btn{grid-column:1/-1}.status-pill{white-space:normal}.main-input-card textarea{min-height:220px}}