:root{--bg:#f5f7fb;--ink:#121826;--muted:#657084;--line:#dce3ee;--panel:#ffffff;--panel-strong:#f9fbfe;--brand-red:#c9152a;--brand-red-dark:#9f1022;--navy:#1c2d4a;--cyan:#126c86;--green:#216e4e;--amber:#a15c00;--shadow:0 18px 50px rgba(18,24,38,0.09);--radius:8px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(245,247,251,.9)),var(--bg);font-family:Arial,Helvetica Neue,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;padding:22px}.topbar{align-items:center;background:#111827;border:1px solid #202b3f;border-radius:var(--radius);color:#fff;display:flex;justify-content:space-between;min-height:92px;padding:20px 22px}.brand-banner h2,.panel h2,.topbar h1{letter-spacing:0;margin:0}.topbar h1{font-size:clamp(26px,3vw,44px);line-height:1.04}.eyebrow{color:#6b778c;font-size:12px;font-weight:700;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.topbar .eyebrow{color:#9fb4d0}.status-strip{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:420px}.status-strip span{align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;display:inline-flex;gap:6px;min-height:34px;padding:7px 11px;white-space:nowrap}.brand-banner{align-items:end;background:linear-gradient(110deg,#ffffff,#ffffff 55%,#eef5f8);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) auto;margin:14px 0;padding:18px 20px}.brand-banner h2{color:var(--brand-red);font-size:clamp(28px,4vw,52px);line-height:1}.brand-banner p{color:#334155;line-height:1.6;margin:12px 0 0;max-width:780px}.brand-banner__meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.brand-banner__meta span{background:#f8fafc;border:1px solid var(--line);border-radius:999px;color:#334155;padding:7px 11px}.workspace-grid{align-items:start;display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(260px,.82fr) minmax(420px,1.18fr) minmax(360px,1fr)}.source-rail{display:grid;grid-gap:14px;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:16px}.panel-heading{align-items:center;display:flex;gap:9px;margin-bottom:14px}.panel-heading h2{font-size:18px;line-height:1.2}.panel-heading--between{align-items:flex-start;flex-wrap:wrap;justify-content:space-between}.brief-controls{align-items:start;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(180px,1fr) minmax(150px,.74fr);min-width:min(100%,420px)}.compact-field{gap:5px}.compact-field small{color:var(--muted);font-size:11px;line-height:1.35}.select-shell{align-items:center;background:#fbfdff;border:1px solid #cfd8e6;border-radius:7px;color:var(--cyan);display:grid;grid-gap:7px;gap:7px;grid-template-columns:20px minmax(0,1fr);padding-left:10px}.select-shell select{background:transparent;border:0;box-shadow:none;min-height:38px;padding-left:0}.select-shell:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(18,108,134,.12)}.source-list,.source-tile{display:grid;grid-gap:10px;gap:10px}.source-tile{align-items:center;background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:92px minmax(0,1fr);padding:8px}.source-tile img{aspect-ratio:16/10;border-radius:6px;height:auto;object-fit:cover;width:92px}.source-tile span,.source-tile strong{display:block}.source-tile strong{font-size:13px}.source-tile span{color:var(--muted);font-size:12px;line-height:1.35;margin-top:3px}.guardrails,.knowledge-panel ul,.result-list ul{margin:0;padding-left:18px}.guardrails{color:#334155;display:grid;font-size:13px;grid-gap:7px;gap:7px;line-height:1.45;margin-top:14px}.knowledge-panel details{border-top:1px solid var(--line);padding:10px 0}.knowledge-panel details:first-of-type{border-top:0}.knowledge-panel summary{color:var(--navy);cursor:pointer;font-weight:700}.knowledge-panel li{color:#465468;font-size:13px;line-height:1.45;margin-top:6px}.brief-panel,.output-panel{min-height:720px}.form-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#39465a;display:grid;grid-gap:7px;gap:7px;min-width:0}label span{font-size:12px;font-weight:700;text-transform:uppercase}input,select,textarea{background:#fbfdff;border:1px solid #cfd8e6;border-radius:7px;color:var(--ink);outline:none;padding:10px 11px;width:100%}textarea{line-height:1.5;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(18,108,134,.12)}.stacked{margin-top:12px}.action-row,.icon-actions{align-items:center;display:flex;gap:10px}.action-row{justify-content:flex-start;margin-top:14px}.icon-actions button,.primary-button,.secondary-button,.small-button{align-items:center;border:1px solid transparent;border-radius:7px;display:inline-flex;font-weight:700;gap:8px;min-height:40px;padding:10px 13px}.primary-button{background:var(--brand-red);color:#fff}.primary-button:hover{background:var(--brand-red-dark)}.icon-actions button,.secondary-button,.small-button{background:#f8fafc;border-color:var(--line);color:#253247}.small-button{min-height:32px;padding:7px 10px}.icon-actions button{justify-content:center;min-height:38px;padding:0;width:38px}.notice{align-items:flex-start;border-radius:7px;display:flex;gap:8px;line-height:1.4;margin-bottom:12px;padding:10px}.notice--ok{background:#edf8f2;color:var(--green)}.notice--error{background:#fff1f2;color:var(--brand-red-dark)}.empty-output{align-items:center;background:#f8fafc;border:1px dashed #b7c3d4;border-radius:var(--radius);color:#465468;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:28px;text-align:center}.empty-output h3{color:var(--ink);font-size:22px;letter-spacing:0;margin:10px 0 6px}.empty-output p{line-height:1.55;margin:0;max-width:440px}.result-stack{display:grid;grid-gap:12px;gap:12px}.result-meta{display:flex;flex-wrap:wrap;gap:8px}.hashtag-row span,.result-meta span{background:#eef6f8;border:1px solid #c9e1e8;border-radius:999px;color:var(--cyan);font-size:12px;font-weight:700;padding:6px 9px}.result-list{background:#fbfdff;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.result-list h3{color:var(--navy);font-size:14px;letter-spacing:0;margin:0 0 8px}.result-list li{color:#334155;line-height:1.45;margin-top:5px}.result-list--caution{background:#fff9ed;border-color:#f0d6a6}.result-list--caution h3{color:var(--amber)}.result-editor textarea{background:#ffffff;min-height:420px}.hashtag-row{display:flex;flex-wrap:wrap;gap:7px}.review-details{background:#fffaf0;border:1px solid #f0d6a6;border-radius:var(--radius);padding:12px}.review-details summary{color:var(--amber);cursor:pointer;font-weight:700}.review-details .result-list{margin-top:10px}.history-block{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.history-list{display:grid;grid-gap:8px;gap:8px;max-height:280px;overflow:auto}.history-item{background:#fbfdff;border:1px solid var(--line);border-radius:7px;color:inherit;display:grid;grid-gap:4px;gap:4px;padding:10px;text-align:left}.history-item strong{font-size:13px;line-height:1.35}.history-empty,.history-item span{color:var(--muted);font-size:12px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1280px){.workspace-grid{grid-template-columns:minmax(280px,.9fr) minmax(420px,1.1fr)}.output-panel{grid-column:1/-1}}@media (max-width:820px){.app-shell{padding:12px}.brand-banner,.topbar{align-items:stretch;grid-template-columns:1fr}.topbar{display:grid;grid-gap:14px;gap:14px}.brand-banner__meta,.status-strip{align-items:flex-start;justify-content:flex-start}.brief-controls,.form-grid,.workspace-grid{grid-template-columns:1fr}.brief-panel,.output-panel{min-height:auto}}