.jf--website-widget-tools[data-tool='review-response-generator'] .jf--ww-response-workspace { position: relative; grid-template-columns: minmax(0, 1fr); min-height: 0; box-shadow: 0 8px 32px rgb(10 21 81 / 8%); }
.jf--website-widget-tools[data-tool='review-response-generator'] .jf--ww-response-workspace .jf--ww-form { height: auto; min-height: 0; padding: 24px; }
.jf--ww-response-fields { display: flex; flex-direction: column; gap: 16px; min-width: 0; margin: 0; padding: 0; border: 0; }
.jf--ww-response-fields:disabled { opacity: .6; }
.jf--website-widget-tools[data-tool] .jf--ww-response-label { display: block; margin: 0 0 4px; padding: 0; color: #0a1551; font-size: 14px; line-height: 20px; letter-spacing: -.084px; font-weight: 700; }
.jf--website-widget-tools[data-tool] .jf--ww-response-input { display: block; width: 100%; height: 40px; margin: 0; padding: 8px 12px; border: 1px solid #c8ceed; border-radius: 4px; background: #fff; color: #0a1551; font-size: 14px; line-height: 20px; letter-spacing: -.084px; box-shadow: none; }
.jf--website-widget-tools[data-tool] textarea.jf--ww-response-input { height: 104px; resize: none; }
.jf--ww-response-selects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.jf--ww-response-selects > div { min-width: 0; }
.jf--ww-response-actions { display: flex; flex-direction: column; gap: 12px; margin-top: 8px; }
.jf--website-widget-tools[data-tool] .jf--ww-response-submit { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 40px; margin: 0; padding: 8px 12px; border: 0; border-radius: 4px; background: #0075e3; color: #fff; font-size: 14px; line-height: 20px; font-weight: 500; }
.jf--website-widget-tools[data-tool] .jf--ww-response-submit:hover { background: #0066c3; }
.jf--website-widget-tools[data-tool] .jf--ww-response-example { align-self: center; margin: 0; padding: 0; border: 0; background: transparent; color: #0075e3; font-size: 14px; line-height: 20px; font-weight: 500; }
.jf--website-widget-tools[data-tool] .jf--ww-response-error { color: #b21e3b; font-size: 12px; line-height: 16px; }
.jf--website-widget-tools[data-tool='review-response-generator'] .jf--ww-output { padding: 0; }
.jf--website-widget-tools[data-tool='review-response-generator'] .jf--ww-wizard .jf--ww-response-panel { height: auto; min-height: 0; padding: 24px; border-radius: 0 0 12px 12px; background: linear-gradient(140.375deg, #0075e3 0%, #0a1551 69.252%); color: #e3e5f5; }
.jf--ww-response-results { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.jf--website-widget-tools[data-tool] .jf--ww-response-panel .jf--ww-response-results-title { margin: 0; color: #fff; }
.jf--ww-response-list { display: flex; flex-direction: column; gap: 12px; min-height: 0; max-height: 440px; overflow: auto; scrollbar-width: thin; scrollbar-color: #c8ceed transparent; }
.jf--ww-response-list::-webkit-scrollbar { width: 4px; height: 4px; }
.jf--ww-response-list::-webkit-scrollbar-track { background: transparent; }
.jf--ww-response-list::-webkit-scrollbar-thumb { border: 0; border-radius: 9999px; background: #c8ceed; }
.jf--ww-response-list::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
.jf--ww-response-card { display: flex; flex-direction: column; flex-shrink: 0; gap: 8px; padding-bottom: 8px; }
.jf--website-widget-tools[data-tool] .jf--ww-response-card-label { display: block; margin: 0; padding: 0; color: #fff; font-size: 14px; line-height: 20px; letter-spacing: -.084px; font-weight: 500; }
.jf--ww-response-text-box { padding: 12px; border: 1px solid rgb(255 255 255 / 20%); border-radius: 16px; background: rgb(255 255 255 / 10%); }
.jf--website-widget-tools[data-tool] .jf--ww-response-draft { display: block; width: 100%; min-height: 0; margin: 0; padding: 0; overflow: hidden; resize: none; border: 0; border-radius: 0; background: transparent; color: #e3e5f5; font-size: 14px; line-height: 20px; letter-spacing: -.084px; box-shadow: none; }
.jf--website-widget-tools[data-tool] .jf--ww-response-draft:focus { outline: none; box-shadow: none; }
.jf--ww-response-text-box:focus-within { border-color: #8abaff; box-shadow: 0 0 0 1px rgb(138 186 255 / 30%); }
.jf--ww-response-copy-row { display: flex; justify-content: flex-end; margin-top: 4px; }
.jf--website-widget-tools[data-tool] .jf--ww-response-copy { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 24px; height: 24px; margin: 0; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #fff; }
.jf--ww-response-copy > span[role='img'] { display: flex; }
.jf--ww-response-copy svg { width: 14px; height: 14px; }
.jf--website-widget-tools[data-tool] .jf--ww-response-copy[data-copied] { color: #9adf45; }
.jf--ww-response-list:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.jf--ww-response-workspace:has([aria-busy='true'])::before, .jf--ww-response-workspace:has([aria-busy='true'])::after { content: ''; position: absolute; top: 0; left: 0; height: 4px; pointer-events: none; z-index: 1; }
.jf--ww-response-workspace:has([aria-busy='true'])::before { width: 100%; background: #dcecff; }
.jf--ww-response-workspace:has([aria-busy='true'])::after { width: 35%; background: #0075e3; animation: jf-ww-response-progress 1.6s ease-in-out infinite; }
@keyframes jf-ww-response-progress { from { transform: translateX(-100%); } to { transform: translateX(286%); } }
@container jf-ww-tool (max-width: 479px) {
  .jf--ww-response-selects { grid-template-columns: minmax(0, 1fr); }
  .jf--ww-response-list { max-height: none; overflow: visible; }
}
@media (prefers-reduced-motion: reduce) {
  .jf--ww-response-workspace:has([aria-busy='true'])::after { animation: none; left: 32.5%; }
}