[data-tool=text_acrostic_builder] .ds-hero{padding-block:18px}
#acWork{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;align-items:start;margin-top:14px}
.ac-col{display:grid;gap:11px;min-width:0}
.ac-card{padding:15px;border:1px solid #3d3656;border-radius:15px;background:#1b1829;min-width:0}
.ac-card h2{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c8b4ff}
#acInput{display:block;width:100%!important;box-sizing:border-box;min-height:200px;padding:11px;border:1px solid #4a4560;border-radius:10px;background:#100e1c;color:#fff;font:16px/1.6 inherit;resize:vertical}
.ac-opts{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:10px}
.ac-opts label{display:grid;gap:4px;color:#d6d0e3;font-size:13px}
#acPos,#acTarget{box-sizing:border-box;min-height:44px;padding:7px 10px;border:1px solid #4a4560;border-radius:10px;background:#100e1c;color:#fff;font:inherit;font-size:16px}
#acPos{width:90px}#acTarget{width:100%}
.ac-seg{display:inline-flex;overflow:hidden;border:1px solid #4a4560;border-radius:10px}
.ac-seg button{min-height:42px;padding:0 13px;border:0;background:none;color:#d6d0e3;font:inherit;font-size:14px;cursor:pointer}
.ac-seg button[aria-pressed=true]{background:#f6cd63;color:#231a08;font-weight:700}
.ac-opts .ac-check{display:flex;align-items:center;gap:7px;min-height:44px;font-size:14px;cursor:pointer}
.ac-check input{width:18px;height:18px}
.ac-actions{display:flex;flex-wrap:wrap;gap:7px}
.ac-btn,.ac-file{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border:1px solid #4a4560;border-radius:10px;background:none;color:#ece7f6;font:inherit;font-size:14px;cursor:pointer}
.ac-btn:hover:not(:disabled),.ac-file:hover{border-color:#c8b4ff}.ac-btn:disabled{opacity:.45;cursor:default}
.ac-file{position:relative}.ac-file input{position:absolute;width:1px;height:1px;opacity:0}.ac-file:focus-within{outline:2px solid #f6cd63}
#acCopy{border:0;background:#f6cd63;color:#231a08;font-weight:700}
.ac-reveal{border-color:#6a5a8e;background:linear-gradient(120deg,#33245a,#1b1829 75%)}
.ac-reveal small{color:#d6d0e3;font-size:14px}
#acWord{display:block;max-height:220px;overflow:auto;color:#f6cd63;font-size:clamp(34px,5.500vw,62px);font-weight:800;letter-spacing:.08em;line-height:1.15;overflow-wrap:anywhere}
#acMeta{margin:6px 0 0;color:#bdb6cc;font-size:13px}
#acProgress{margin:0;padding:9px 12px;border-left:3px solid #7cc4ff;border-radius:8px;background:#7cc4ff14;color:#d6ecff;font-size:14px}
#acProgress.is-done{border-color:#5fd59a;background:#5fd59a1a;color:#c9f3da}
#acLines{display:grid;gap:4px;max-height:430px;margin:0;padding:0;overflow:auto;list-style:none}
#acLines li{display:flex;align-items:center;gap:9px;margin:0;padding:6px 8px;border-radius:8px;background:#141120}
#acLines li.is-hit{box-shadow:inset 3px 0 #5fd59a}#acLines li.is-miss{box-shadow:inset 3px 0 #ff8d8d}
.ac-n{flex:none;width:30px;color:#a9a2bb;font-size:12px;text-align:right}
.ac-ch{flex:none;width:30px;height:30px;border-radius:7px;background:#f6cd63;color:#231a08;font-weight:800;line-height:30px;text-align:center}
.ac-line{flex:1;min-width:0;color:#ece7f6;overflow-wrap:anywhere}
.ac-line mark{padding:0 2px;border-radius:3px;background:#f6cd6340;color:#f6cd63;font-weight:800}
.ac-line em{color:#a9a2bb}
.ac-want{flex:none;color:#ffb4b4;font-size:12px}li.is-hit .ac-want{color:#9fe6bd}
#acPager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#bdb6cc;font-size:13px}
#acPager[hidden]{display:none}
#acStatus{min-height:20px;margin:0;color:#c9f3da;font-size:14px}#acStatus.is-bad{color:#ffb4b4;font-weight:600}
@media(max-width:900px){#acWork{grid-template-columns:minmax(0,1fr)}.ac-right{order:-1}#acInput{min-height:150px}#acLines{max-height:none}}
@media(max-width:700px){[data-tool=text_acrostic_builder] .ds-hero{padding:16px}[data-tool=text_acrostic_builder] .ds-badges,[data-tool=text_acrostic_builder] .ds-eyebrow{display:none}.ac-actions .ac-btn,.ac-actions .ac-file{flex:1 1 40%}}
/* restyle 2026-11-02 */
[data-tool=text_acrostic_builder] .ds-hero{padding:26px 30px;border:1px solid #6f5686;border-radius:20px;background:radial-gradient(circle at 92% 0%,#6b3fa04d,transparent 45%),radial-gradient(circle at 0% 100%,#f6cd6314,transparent 40%),linear-gradient(135deg,#2e2642,#242032);margin-bottom:0}
[data-tool=text_acrostic_builder] .ds-hero p{margin:10px 0 16px;color:#d6d0e3;max-width:760px}
[data-tool=text_acrostic_builder] .ds-badges span{padding:6px 12px;background:#ffffff0a}
#acWork{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;margin-top:16px}
.ac-col{gap:14px}
.ac-card{padding:18px;border-color:#3f3658;border-radius:16px;background:#1c1828}
.ac-card h2{font-size:12px;letter-spacing:.09em}
.ac-opts{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:12px;margin-top:14px}
.ac-opts>label,.ac-opts>div{gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#bdb2d6}
.ac-opts>div br{display:none}.ac-lab{display:block;margin-bottom:6px}
.ac-opts .ac-check{text-transform:none;letter-spacing:0;font-weight:400;font-size:14px;color:#d6d0e3}
.ac-card>label{display:grid;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#bdb2d6}
.ac-col>.ac-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;padding:12px;border:1px dashed #3f3658;border-radius:16px}
.ac-btn,.ac-file{background:#ffffff08}
#acExample{border:0;background:#f6cd63;color:#231a08;font-weight:700}
.ac-reveal{padding:26px 24px;border-color:#6f5686;background:radial-gradient(circle at 100% 0%,#f6cd631f,transparent 50%),linear-gradient(130deg,#3a2763,#1c1828 80%)}
.ac-reveal small{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#c8b4ff}
#acWord{min-height:1.15em;margin-top:8px;font-size:clamp(40px,6vw,76px)}
#acStatus{min-height:0}#acStatus:empty{display:none}
@media(max-width:700px){.ac-opts{grid-template-columns:auto 1fr}.ac-opts .ac-check{grid-column:1/-1}[data-tool=text_acrostic_builder] .ds-hero{padding:18px}.ac-col>.ac-actions{grid-template-columns:1fr 1fr}.ac-reveal{padding:20px 18px}}
@media(max-width:900px){#acWork{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.ac-right>.ac-actions{display:grid;grid-template-columns:1fr 1fr}#acWord{font-size:44px}}