.ai-suggestion{margin:12px 0 23px;grid-column:2}.ai-generate,.ai-apply,.ai-cancel{font:500 14px var(--sans);border-radius:100px;min-height:44px;padding:11px 17px;display:inline-flex;gap:9px;align-items:center;border:1px solid #c89ab4;color:#693951;background:#f9eaf1;transition:background .25s,box-shadow .25s}.ai-generate:hover,.ai-apply:hover{background:#f0d6e3;box-shadow:0 5px 20px #74345513}.ai-generate>.ai-icon{font-size:20px;line-height:1}.ai-working{display:flex;gap:14px;align-items:center;padding:18px 16px;border:1px solid #e8c8db;border-radius:20px;background:linear-gradient(110deg,#fff9f5,#f1dbe8,#fff9f5);background-size:200% 100%;animation:ai-shimmer 3s ease-in-out infinite}.ai-working>div{flex:1;min-width:0}.ai-working strong{font-size:15px;display:block;color:#633650}.ai-working>div>span{font-size:13px;color:#97758a;display:block;margin-top:4px}.ai-orbit{height:34px;width:34px;flex:none;border:1px solid #c797b451;border-top:2px solid #8e4b6f;border-radius:50%;animation:ai-turn 1.4s linear infinite;display:grid;place-items:center}.ai-orbit i{width:10px;height:10px;background:#b7799a;border-radius:50%;animation:ai-glow 1.5s ease-in-out infinite}.ai-cancel{padding:8px 10px;min-height:40px;background:transparent;border-color:transparent;font-size:12px}.ai-result{border:1px solid #cf9fba;border-radius:20px;padding:20px;background:#fcf1f7;margin-top:12px;animation:ai-appear .4s ease-out}.ai-eyebrow{font-size:11px;letter-spacing:.12em;color:#9d6787}.ai-result .ai-text{font:500 27px/1.25 var(--serif);color:#59344b;margin:12px 0 18px;overflow-wrap:anywhere}.ai-result .ai-apply{background:#5b304b;color:#fff1f8;border-color:#5b304b}.ai-status{font-size:13px!important;color:#8a667b;line-height:1.55;margin:8px 0 0!important}.ai-status:empty{display:none}.customizer-shell .customizer-motif+.ai-suggestion{grid-column:2}.customizer-shell .customizer-preview{grid-row:2/10}@keyframes ai-turn{to{transform:rotate(360deg)}}@keyframes ai-glow{50%{opacity:.35;transform:scale(.65)}}@keyframes ai-shimmer{50%{background-position:100% 0}}@keyframes ai-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:700px){.ai-working{flex-wrap:wrap}.ai-working>div{flex-basis:160px}.ai-cancel{margin-left:auto}.ai-result .ai-text{font-size:25px}}@media(prefers-reduced-motion:reduce){.ai-working,.ai-orbit,.ai-orbit i,.ai-result{animation:none}}
/* The action belongs to the input and contracts while the reader writes. */
.ai-input-row{position:relative;grid-column:2;min-width:0;margin-top:8px}.ai-input-row input,.ai-input-row textarea{margin-top:0!important;padding-right:124px;transition:padding-right .3s ease}.ai-input-row textarea{min-height:110px;padding-top:17px}.ai-input-row .ai-generate{position:absolute;top:6px;right:6px;min-height:42px;height:42px;width:108px;padding:8px 12px;justify-content:center;gap:6px;font-size:14px;overflow:hidden;white-space:nowrap;background:#f4e5ee;border-color:#e3cbd9;box-shadow:none;transition:width .3s ease,background .25s}.ai-button-label{max-width:145px;opacity:1;overflow:hidden;transition:max-width .3s ease,opacity .2s}.ai-input-row.is-editing input,.ai-input-row.is-editing textarea,.ai-input-row.is-generating input,.ai-input-row.is-generating textarea{padding-right:58px}.ai-input-row.is-editing .ai-generate,.ai-input-row.is-generating .ai-generate{width:42px;gap:0;padding:8px}.ai-input-row.is-editing .ai-button-label,.ai-input-row.is-generating .ai-button-label{max-width:0;opacity:0}.ai-input-row.is-generating .ai-icon{animation:ai-turn 2s linear infinite}.ai-generate:disabled{opacity:1;cursor:wait}.ai-suggestion:has(.ai-status:empty):has(.ai-result[hidden]):has(.ai-working[hidden]){margin:0}.customizer-inputs>.ai-input-row+.ai-suggestion{margin-bottom:0}.customizer-shell .customizer-preview{grid-row:2/12}@media(prefers-reduced-motion:reduce){.ai-input-row *{transition:none!important;animation:none!important}}

.ai-input-row .ai-button-label{font-size:14px;line-height:1.2;color:#593047;letter-spacing:0}.ai-input-row .ai-generate{border-radius:22px;min-height:36px;height:36px;top:9px;padding:6px 10px}.ai-input-row .ai-generate::after{content:"";position:absolute;inset:-4px 0}.ai-input-row.is-editing .ai-generate,.ai-input-row.is-generating .ai-generate{width:36px;padding:6px}.ai-input-row.is-editing input,.ai-input-row.is-editing textarea,.ai-input-row.is-generating input,.ai-input-row.is-generating textarea{padding-right:52px}

/* Dark quiz page: AI suggestion controls follow the night palette. */
.quiz-page .ai-input-row .ai-generate,.quiz-page .ai-generate,.quiz-page .ai-apply,.quiz-page .ai-cancel{background:#3a2236;border-color:#5a3b52;color:#f0c7da}
.quiz-page .ai-input-row .ai-button-label{color:#f0c7da}
.quiz-page .ai-generate:hover,.quiz-page .ai-apply:hover{background:#4c2b45;box-shadow:none}
.quiz-page .ai-working{background:linear-gradient(110deg,#2b1b29,#3a2236,#2b1b29);background-size:200% 100%;border-color:#5a3b52}
.quiz-page .ai-working strong{color:#f4e6ec}
.quiz-page .ai-working>div>span,.quiz-page .ai-status,.quiz-page .ai-eyebrow{color:#b598a7}
.quiz-page .ai-orbit{border-color:#5a3b52;border-top-color:#e9a9c5}
.quiz-page .ai-orbit i{background:#e9a9c5}
.quiz-page .ai-result{background:#2b1b29;border-color:#5a3b52}
.quiz-page .ai-result .ai-text{color:#f4e6ec}
.quiz-page .ai-result .ai-apply{background:#e9a9c5;color:#391a2c;border-color:#e9a9c5}