/* BananaTools Answer Workspace V3 — isolated progressive enhancement.
   All selectors are scoped under #bt-answer-v3 to avoid changing other tools. */
#bt-answer-v3{--bt-bg:#f7f9fc;--bt-card:#fff;--bt-ink:#152438;--bt-muted:#617289;--bt-line:#dbe3ec;--bt-green:#177b58;--bt-green-dark:#106646;--bt-aqua:#e2f5ee;--bt-shadow:0 14px 38px rgba(31,58,92,.07);color:var(--bt-ink);font:inherit;width:min(1180px,calc(100% - 32px));max-width:1180px;margin:24px auto 50px;box-sizing:border-box;isolation:isolate}
#bt-answer-v3 *,#bt-answer-v3 *::before,#bt-answer-v3 *::after{box-sizing:border-box}
#bt-answer-v3 .bt-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px;flex-wrap:wrap}
#bt-answer-v3 .bt-eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--bt-green);font-weight:750;margin:0 0 8px}
#bt-answer-v3 h1{font:700 clamp(27px,3.4vw,44px)/1.16 system-ui,sans-serif;color:var(--bt-ink);letter-spacing:-.035em;margin:0 0 8px}
#bt-answer-v3 .bt-header p:last-child{color:var(--bt-muted);margin:0;font-size:15px}
#bt-answer-v3 .bt-stamp{font-size:12px;padding:9px 13px;border:1px solid #bfe5d5;background:var(--bt-aqua);color:var(--bt-green-dark);border-radius:999px;font-weight:650}
#bt-answer-v3 .bt-card{border:1px solid var(--bt-line);background:var(--bt-card);border-radius:22px;box-shadow:var(--bt-shadow);padding:clamp(18px,3vw,28px);margin:0 0 18px}
#bt-answer-v3 .bt-cardtitle{font-size:19px;font-weight:730;line-height:1.25;margin:0 0 12px;color:var(--bt-ink)}
#bt-answer-v3 .bt-field-label{font-size:13px;font-weight:750;display:block;margin-bottom:10px;color:var(--bt-ink)}
#bt-answer-v3 .bt-editor{display:block;resize:vertical;width:100%;min-height:126px;border:1.5px solid #cbd7e5;border-radius:16px;padding:17px 18px;background:#fbfcff;color:var(--bt-ink);font:500 17px/1.6 system-ui,sans-serif;box-shadow:none;outline:0;transition:border-color .18s,box-shadow .18s}
#bt-answer-v3 .bt-editor:focus{border-color:var(--bt-green);box-shadow:0 0 0 4px rgba(23,123,88,.12)}
#bt-answer-v3 .bt-editor::placeholder{color:#8798ad}
#bt-answer-v3 .bt-editor.bt-small{min-height:72px;font-size:15px}
#bt-answer-v3 .bt-field-actions{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}
#bt-answer-v3 button{min-height:44px;cursor:pointer;font:650 14px system-ui,sans-serif;border-radius:11px;transition:filter .15s,transform .15s,background .15s}
#bt-answer-v3 button:hover{filter:brightness(.96)}
#bt-answer-v3 .bt-primary{background:var(--bt-green);color:#fff;border:1px solid var(--bt-green);padding:10px 24px}
#bt-answer-v3 .bt-primary:focus-visible,#bt-answer-v3 button:focus-visible{outline:3px solid #78c7ab;outline-offset:2px}
#bt-answer-v3 .bt-mic{background:#e8f5ef!important;color:#0f6448!important;border:1px solid #b3ddca!important;padding:10px 17px!important;min-height:46px!important;min-width:175px}
#bt-answer-v3 .bt-mic.banana-voice-listening,#bt-answer-v3 .bt-mic.bt-mic-listening{background:#116b50!important;color:#fff!important;border-color:#116b50!important;box-shadow:0 0 0 5px rgba(22,142,102,.16);animation:bt-pulse 1.2s ease-in-out infinite alternate}
#bt-answer-v3 .bt-mic.banana-voice-starting{border-style:dashed!important;box-shadow:0 0 0 4px rgba(210,152,30,.12)}
@keyframes bt-pulse{to{box-shadow:0 0 0 10px rgba(22,142,102,.05)}}
#bt-answer-v3 .bt-muted{font-size:13px;color:var(--bt-muted)}
#bt-answer-v3 .bt-voice-status{font-size:13px;min-height:18px;color:#137a56;margin-top:8px}
#bt-answer-v3 .bt-instructions{margin-top:20px;padding-top:20px;border-top:1px solid var(--bt-line)}
#bt-answer-v3 .bt-instruction-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;flex-wrap:wrap}
#bt-answer-v3 .bt-instruction-top label{font-size:13px;font-weight:750}
#bt-answer-v3 .bt-secondary{padding:8px 12px!important;min-height:36px!important;border:1px solid var(--bt-line)!important;background:#fff!important;color:#1e5847!important}
#bt-answer-v3 .bt-lowerbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:18px}
#bt-answer-v3 .bt-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--bt-muted);max-width:690px}
#bt-answer-v3 .bt-consent input{accent-color:var(--bt-green);width:18px;height:18px;flex:0 0 18px;margin-top:2px}
#bt-answer-v3 .bt-auto-hint{margin-top:12px;padding:10px 14px;border-radius:10px;background:#f0f7f4;color:#346d57;font-size:13px}
#bt-answer-v3 .bt-status{min-height:21px;margin:12px 0 0;color:#176e51;font-size:14px}
#bt-answer-v3 .bt-status.bt-error{color:#ab3333}
#bt-answer-v3 .bt-result-card{min-height:180px;scroll-margin-top:22px}
#bt-answer-v3 .bt-result-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#bt-answer-v3 .bt-result-title .bt-cardtitle{margin:0}
#bt-answer-v3 .bt-output{margin-top:16px;min-height:110px}
#bt-answer-v3 .bt-output > *{max-width:100%}
#bt-answer-v3 .bt-empty{color:var(--bt-muted);padding:20px 0;font-size:15px}
#bt-answer-v3 .bt-advanced{margin:0 0 20px}
#bt-answer-v3 .bt-advanced > summary{cursor:pointer;font-weight:700;font-size:14px;padding:16px 19px;border:1px solid var(--bt-line);border-radius:13px;background:#f8fafc;color:var(--bt-ink);list-style-position:inside}
#bt-answer-v3 .bt-advanced[open] > summary{border-radius:13px 13px 0 0}
#bt-answer-v3 .bt-advanced-inner{padding:18px;background:var(--bt-card);border:1px solid var(--bt-line);border-top:0;border-radius:0 0 13px 13px;overflow:auto}
#bt-answer-v3 .bt-advanced-inner *{max-width:100%}
#bt-answer-v3 .bt-advanced-inner textarea{width:100%}
#bt-answer-v3 .bt-footer-note{font-size:12px;color:var(--bt-muted);padding:0 3px}
#bt-answer-v3 .bt-hidden-original{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
#bt-answer-v3 .bt-advanced-inner [data-bt-hide-preset]{display:none!important}
#bt-answer-v3 .bt-output .card,#bt-answer-v3 .bt-output .panel,#bt-answer-v3 .bt-output section{max-width:100%}
#bt-answer-v3 .bt-output > article,#bt-answer-v3 .bt-output > section,#bt-answer-v3 .bt-output > div{box-shadow:none!important;margin:0!important;padding:0!important;border:0!important;width:100%!important;background:transparent!important}
@media (max-width:820px){#bt-answer-v3{width:calc(100% - 22px);margin:15px auto 30px}#bt-answer-v3 .bt-card{border-radius:18px;padding:18px}#bt-answer-v3 .bt-header{margin:10px 0 18px}}
@media (max-width:520px){#bt-answer-v3{width:calc(100% - 16px)}#bt-answer-v3 .bt-card{padding:15px;border-radius:16px}#bt-answer-v3 .bt-editor{min-height:116px;font-size:16px;padding:13px}#bt-answer-v3 .bt-field-actions{display:grid;grid-template-columns:1fr}#bt-answer-v3 .bt-mic,#bt-answer-v3 .bt-primary{width:100%}#bt-answer-v3 .bt-lowerbar{display:flex;flex-direction:column;align-items:stretch}#bt-answer-v3 .bt-instruction-top{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){#bt-answer-v3 *,#bt-answer-v3 *::before,#bt-answer-v3 *::after{animation:none!important;transition:none!important}}
/* A standalone preview can opt into dark theme while preserving contrast. */
[data-bt-v3-dark] #bt-answer-v3{--bt-bg:#0c1421;--bt-card:#172638;--bt-ink:#eff6ff;--bt-muted:#aebed0;--bt-line:#37516a;--bt-aqua:#143d34;--bt-green:#2fa878;--bt-green-dark:#b4f1d8;--bt-shadow:none}
[data-bt-v3-dark] #bt-answer-v3 .bt-editor{background:#101f30;color:#eef6fc;border-color:#4a657d}
[data-bt-v3-dark] #bt-answer-v3 .bt-advanced>summary{background:#172638}
[data-bt-v3-dark] #bt-answer-v3 .bt-secondary{background:#1b3345!important;color:#c7f4df!important}
[data-bt-v3-dark] #bt-answer-v3 .bt-auto-hint{background:#18352f;color:#c0e9d6}
