:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f7fb;line-height:1.4}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}button,input,textarea,select{font:inherit}.topbar{position:sticky;top:0;z-index:10;background:#101827;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 2px 12px #0002}.brand{font-weight:800;letter-spacing:.2px;white-space:nowrap}.brand small{font-size:.72rem;font-weight:600;color:#9eb0cc}.top-actions{display:flex;align-items:center;gap:10px}.nav{display:flex;gap:4px;flex-wrap:wrap}.navbtn{background:transparent;color:#c9d4e6;padding:8px 10px;border-radius:9px}.navbtn.active,.navbtn:hover{background:#24324a;color:#fff}.compact{padding:8px 11px}.shell{max-width:1180px;margin:0 auto;padding:18px}.hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.hero h1{font-size:1.55rem;margin:0}.hero p{margin:.25rem 0 0}.muted{color:#6c7484}.card{background:#fff;border:1px solid #e4e8ef;border-radius:18px;padding:16px;box-shadow:0 5px 20px #19223a0d;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.badge{display:inline-block;font-size:.76rem;background:#eef3ff;color:#3156a3;padding:5px 8px;border-radius:999px;margin-bottom:8px}.card h2{margin:0 0 12px;font-size:1.15rem}.card h3{margin:2px 0 8px;font-size:1.05rem}.card p{line-height:1.5}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}button{border:0;border-radius:11px;padding:10px 14px;cursor:pointer;font-weight:700}button.primary{background:#1c63e7;color:#fff}button.secondary{background:#edf2fa;color:#23314a}button.danger{background:#ffe9e8;color:#a32921}button.linkbtn{background:transparent;color:#1c63e7;padding:6px 2px}button:disabled{opacity:.55;cursor:not-allowed}textarea,input,select{width:100%;border:1px solid #d9dee8;border-radius:11px;padding:11px;background:#fff;color:#172033}textarea{min-height:135px;resize:vertical}textarea.short{min-height:78px}label{display:block;font-weight:650;margin:11px 0}label input,label textarea,label select{margin-top:6px;font-weight:400}.inline-label{margin-top:12px}.draft-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}.preview{aspect-ratio:1/1;background:#edf0f5;border-radius:16px;display:grid;place-items:center;overflow:hidden}.preview img{width:100%;height:100%;object-fit:cover}.alert{padding:12px 14px;border-radius:11px;margin:10px 0}.alert.error{background:#ffe9e8;color:#91221b}.alert.ok{background:#e8f7ed;color:#19633a}.small-gap{margin-top:5px;font-weight:400}.status{font-size:.82rem;padding:5px 8px;border-radius:999px;background:#f0f2f6}.published-tag{background:#e8f7ed;color:#19633a}.meta-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.setup-body{min-height:100vh;display:grid;place-items:center;padding:18px}.setup-card{width:min(700px,100%);background:#fff;border-radius:18px;padding:22px;box-shadow:0 12px 40px #0002}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(420px,100%)}.splash{padding:40px;text-align:center}.failed{border-left:4px solid #d9534f}.ready{border-left:4px solid #4a86e8}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.stat{background:#fff;border:1px solid #e4e8ef;border-radius:15px;padding:14px 16px;box-shadow:0 4px 15px #19223a0b;display:flex;justify-content:space-between;align-items:center}.stat span{color:#6c7484}.stat strong{font-size:1.5rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:20px 0 10px}.section-head h2{margin:0}.segmented{display:inline-flex;background:#e9eef6;border-radius:11px;padding:3px}.segmented button{background:transparent;padding:8px 12px}.segmented button.active{background:#fff;box-shadow:0 1px 5px #0001}.count-pill{background:#e9eef6;border-radius:999px;padding:7px 10px;font-weight:700;color:#48556d}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.history-card{padding:0;overflow:hidden}.history-image{aspect-ratio:1/1;background:#eef1f5}.history-image img{width:100%;height:100%;object-fit:cover}.history-body{padding:15px}.caption-view{white-space:pre-line;max-height:210px;overflow:auto}.hashtags-view{color:#3156a3;word-break:break-word}.idbox{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f4f6f9;padding:8px 10px;border-radius:9px;margin:10px 0;word-break:break-all}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.test-grid{display:flex;gap:8px;flex-wrap:wrap}.log-list{display:grid;gap:8px}.log-row{background:#fff;border:1px solid #e4e8ef;border-left:4px solid #8792a5;border-radius:12px;padding:11px 13px;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.6fr) auto;gap:10px;align-items:start}.log-row.error{border-left-color:#d9534f}.log-row.warning{border-left-color:#d69e2e}.log-row.info{border-left-color:#4a86e8}.log-row time{color:#6c7484;font-size:.85rem;white-space:nowrap}.log-level{font-size:.72rem;text-transform:uppercase;background:#f0f2f6;border-radius:999px;padding:3px 6px;margin-right:7px}.log-row pre{grid-column:1/-1;background:#f6f7f9;padding:9px;border-radius:8px;overflow:auto;margin:0;font-size:.78rem}@media(max-width:900px){.topbar{align-items:flex-start}.top-actions{align-items:flex-end;flex-direction:column}.nav{justify-content:flex-end}.draft-grid,.settings-grid{grid-template-columns:1fr}.log-row{grid-template-columns:1fr}.log-row pre{grid-column:auto}}@media(max-width:700px){.shell{padding:12px}.hero{align-items:flex-start;flex-direction:column}.topbar{padding:10px 12px;position:static;flex-direction:column;align-items:stretch}.top-actions{align-items:stretch}.nav{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:2px}.navbtn{white-space:nowrap}.compact{align-self:flex-end}.card{border-radius:14px}.grid2,.stat-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.history-grid{grid-template-columns:1fr}}
