/* ID: WBT-0160 / v31 / 2026-10-27 — AI creation status and editable proposal copy. */

.studio-ai{min-width:0;max-width:100%;margin:18px 0 22px;padding:20px 0 21px;border-top:1px solid #c7d9ba;border-bottom:1px solid #c7d9ba}
.studio-ai>.studio-ai__title{margin:0 0 14px;color:#214b2c;font-size:17px;font-weight:800;line-height:1.7;overflow-wrap:anywhere}
.studio-ai__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;max-width:100%}
.studio-ai__actions>[data-studio-ai-generate]{min-width:0;max-width:100%;min-height:52px;height:auto;gap:12px;padding:14px 22px;color:#fff;background:#157c45;border-color:#157c45;font-size:13px;font-weight:800;line-height:1.8;white-space:normal;overflow-wrap:anywhere}
.studio-ai__actions>[data-studio-ai-generate]:hover{background:#0d6337}
.studio-ai__actions>[data-studio-ai-generate]:disabled{opacity:.7;cursor:wait;transform:none}
.studio-ai__actions>.studio-ai__cancel{display:inline-flex;align-items:center;justify-content:center;min-width:44px;max-width:100%;min-height:44px;height:auto;padding:10px 16px;border:1px solid #8ead80;border-radius:999px;background:#fff;color:#315a34;font:inherit;font-size:11px;font-weight:750;line-height:1.8;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.studio-ai__actions>.studio-ai__cancel:hover{background:#e7f1dc}
.studio-ai__actions>[hidden]{display:none!important}
.studio-ai button:focus-visible{outline:3px solid #126a3c;outline-offset:3px}
.studio-ai>.studio-ai__note{margin:14px 0 0;color:#4e6d47;font-size:11px;line-height:1.9;overflow-wrap:anywhere}
.studio-ai>.studio-ai__cost{margin:5px 0 0;color:#61785a;font-size:10px;line-height:1.9;overflow-wrap:anywhere}
.studio-ai>.studio-ai__status{min-width:0;margin:14px 0 0;padding:12px 13px;border:1px solid #c1d5b3;border-radius:11px;background:#e5f1d9;color:#28582e;font-size:12px;font-weight:650;line-height:1.85;white-space:normal;overflow-wrap:anywhere}
.studio-ai>.studio-ai__error{min-width:0;margin:12px 0 0;padding:12px 13px;border:1px solid #c7998c;border-radius:11px;background:#fff2ed;color:#843c30;font-size:12px;font-weight:600;line-height:1.85;white-space:normal;overflow-wrap:anywhere}
.studio-ai>.studio-ai__status:empty,.studio-ai>.studio-ai__error:empty,.studio-ai>.studio-ai__error[hidden]{display:none!important}
.studio-prompt>[data-studio-suggest]{background:#fff}
.studio-prompt>[data-studio-suggest]:hover{background:#e7f1dc}
.studio-prompt>[data-studio-suggest]:disabled{opacity:.55;cursor:default;transform:none}

/* Generated proposals keep the existing comparison-card geometry. */
.sample-ai-label{display:inline-block;max-width:100%;margin:0 0 7px;padding:4px 8px;border:1px solid #a8c696;border-radius:999px;background:#edf6e4;color:#245c30;font-size:10px;font-weight:750;line-height:1.7;overflow-wrap:anywhere}
.result-card__rationale{min-width:0;margin:13px 0 0;padding:12px 0 0;border-top:1px solid #d9e4d0;color:#496640;font-size:11px;line-height:1.85;overflow-wrap:anywhere}
.result-card__rationale>strong{display:block;margin-bottom:5px;color:#2c5330;font-size:11px;font-weight:800}
.studio-ai-usage{min-width:0;max-width:100%;margin:12px 0 0;color:#5b7252;font-size:11px;line-height:1.8;overflow-wrap:anywhere}

/* Section copy belongs to the existing content tab and its single scroller. */
.studio-editor-panel .studio-section-copy{display:block;min-width:0;max-width:100%;margin:25px 0 0;padding:19px 0 0;border-top:1px solid #d3e1c9}
.studio-section-copy>summary{min-width:0;max-width:100%;min-height:44px;padding:10px 0;color:#214f2b;font-size:13px;font-weight:800;line-height:1.75;overflow-wrap:anywhere;cursor:pointer}
.studio-section-copy>summary::marker{color:#157c45;font-size:11px}
.studio-section-copy>summary:focus-visible{outline:3px solid #126a3c;outline-offset:3px;border-radius:6px}
.studio-editor-panel .studio-section-copy>.studio-editor-hint{margin:10px 0 20px;color:#58734f;font-size:11px;line-height:1.85;overflow-wrap:anywhere}
.studio-editor-panel .studio-copy-block{display:block;min-width:0;max-width:100%;margin:0 0 19px;padding:15px 12px 3px;border:1px solid #c6d8ba;border-radius:14px;background:#fbfdf8}
.studio-editor-panel .studio-copy-block:last-child{margin-bottom:0}
.studio-copy-block>legend{max-width:100%;margin:0;padding:0 6px;color:#285d32;font-size:12px;font-weight:800;line-height:1.8;overflow-wrap:anywhere}
.studio-editor-panel .studio-copy-block .studio-editor-field{display:block;min-width:0;max-width:100%;margin:0 0 15px;color:#3f623b;font-size:11px;font-weight:750;line-height:1.8;overflow-wrap:anywhere}
.studio-editor-panel .studio-copy-block input,.studio-editor-panel .studio-copy-block textarea{min-width:0;width:100%;max-width:100%;height:auto;font-size:16px;font-weight:400;line-height:1.65}
.studio-editor-panel .studio-copy-block textarea{min-height:95px;resize:vertical}
.studio-editor-panel .studio-copy-item{display:block;min-width:0;max-width:100%;margin:10px 0 15px;padding:13px 10px 0;border:1px solid #d9e4d0;border-radius:11px;background:#fff}
.studio-copy-item>legend{max-width:100%;margin:0;padding:0 5px;color:#5a7750;font-size:10px;font-weight:800;line-height:1.8;overflow-wrap:anywhere}
.studio-editor-panel .studio-copy-item .studio-editor-field{font-size:10px}
.studio-editor-panel .studio-copy-item textarea{min-height:85px}

@media(max-width:599px){
 .studio-ai{margin-top:15px;margin-bottom:19px;padding-top:18px;padding-bottom:18px}
 .studio-ai>.studio-ai__title{font-size:16px;margin-bottom:12px}
 .studio-ai__actions{align-items:stretch;flex-direction:column;gap:9px}
 .studio-ai__actions>[data-studio-ai-generate]{width:100%;padding:12px 13px;font-size:12px;line-height:1.85}
 .studio-ai__actions>.studio-ai__cancel{width:100%;font-size:11px}
 .studio-ai>.studio-ai__note{font-size:10px;line-height:1.9}
 .studio-ai>.studio-ai__cost{font-size:10px}
 .studio-ai>.studio-ai__status,.studio-ai>.studio-ai__error{padding:11px;font-size:11px}
 .studio-prompt>[data-studio-suggest]{min-height:46px;font-size:11px}
 .studio-editor-panel .studio-copy-block{padding-inline:11px}
}
@media(prefers-reduced-motion:reduce){.studio-ai button{transition:none}.studio-ai button:hover{transform:none}}