:root{--green:#1e8a5e;--green-dark:#16714c;--green-soft:#e6f4ee;--ink:#1c2520;--muted:#5f6d66;--line:#dde5e0;--bg:#f5f8f6;--card:#fff;--danger:#b3382c;--danger-soft:#fbeae8;--radius:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}h2{margin:0 0 .5rem;font-size:1.15rem}h3{margin:1.25rem 0 .25rem;font-size:1rem}.app-loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:10;flex-wrap:wrap;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:.45rem;font-weight:700;display:flex}.brand-dot{background:var(--green);border-radius:4px;width:12px;height:12px;display:inline-block}.tabs{flex:1;gap:.25rem;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.45rem .8rem;font-size:.95rem}.tab:hover{background:var(--bg)}.tab.active{background:var(--green-soft);color:var(--green-dark);font-weight:600}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:underline}.content{max-width:1240px;margin:0 auto;padding:1.25rem 1rem 4rem}.narrow{max-width:860px;margin-left:auto;margin-right:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.card.slim{padding:.9rem 1.25rem}.card.center{text-align:center}label{margin:.9rem 0 .3rem;font-size:.88rem;font-weight:600;display:block}input[type=text],input[type=url],input[type=password],input:not([type]),textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:.55rem .7rem}input:focus,textarea:focus{outline:2px solid var(--green);outline-offset:0;border-color:var(--green)}textarea{resize:vertical}.btn{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.4rem;margin-top:1rem;padding:.55rem 1rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--green)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.primary:hover:not(:disabled){background:var(--green-dark)}.btn.small{margin-top:.5rem;padding:.3rem .7rem;font-size:.85rem}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.center{justify-content:center}.muted{color:var(--muted);font-size:.92rem}.prewrap{white-space:pre-wrap;overflow-wrap:break-word;margin:.4rem 0}.error-text{color:var(--danger);margin:.6rem 0 0;font-size:.9rem}.login-wrap{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:360px;padding:2rem}.login-brand{justify-content:center;margin-bottom:.75rem;font-size:1.1rem}.login-card .btn{justify-content:center;width:100%}.pipeline-head{top:var(--topbar-h,57px);z-index:9;background:var(--bg);gap:.6rem;margin:-.25rem 0 .5rem;padding:.25rem 0 .75rem;display:grid;position:sticky}.pipeline-head .banner{margin-bottom:0}.stepper-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.danger-text{color:var(--danger)}.stepper{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.stepper li{display:contents}.step{font:inherit;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .35rem;font-size:.88rem;display:flex}.step:not(:disabled){cursor:pointer}.step:not(:disabled):hover{border-color:var(--line);background:var(--card)}.step.current{color:var(--green-dark);background:var(--green-soft);border-color:var(--green);font-weight:600}.step.done{color:var(--green-dark)}.step-num{background:var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.78rem;font-weight:700;display:grid}.step.current .step-num,.step.done .step-num{background:var(--green);color:#fff}.banner{border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.7rem 1rem;display:flex}.banner.error{background:var(--danger-soft);color:var(--danger);border:1px solid #eac6c1}.banner.error .btn{margin-top:0}.banner.loading{background:var(--green-soft);color:var(--green-dark);border:1px solid #c4e2d4;justify-content:flex-start}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.cursor{background:var(--green);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.seg{border:1px solid var(--line);border-radius:8px;margin-top:.9rem;display:inline-flex;overflow:hidden}.seg-btn{font:inherit;cursor:pointer;color:var(--muted);background:#fff;border:none;padding:.45rem .9rem}.seg-btn.active{background:var(--green);color:#fff;font-weight:600}.workspace{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.angles-panel{top:calc(var(--topbar-h,57px) + var(--pipeline-head-h,48px) + 4px);max-height:calc(100vh - var(--topbar-h,57px) - var(--pipeline-head-h,48px) - 24px);margin-bottom:0;padding:1rem 1rem 0;position:sticky;overflow-y:auto}.panel-footer{background:var(--card);border-top:1px solid var(--line);margin:.75rem -1rem 0;padding:.6rem 1rem 1rem;position:sticky;bottom:0}.panel-footer .btn{margin-top:0}.platform-picker{flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem;display:flex}.pf-chip{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:.2rem .55rem;font-size:.78rem}.pf-chip:disabled{opacity:.5;cursor:default}.pf-chip.active{background:var(--green-soft);border-color:var(--green);color:var(--green-dark);font-weight:600}.panel-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.panel-head h2{margin:0}.summary-details{margin:.5rem 0 .25rem;font-size:.9rem}.summary-details summary{cursor:pointer;color:var(--green-dark);font-weight:600}.angles-panel .angle-idea{font-size:.88rem}.angles-panel .angle-reason{font-size:.8rem}.angles-panel .angle>label{padding:.55rem .6rem}.btn.full{justify-content:center;width:100%}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:start;gap:1rem;display:grid}.posts-grid .card{margin-bottom:0}.placeholder{border-style:dashed}@media (width<=900px){.workspace{grid-template-columns:1fr}.angles-panel{max-height:none;position:static;overflow:visible}.posts-grid{grid-template-columns:1fr}}.summary-block{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.summary-block h3{margin-top:0}.angle-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.angle{border:1px solid var(--line);background:#fff;border-radius:8px}.angle.selected{border-color:var(--green);background:var(--green-soft)}.angle>label{cursor:pointer;align-items:flex-start;gap:.6rem;margin:0;padding:.7rem .8rem;font-weight:400;display:flex}.angle input{accent-color:var(--green);margin-top:.25rem}.angle-main{gap:.15rem;display:grid}.angle-head{gap:.35rem;display:flex}.chip{background:var(--line);color:var(--ink);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.chip.strong{background:var(--green);color:#fff}.chip.weak{color:#7a5d13;background:#eee3c8}.angle-idea{font-weight:600}.angle-reason{color:var(--muted);font-size:.88rem}.post-card{padding-top:1rem}.post-head{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.platform-badge{color:#fff;background:var(--ink);border-radius:999px;padding:.2rem .65rem;font-size:.78rem;font-weight:700}.platform-badge.x{background:#111}.platform-badge.linkedin{background:#0a66c2}.platform-badge.facebook{background:#1877f2}.platform-badge.instagram{background:#b13589}.platform-badge.pinterest{background:#bd081c}.platform-badge.youtube{background:#c00}.platform-badge.reddit{background:#ff4500}.post-meta{color:var(--muted);font-size:.9rem}.post-meta .arrow{color:var(--green)}.post-meta strong{color:var(--ink)}.hooks{gap:.35rem;margin:.5rem 0;display:grid}.hooks-label{color:var(--muted);margin:0 0 .15rem;font-size:.85rem;font-weight:600}.hook{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:.5rem;margin:0;padding:.45rem .6rem;font-size:.92rem;font-weight:400;display:flex}.hook input{accent-color:var(--green);margin-top:.2rem}.hook.selected{border-color:var(--green);background:var(--green-soft)}.hook-main{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.chip.trigger{color:#33538a;background:#e8eef9}.refine-row{align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.refine-row input{flex:1;padding:.4rem .6rem;font-size:.88rem}.refine-row .btn{margin-top:0}.field-help{color:var(--muted);margin:0 0 .3rem;font-size:.85rem}.qa-list{gap:.5rem;margin-top:.6rem;display:grid}.qa-item{background:#f2f6fb;border:1px solid #d7e2f0;border-radius:8px;padding:.6rem 1.8rem .6rem .8rem;font-size:.9rem;position:relative}.qa-item.error{background:var(--danger-soft);border-color:#eac6c1}.qa-question{color:#33538a;margin:0 0 .25rem;font-weight:600}.qa-item.error .qa-question{color:var(--danger)}.qa-answer{margin:0}.no-top{margin-top:0}.help h2{margin-bottom:.25rem}.help>.muted{margin:0 0 1rem}.help ul,.help-steps{margin:.5rem 0;padding-left:1.2rem}.help li{margin-bottom:.45rem}.help p{margin:.6rem 0}.audit-entry{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-bottom:.5rem;padding:.6rem .8rem;font-size:.9rem}.audit-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.chip.kind-source{background:var(--green);color:#fff}.chip.kind-angles{color:#33538a;background:#e8eef9}.chip.kind-posts{color:#6d3a8a;background:#f3e8f9}.audit-label{overflow-wrap:anywhere;font-weight:600}.audit-time{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:.82rem}.audit-entry details{margin-top:.35rem}.audit-entry summary{cursor:pointer;color:var(--green-dark);font-size:.85rem;font-weight:600}.audit-entry pre{background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;margin:.4rem 0 0;padding:.6rem;font-size:.78rem;overflow-x:auto}.qa-dismiss{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.15rem;font-size:1.1rem;line-height:1;position:absolute;top:.25rem;right:.4rem}.post-body{background:var(--bg);border:1px solid var(--line);border-radius:8px;margin-top:.5rem;padding:.75rem .9rem;position:relative}.post-body.rewriting .prewrap{opacity:.35}.body-overlay{color:var(--green-dark);justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:flex;position:absolute;inset:0}.tracker-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.tracker-top .btn{margin-top:0}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .7rem}th{background:var(--bg);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap;font-size:.78rem}tr:last-child td{border-bottom:none}.nowrap{white-space:nowrap}.result-input{min-width:150px;padding:.35rem .5rem;font-size:.88rem}td .btn.small{white-space:nowrap;margin-top:0}@media (width<=600px){.topbar{gap:.5rem}.tabs{order:3;width:100%}.content{padding:1rem .75rem 3rem}.card{padding:1rem}.stepper{gap:.25rem}.step{font-size:.8rem}}