.ag-page{max-width:1320px;margin:auto;padding:45px 5% 80px;color:#c3d9ac}.ag-page h1{font-size:42px;line-height:1.35;font-weight:450;letter-spacing:-1px;margin:20px 0}.ag-page h1 em{font-style:normal;color:#8fac73}.ag-lead{font-size:12px;line-height:2;color:#91a67e;white-space:pre-line;overflow-wrap:anywhere}.ag-connection{margin:25px 0;padding:22px;border:1px solid #826c42;border-radius:7px;background:#332e21;color:#e5c891;font-size:12px}.ag-connection p{font-size:11px;line-height:1.9;margin-bottom:0}.ag-connection.configured{background:#24381f;color:#c4dda9;border-color:#597d3f}.ag-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;margin-top:35px}.ag-columns form>label{display:block;color:#a9c18f;font-size:11px;margin-bottom:12px}.ag-columns :is(select,textarea){width:100%;color:#d2e7bc;background:#1d2b1d;border:1px solid #4b613a;border-radius:5px;font:12px/1.8 system-ui;padding:13px;min-width:0}.ag-preview-link{display:block;font-size:10px;color:#a9c98a;margin:13px 0 25px}.ag-budget{margin:22px 0;padding:20px;background:#243320;border-radius:6px;font-size:11px;color:#b4cd99}.ag-budget p{font-size:10px;line-height:1.9;color:#8fa978}.ag-columns .ag-consent{display:flex;gap:10px;align-items:start;font-size:10px;line-height:1.9;margin:25px 0}.ag-consent input{margin-top:5px;accent-color:#b8de8c}.ag-columns button.primary{font-size:11px;padding:13px 19px}.ag-columns button:disabled{opacity:.45;cursor:not-allowed}.ag-columns aside{padding:30px;background:#1e2b1d;border:1px solid #394b2e;border-radius:8px;align-self:start}.ag-columns h2,.ag-history h2{font-size:20px;font-weight:450;color:#bed7a3;margin:0 0 20px}.ag-columns ol{padding-left:20px;font-size:12px;line-height:2.6;color:#9ab681}.ag-columns aside p{font-size:10px;line-height:1.9;color:#7d9c64}.ag-columns details{margin-top:25px;border-top:1px solid #3c522d;padding-top:20px}.ag-columns summary{font-size:11px;cursor:pointer}.ag-columns pre{font-size:10px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#9cbf7b}.ag-history{margin-top:55px;border-top:1px solid #3e512f;padding-top:25px}.ag-history p{font-size:11px;color:#91ab77}.ag-history button{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;border-bottom:1px solid #3b4d2e;padding:18px 0;gap:20px;color:#b6cea0}.ag-history b{font-size:12px;font-weight:450}.ag-history span{font-size:10px;color:#8aa674}.ag-job-heading{display:flex;justify-content:space-between;gap:30px;align-items:center}.ag-job-heading>div:last-child{display:flex;gap:15px}.ag-job-heading button{font-size:11px}.ag-back{font-size:11px;color:#a1bb87;margin-bottom:30px}.ag-token{font:10px/1.8 monospace;color:#85a16e;overflow-wrap:anywhere}.ag-wait{border:1px dashed #5e7c44;padding:50px 30px;font-size:12px;color:#a4c486;margin-top:30px}.ag-review-note{font-size:11px;line-height:1.9;padding:20px;background:#2c381f;border:1px solid #657c43;border-radius:5px;color:#b8cb97;margin:25px 0}.ag-result{display:block;width:100%;height:750px;background:#f4f4e9;border:1px solid #69854d;border-radius:7px}.ag-diff{margin-top:30px}.ag-diff>summary{font-size:13px;cursor:pointer;color:#bfda9f}.ag-diff article{margin:20px 0;border:1px solid #435c30;padding:18px;border-radius:6px}.ag-diff code{display:block;font-size:11px;color:#c3ddaa;margin-bottom:18px;overflow-wrap:anywhere}.ag-diff article>div{display:grid;grid-template-columns:45px 1fr;gap:15px;color:#839e6b;font-size:10px}.ag-diff pre{font:11px/1.8 system-ui;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;color:#a2bc8a}@media(max-width:800px){.ag-columns{grid-template-columns:1fr;gap:30px}.ag-job-heading{align-items:start;flex-direction:column;gap:10px}.ag-result{height:650px}.ag-page h1{font-size:34px}.ag-history button{align-items:start;flex-direction:column;gap:8px}}@media(max-width:500px){.ag-page{padding:30px 20px 55px}.ag-page h1{font-size:29px}.ag-lead{font-size:11px}.ag-columns{gap:25px}.ag-connection{padding:18px;font-size:11px}.ag-columns aside{padding:22px}.ag-columns :is(select,textarea){font-size:12px}.ag-job-heading>div:last-child{flex-wrap:wrap}.ag-result{height:620px}.ag-budget{padding:17px}.ag-diff article{padding:13px}.ag-wait{padding:25px 20px;line-height:2}.ag-history h2{font-size:19px}}
.ag-plan{padding:18px;border:1px solid #435936;border-radius:6px;margin:0 0 25px;font-size:10px;color:#9dbb83}.ag-plan>b{display:block;color:#c0d9a5;margin-bottom:14px}.ag-plan>div{display:grid;grid-template-columns:95px 1fr;gap:12px;margin:11px 0;line-height:1.8}.ag-plan strong{font-weight:450}.ag-plan code{font-size:9px;color:#789762;display:block}.ag-plan small{display:block;margin-top:13px;font-size:9px;color:#8da578}
/* Batch W: tone presets + structure planner (#256/#278). */
.ag-sec-label{display:block;font-size:12px;color:#c0d9a5;margin:0 0 6px}
.ag-tone-row{display:flex;gap:6px;flex-wrap:wrap}
.ag-tone{font:12px 'Noto Sans SC';border:1px solid #4b613a;background:#1d2b1d;border-radius:16px;padding:6px 14px;cursor:pointer;color:#a9c18f;transition:border-color .15s,color .15s}
.ag-tone:hover{border-color:#8fac73;color:#d2e7bc}
.ag-tone.active{background:#8fac73;border-color:#8fac73;color:#1d2b1d;font-weight:550}
.ag-tone-hint{display:block;font-size:11px;color:#8fa978;margin-top:6px;line-height:1.6}
.ag-planner{border:1px dashed #597d3f;border-radius:10px;padding:10px 14px;margin:10px 0;background:#243320}
.ag-planner summary{font-size:12px;color:#c0d9a5;cursor:pointer;user-select:none}
.ag-planner-row{display:flex;gap:8px;align-items:center;margin:10px 0;flex-wrap:wrap}
.ag-planner-row label{font-size:12px;color:#a9c18f}
.ag-planner-row select{font:12px 'Noto Sans SC';padding:6px 8px;border:1px solid #4b613a;border-radius:7px;background:#1d2b1d;color:#d2e7bc}
.ag-planner-goal{font-size:12px;color:#b8de8c;margin:8px 0}
.ag-planner-pages{display:grid;gap:8px;margin:10px 0}
.ag-planner-pages article{display:flex;flex-direction:column;gap:3px;background:#1d2b1d;border:1px solid #394b2e;border-radius:8px;padding:9px 12px}
.ag-planner-pages b{font-size:13px;color:#d2e7bc}
.ag-planner-pages code{font:10px ui-monospace,monospace;color:#8fa978}
.ag-planner-pages span{font-size:11px;color:#9ab681;line-height:1.6}
@media(prefers-reduced-motion:reduce){.ag-tone{transition:none}}
.ag-ai-mark{display:flex;align-items:center;gap:10px;margin:18px 0;padding:12px 16px;background:#2c2313;border:1px solid #8a6d2f;border-radius:6px}
.ag-ai-mark small{font-size:10px;color:#cdb67e;line-height:1.7}
.ag-ai-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.6px;color:#f2d489;background:#4d3a12;border:1px solid #a5843a;border-radius:4px;padding:4px 9px;text-transform:uppercase}