.clapback{margin:10px 0 42px;padding:30px;border:1px solid #536137;border-radius:20px;background:linear-gradient(135deg,#191d18,#171919)}.clapback-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.clapback-heading .muted{margin-bottom:0}.clapback-scene{width:min(220px,100%);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.clapback-scene select{margin-top:7px;text-transform:none;letter-spacing:normal}.clapback form{margin-top:24px}.clapback form>div>label+textarea{margin:8px 0 18px;min-height:92px;font-size:16px}.clapback #clapback-context{min-height:72px}.clapback #clapback-status,.clapback #clapback-error{margin:14px 0 0}.clapback-busy{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--accent);font-size:12px}.clapback-busy:before{content:'';width:10px;height:10px;border:2px solid #6f803c;border-top-color:var(--accent);border-radius:50%;animation:clapback-spin .8s linear infinite}.clapback-batch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.clapback-result-controls{display:flex;gap:12px;align-items:center;margin:18px 0 0}.clapback-result-controls .primary{width:auto;margin:0;min-height:42px;padding:10px 16px}.clapback-result-controls .text-button{white-space:nowrap}.clapback-card{border:1px solid #414938;border-radius:13px;padding:18px;margin:0;min-width:0}.clapback-card h3{font-size:19px;margin:0 0 10px}.clapback-card textarea{font-size:14px;min-height:92px;margin:0}.clapback-card label{display:block;margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.clapback-card label textarea{margin-top:7px;min-height:70px;text-transform:none;letter-spacing:normal}.clapback-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:7px}.clapback-card details{border-top:1px solid #343d30;margin-top:14px;padding-top:12px}.clapback-card summary{cursor:pointer;font-size:12px;color:#d8dccd}.clapback-card details[open] summary{margin-bottom:12px;color:var(--accent)}.clapback-feedback{border:0;margin:0;padding:0;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.clapback-feedback legend{font-size:11px;color:var(--muted);padding:0 8px 0 0}.clapback-feedback label{font-size:11px;font-weight:400;margin:0;text-transform:none;letter-spacing:normal}.clapback-feedback input[type=radio]{width:auto;margin-right:4px;accent-color:var(--accent)}.clapback-feedback textarea{width:100%;min-height:58px;font-size:13px}.clapback-feedback input[type=checkbox]{width:15px;height:15px;margin:0 6px 0 0;vertical-align:middle;accent-color:var(--accent)}@keyframes clapback-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.clapback{padding:22px 18px;margin-bottom:28px}.clapback-heading{display:block}.clapback-scene{display:block;margin-top:20px;width:100%}.clapback-batch{grid-template-columns:1fr;gap:12px}.clapback-result-controls{gap:12px}.clapback-card{padding:17px}}
@media(prefers-reduced-motion:reduce){.clapback-busy:before{animation:none}}
#clapback-ai-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
#clapback-ai-fields>label{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;font-size:13px}
#clapback-ai-fields input,#clapback-ai-fields select{width:100%;margin:0;min-height:46px;font-size:16px}
#clapback-ai-fields textarea{width:100%;min-height:104px;margin:0;font-size:16px;font-weight:400;line-height:1.5}
#clapback-ai-fields>.writing-wide,#clapback-ai-fields>p{grid-column:1/-1}
#clapback-ai-fields>p{margin:0 0 8px}
@media(max-width:600px){#clapback-ai-fields{grid-template-columns:1fr;gap:16px}}