:root { --ink:#182432; --muted:#667486; --line:#dfe7ee; --blue:#1769e0; --blue-dark:#0d55bf; --canvas:#f5f8fc; --card:#fff; --green:#078354; --orange:#bd7000; --red:#be3f45; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--canvas); font:15px/1.55 Inter, ui-sans-serif, system-ui, sans-serif; } main { width:min(1050px, calc(100% - 32px)); margin:0 auto; padding:54px 0 76px; } header { display:flex; align-items:end; justify-content:space-between; margin-bottom:30px; } h1,h2,p { margin:0; } h1 { font-size:42px; letter-spacing:-.055em; } h2 { font-size:22px; letter-spacing:-.035em; } .eyebrow { color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; } .tagline,.muted { color:var(--muted); } .card { border:1px solid var(--line); border-radius:18px; background:var(--card); box-shadow:0 10px 30px rgba(36,58,82,.05); } .setup { display:flex; gap:20px; align-items:center; justify-content:space-between; padding:25px; margin-bottom:24px; } .setup h2 { margin:4px 0 3px; } .setup p:not(.eyebrow) { color:var(--muted); } .grid { display:grid; grid-template-columns:1.5fr .8fr; gap:24px; } .composer,.guide { padding:27px; } .composer { display:grid; gap:18px; } label { display:grid; gap:7px; color:#334456; font-size:13px; font-weight:700; } input,textarea { width:100%; padding:12px; border:1px solid #ccd8e2; border-radius:10px; color:var(--ink); background:#fff; resize:vertical; } input:focus,textarea:focus { outline:3px solid #dceafe; border-color:var(--blue); } textarea { min-height:140px; } .button { display:inline-flex; width:max-content; border:1px solid transparent; border-radius:10px; padding:10px 14px; cursor:pointer; font-weight:750; text-decoration:none; } .primary { color:white; background:var(--blue); } .primary:hover { background:var(--blue-dark); } .secondary { border-color:#cdd9e3; color:#34485a; background:white; } .guide ol { padding-left:21px; margin:16px 0; color:#425365; } .guide li+li { margin-top:9px; } .queue { margin-top:38px; } .section-head { display:flex; align-items:end; justify-content:space-between; margin-bottom:15px; } .posts { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; } .post { padding:20px; } .post-top { display:flex; justify-content:space-between; gap:12px; color:var(--muted); font-size:12px; } .status { padding:3px 8px; border-radius:999px; font-weight:800; text-transform:capitalize; background:#edf1f5; } .status.scheduled { color:#7b4a00; background:#fff1d7; } .status.published { color:#056b47; background:#ddf5e9; } .status.failed { color:#a02931; background:#fee9ea; } .message { margin:17px 0 10px; white-space:pre-wrap; } .link { display:block; overflow:hidden; color:var(--blue); font-size:13px; text-overflow:ellipsis; white-space:nowrap; } .post-actions { margin-top:18px; } .error { margin-top:13px; color:var(--red); font-size:13px; } .empty { grid-column:1/-1; padding:30px; border:1px dashed #cbd8e3; border-radius:14px; color:var(--muted); text-align:center; } #notice { position:fixed; z-index:3; right:20px; bottom:20px; max-width:420px; border-radius:10px; color:white; background:var(--green); box-shadow:0 14px 30px rgba(4,39,69,.2); } #notice:empty { display:none; } #notice.success,#notice.error { padding:12px 16px; } #notice.error { background:var(--red); } @media (max-width:720px) { main { padding-top:32px; } header,.setup,.section-head { align-items:flex-start; flex-direction:column; } .grid,.posts { grid-template-columns:1fr; } .setup .button { width:100%; } }

.setup-actions{display:flex;flex-wrap:wrap;gap:10px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 24px}.metric{display:grid;gap:3px;padding:17px}.metric strong{font-size:25px;letter-spacing:-.05em}.metric span{color:var(--muted);font-size:12px;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}select{width:100%;padding:12px;border:1px solid #ccd8e2;border-radius:10px;color:var(--ink);background:#fff}select:focus{outline:3px solid #dceafe;border-color:var(--blue)}label textarea[name="firstComment"]{min-height:72px}.status.in_review{color:#5b3d93;background:#eee6ff}.post-meta{margin:12px 0 -7px;color:var(--blue);font-size:12px;font-weight:750}.audit{margin-top:24px;padding:27px}.audit h2{margin:4px 0 16px}.audit-event{display:flex;justify-content:space-between;gap:20px;margin:0;padding:11px 0;border-top:1px solid var(--line);text-transform:capitalize}.audit-event span{color:var(--muted);font-size:12px;white-space:nowrap}@media (max-width:720px){.grid,.posts,.metrics,.form-grid{grid-template-columns:1fr}}
.login{width:min(480px,100%);margin:30px auto;padding:28px}.login h2{margin:5px 0}.login form{display:grid;gap:14px;margin-top:20px}
.composer textarea[name="aiBrief"]{min-height:78px}.button:disabled{cursor:not-allowed;opacity:.55}
.agent{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:27px;margin-bottom:24px}.agent form{display:grid;gap:14px}.agent textarea{min-height:110px}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.post-image{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px;margin-top:15px}@media (max-width:720px){.agent{grid-template-columns:1fr}}
.align-end{align-self:end}.calendar{margin-top:24px;padding:27px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.calendar-day{min-height:120px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fbfdff}.calendar-day strong{font-size:12px}.calendar-day p{margin:8px 0 0;color:#38516a;font-size:11px;line-height:1.35}@media (max-width:720px){.calendar-days{grid-template-columns:repeat(2,1fr)}}
.menu{display:flex;gap:8px}.menu a{padding:7px 10px;color:var(--muted);font-size:13px;font-weight:750;text-decoration:none}.menu a.active{color:var(--blue);background:#eaf2ff;border-radius:8px}.studio-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px;margin-bottom:24px}.studio-intro h2{margin:4px 0}.studio-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}.bot-library,.canvas,.run-history{padding:24px}.bot-library{display:grid;align-content:start;gap:9px}.bot-library h2{margin-bottom:8px}.bot-library button{padding:10px;text-align:left;color:#26405b;background:#f5f8fc;border:1px solid var(--line);border-radius:9px;font-weight:750;cursor:pointer}.flow{display:flex;align-items:center;gap:10px;min-height:270px;overflow-x:auto;padding:15px}.bot-node{position:relative;display:grid;gap:6px;min-width:150px;padding:18px;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:13px;background:#fff;box-shadow:0 9px 22px rgba(36,58,82,.08)}.bot-node.learn{border-top-color:#8b5cf6}.bot-node.strategy{border-top-color:#ef8b20}.bot-node.visual{border-top-color:#db3d85}.bot-node.draft{border-top-color:#078354}.bot-node small{color:var(--muted);font-size:11px}.node-icon{color:var(--blue);font-size:11px;font-weight:900}.remove{position:absolute;right:7px;top:6px;border:0;color:#7c8a98;background:transparent;font-size:19px;cursor:pointer}.flow-arrow{color:var(--blue);font-size:24px;font-weight:900}.run-history{margin-top:24px}.run-history h2{margin:4px 0 16px}@media (max-width:720px){.studio-intro{align-items:flex-start;flex-direction:column}.studio-layout{grid-template-columns:1fr}.flow{align-items:stretch;flex-direction:column}.flow-arrow{align-self:center;transform:rotate(90deg)}}