.qualification-story .story-stage {
  display: block;
  padding: 0;
  overflow: hidden;
}

.qualification-story .qualification-browser {
  position: absolute;
  top: 48px;
  left: 32px;
  width: 672px;
  height: 472px;
  margin: 0;
  overflow: hidden;
  border: 1px solid #E8E8E5;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(35,33,24,.12);
  color: #171717;
}

.qualification-story .qualification-chrome {
  display: flex;
  height: 32px;
  align-items: center;
  gap: 14px;
  padding: 0 13px;
  border-bottom: 1px solid #EDEDEA;
  background: #FAFAF8;
  color: #62625D;
  font-size: 12px;
  line-height: 20px;
}

.qualification-story .qualification-window-dots { display: flex; gap: 5px; }
.qualification-story .qualification-window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #D8D8D3; }

.qualification-story .qualification-aperture {
  position: relative;
  width: 100%;
  height: 440px;
  overflow: hidden;
  background: #fff;
}

.qualification-story .qualification-photo,
.qualification-story .qualification-chat {
  position: absolute;
  inset: 0;
  opacity: 1;
  transform: translateX(0);
}

.qualification-story .qualification-photo[hidden] { display: none !important; }
.qualification-story .qualification-photo img {
  position: absolute;
  top: 10px;
  left: 56px;
  display: block;
  width: 560px;
  height: 420px;
  object-fit: contain;
}

.qualification-story .qualification-chat[hidden] { display: none !important; }
.qualification-story .qualification-chat-header {
  position: absolute;
  top: 12px;
  left: 24px;
  display: flex;
  width: 624px;
  height: 44px;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #EDEDEA;
}

.qualification-story .qualification-chat-header img { display: block; width: 36px; height: 28px; object-fit: contain; }
.qualification-story .qualification-chat-header > div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.qualification-story .qualification-chat-header b { color: #171717; font-size: 14px; font-weight: 560; line-height: 18px; }
.qualification-story .qualification-chat-header span { color: #62625D; font-size: 12px; line-height: 16px; }

.qualification-story .qualification-transcript {
  position: absolute;
  top: 64px;
  left: 24px;
  display: flex;
  width: 624px;
  height: 292px;
  flex-direction: column;
  gap: 16px;
  padding: 8px 0;
  overflow: hidden;
}

.qualification-story .qualification-bubble,
.qualification-story .qualification-thinking {
  box-sizing: border-box;
  width: fit-content;
  max-width: 600px;
  flex: none;
  padding: 7px 12px;
  border-radius: 20px;
}

.qualification-story .qualification-buyer { align-self: flex-end; background: #4265EE; color: #fff; }
.qualification-story .qualification-assistant { align-self: flex-start; background: #F0F0EC; color: #171717; }
.qualification-story .qualification-meta { margin: 0 0 1px; font-size: 12px; font-weight: 560; line-height: 16px; }
.qualification-story .qualification-bubble p { margin: 0; font-size: 18px; font-weight: 400; line-height: 26px; overflow-wrap: anywhere; }
.qualification-story [data-qualification-question][hidden],
.qualification-story [data-qualification-final][hidden],
.qualification-story [data-qualification-thinking][hidden] { display: none !important; }

.qualification-story .qualification-thinking {
  display: flex;
  min-height: 34px;
  align-items: center;
  gap: 4px;
  align-self: flex-start;
  background: #F0F0EC;
  color: #62625D;
}
.qualification-story .qualification-thinking span { margin-right: 3px; font-size: 12px; font-weight: 560; line-height: 16px; }
.qualification-story .qualification-thinking i { width: 5px; height: 5px; border-radius: 50%; background: #73736D; }

.qualification-story .qualification-composer {
  position: absolute;
  top: 368px;
  left: 24px;
  display: flex;
  box-sizing: border-box;
  width: 624px;
  height: 64px;
  align-items: center;
  gap: 3px;
  padding: 7px 8px 7px 18px;
  border: 1px solid #E6E6E6;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.04);
  color: #62625D;
  font-size: 16px;
  line-height: 24px;
}

.qualification-story .qualification-input {
  display: block;
  min-width: 0;
  max-width: 500px;
  flex: 1;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.qualification-story .qualification-caret { display: inline-block; width: 1px; height: 18px; margin-left: 1px; vertical-align: -3px; background: #171717; opacity: 0; }
.qualification-story .qualification-send { display: grid; width: 46px; height: 46px; flex: none; place-items: center; margin-left: auto; border-radius: 50%; background: #171717; color: #fff; font-size: 22px; line-height: 1; }

.qualification-story .qualification-caption,
.qualification-story .qualification-disclosure,
.qualification-story .qualification-error {
  position: absolute;
  z-index: 5;
  left: 32px;
  margin: 0;
  color: #41413D;
}
.qualification-story .qualification-caption { top: 16px; font-size: 14px; font-weight: 560; line-height: 20px; }
.qualification-story .qualification-disclosure { top: 532px; color: #62625D; font-size: 12px; line-height: 16px; }
.qualification-story .qualification-error { top: 16px; color: #9B433D; font-size: 14px; line-height: 20px; }
.qualification-story .qualification-caption[hidden] { display: none !important; }
.qualification-story .qualification-error[hidden] { display: none !important; }

.qualification-story .qualification-pointer { position: absolute; z-index: 7; top: 0; left: 0; width: 26px; height: 30px; opacity: 0; pointer-events: none; }
.qualification-story .qualification-click-halo { position: absolute; z-index: 6; top: 0; left: 0; width: 32px; height: 32px; border: 1px solid rgba(23,23,23,.32); border-radius: 50%; opacity: 0; pointer-events: none; }
.qualification-story .qualification-summary { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.qualification-story .qualification-controls[hidden] { display: none !important; }
.qualification-story .qualification-controls:not([hidden]) { display: flex; }
.qualification-story .qualification-controls button { min-width: 96px; min-height: 44px; }
.qualification-story .qualification-controls button:focus-visible { outline: 2px solid #4265EE; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  .qualification-story .qualification-pointer,
  .qualification-story .qualification-click-halo { display: none !important; }
}


/* One continuous conversation: buyer reference, wish, returned photograph. */
.qualification-story .qualification-transcript { height:304px;padding:4px 0;display:block; }
.qualification-story .qualification-message-flow { display:flex;flex-direction:column;gap:10px; }
.qualification-story .qualification-composer { top:380px;height:56px; }
.qualification-story .qualification-attachment { padding:6px;border-radius:18px; }
.qualification-story .qualification-attachment img { display:block;width:180px;height:120px;object-fit:contain;border-radius:12px;background:#fff; }
.qualification-story .qualification-attachment p { font-size:16px;line-height:22px;margin:2px 5px 0; }
.qualification-story .qualification-attachment small { display:block;font-size:10px;line-height:12px;text-align:right;margin-right:5px; }
.qualification-story .qualification-upload-preview { position:absolute;left:42px;bottom:66px;display:flex;align-items:center;gap:12px;padding:8px;background:#fff;border:1px solid #e5e5e5;border-radius:16px;box-shadow:0 5px 18px #0000000d; }
.qualification-story .qualification-upload-preview img { width:90px;height:60px;object-fit:contain;border-radius:8px; }
.qualification-story .qualification-upload-preview span { font-size:14px;line-height:20px; }
.qualification-story .qualification-upload-preview small { color:#737373;font-size:12px; }
.qualification-story .qualification-photo-answer { padding:6px;border-radius:18px;max-width:414px; }
.qualification-story .qualification-photo-answer img { display:block;width:366px;height:244px;object-fit:contain;border-radius:12px;background:#fff; }
.qualification-story .qualification-photo-answer p { font-size:16px;line-height:22px;margin:3px 5px 0; }
.qualification-story .qualification-photo-answer small { display:block;font-size:10px;line-height:12px;margin:0 5px;color:#737373; }
.qualification-story .qualification-photo-answer img[hidden] { display:none!important; }
.qualification-story .qualification-missing-image { display:grid;place-items:center;width:366px;height:244px;border-radius:12px;background:#f7f7f7;color:#737373;font-size:14px; }
.qualification-story .qualification-upload-preview[hidden],.qualification-story .qualification-attachment[hidden],.qualification-story .qualification-photo-answer[hidden] { display:none!important; }

@media (max-width: 1000px) {
  .story-row[data-story="qualify"].qualification-story .qualification-chat-header,
  .story-row[data-story="qualify"].qualification-story .qualification-transcript,
  .story-row[data-story="qualify"].qualification-story .qualification-composer { left:12px; width:calc(100% - 24px); }
  .story-row[data-story="qualify"].qualification-story .qualification-bubble { min-width:0; max-width:100%; }
  .story-row[data-story="qualify"].qualification-story .qualification-message-flow { min-width:0; width:100%; }
  .story-row[data-story="qualify"].qualification-story .qualification-bubble p { overflow-wrap:anywhere; white-space:normal; }
  .story-row[data-story="qualify"].qualification-story .qualification-caption { top:8px; left:10px; max-width:calc(100% - 20px); font-size:12px; line-height:16px; }
  .story-row[data-story="qualify"].qualification-story .qualification-disclosure { top:auto; bottom:4px; left:10px; max-width:calc(100% - 20px); font-size:10px; line-height:14px; }
  .story-row[data-story="qualify"].qualification-story .story-stage { width:100%; height:520px; min-height:420px; padding:0; }
  .story-row[data-story="qualify"].qualification-story .qualification-browser { top:48px; left:8px; width:calc(100% - 16px); height:448px; border-radius:16px; }
  .story-row[data-story="qualify"].qualification-story .qualification-chrome { height:30px; gap:8px; padding-inline:9px; font-size:11px; }
  .story-row[data-story="qualify"].qualification-story .qualification-aperture { height:416px; overflow:hidden; }
  .story-row[data-story="qualify"].qualification-story .qualification-transcript { bottom:80px; height:auto; }
  .story-row[data-story="qualify"].qualification-story .qualification-composer { top:auto; bottom:12px; }
  .story-row[data-story="qualify"].qualification-story .qualification-photo img { top:10px; left:50%; width:calc(100% - 24px); max-width:100%; height:auto; max-height:190px; object-fit:contain; transform:translateX(-50%); }
  .story-row[data-story="qualify"].qualification-story .qualification-photo-answer { max-width:calc(100% - 16px); }
  .story-row[data-story="qualify"].qualification-story .qualification-photo-answer img { width:min(100%,280px); height:auto; max-height:188px; object-fit:contain; }
  .story-row[data-story="qualify"].qualification-story .qualification-missing-image { width:min(100%,280px); height:188px; }
  .story-row[data-story="qualify"].qualification-story .qualification-upload-preview { left:8px; right:8px; bottom:52px; gap:8px; }
  .story-row[data-story="qualify"].qualification-story .qualification-upload-preview img { width:64px; height:48px; object-fit:contain; }
  .story-row[data-story="qualify"].qualification-story .qualification-upload-preview span { font-size:12px; line-height:16px; }
  .story-row[data-story="qualify"].qualification-story .qualification-attachment img { width:min(100%,160px); height:auto; }
  .story-row[data-story="qualify"].qualification-story .qualification-photo-answer p,
  .story-row[data-story="qualify"].qualification-story .qualification-attachment p { font-size:14px; line-height:20px; }
}