/* Sample illustrations. Glass and Answer chrome follow the shipped 4.1.2 overlay. */
.zfd{--zfd-blue:#c6ddff;--zfd-text:#f4f6fa;--zfd-muted:#bdc5d2;--zfd-border:rgba(231,240,255,.19);--zfd-glass:rgba(26,32,43,.88);--zfd-ease:cubic-bezier(.2,.8,.2,1);margin:32px 0 0;min-width:0;width:100%;container-type:inline-size;text-align:left}
.zfd-scene{width:100%;max-width:100%;position:relative;isolation:isolate;aspect-ratio:5/4;min-height:390px;overflow:hidden;border:1px solid #e1e9f5;border-radius:24px;background:radial-gradient(ellipse at 90% 80%,#dbe9fe70,transparent 62%),linear-gradient(135deg,#f3f7fd,#edf4fd 60%,#f9fbfe);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',sans-serif}
.zfd-scene:before{content:'';position:absolute;width:70%;height:65%;right:-15%;bottom:-13%;border-radius:50%;background:#c5dcfc52;filter:blur(30px);z-index:-1;pointer-events:none}
.zfd-canvas{position:absolute;inset:0;transition:transform 1.2s var(--zfd-ease);transform-origin:50% 55%}
.zfd[data-phase='result'] .zfd-canvas{transform:scale(1.012)}
.zfd-brand{position:absolute;top:2%;left:5%;display:flex;align-items:center;gap:5px;color:#446487;font-size:10px;font-weight:500;letter-spacing:-.1px}
.zfd-brand img{display:block;width:15px;height:17px}
.zfd-document{position:absolute;top:8%;left:5%;width:90%;height:83%;background:#fff;border:1px solid #dfe7f1;border-radius:15px;box-shadow:0 15px 35px #36598210,0 3px 8px #36598208;overflow:hidden}
.zfd-document-toolbar{height:35px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid #edf1f6;background:linear-gradient(#fff,#fafbfd);color:#5b7697;font-size:10px}
.zfd-document-toolbar svg{width:14px;height:15px;flex-shrink:0;color:#7896bc}
.zfd-document-toolbar>span:last-child{margin-left:auto;font-size:8px;letter-spacing:1px;color:#4f6b8e}
.zfd-document-body{padding:18px 20px}
.zfd .zfd-document-kicker{display:block;font-size:9px;line-height:1.5;font-weight:600;letter-spacing:1.3px;color:#4f6b8e}
.zfd .zfd-document-title{margin:9px 0 0;color:#263e5c;font-size:clamp(18px,4cqw,23px);font-weight:550;line-height:1.2;letter-spacing:-.6px}
.zfd .zfd-document-subtitle{margin:8px 0 0;color:#4f6b8e;font-size:12px;line-height:1.6}
.zfd-question{width:65%;margin-top:22px}
.zfd .zfd-question-heading{margin:0 0 10px;font-size:12px;line-height:1.5;color:#425d7f;font-weight:500}
.zfd-budget{display:grid;grid-template-columns:1fr auto;gap:7px 15px;font-size:12px;line-height:1.55;color:#526b89}
.zfd-budget>strong{font-weight:500;color:#2c486d;text-align:right;white-space:nowrap}
.zfd .zfd-question-total{margin:13px 0 0;color:#2e4d76;font-size:13px;line-height:1.5;font-weight:500}
.zfd-keycue{position:absolute;top:2%;right:5%;display:flex;align-items:center;gap:4px;color:#4f6b8e;font-size:9px}
.zfd-keycue>span{margin-right:4px}
.zfd-keycue kbd{height:25px;min-width:24px;display:grid;place-items:center;border:1px solid #ccdbef;border-radius:6px;background:linear-gradient(#fff,#eaf2fd);color:#426795;font:500 13px -apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 2px 0 #d2dfef;transition:transform .18s,box-shadow .18s}
.zfd[data-phase='shortcut'] .zfd-keycue kbd{transform:translateY(2px);box-shadow:0 0 0 #d2dfef}
.zfd[data-phase='shortcut'] .zfd-keycue kbd[data-zfd-tab]{transform:none;box-shadow:0 2px 0 #d2dfef}
.zfd-selection{position:absolute;z-index:10;display:none;border:2px solid var(--zfd-blue);background:rgba(250,204,21,.06);pointer-events:none}
.zfd-selection-size{position:absolute;right:0;bottom:-22px;border-radius:3px;padding:2px 5px;background:rgba(28,28,30,.92);color:#bdc5d2;font-size:8px;white-space:nowrap}
.zfd-cursor{position:absolute;z-index:40;width:30px;height:36px;overflow:visible;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 3px #12274430)}
.zfd-cursor-press{opacity:0}
.zfd[data-phase='dragging'] .zfd-cursor-press{opacity:1}
.zfd-glass{background:var(--zfd-glass);border:1px solid var(--zfd-border);box-shadow:0 20px 60px #00000025,inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(255,255,255,.035);backdrop-filter:blur(36px) saturate(140%);-webkit-backdrop-filter:blur(36px) saturate(140%)}
.zfd-response{position:absolute;z-index:30;right:5%;bottom:8%;width:76%;border-radius:22px;overflow:hidden;color:var(--zfd-text);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:50% 80%;transition:opacity .4s,transform .55s var(--zfd-ease),visibility .4s}
.zfd[data-phase='loading'] .zfd-response,.zfd[data-phase='result'] .zfd-response{opacity:1;visibility:visible;transform:none}
.zfd-response-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border-bottom:1px solid rgba(255,255,255,.08)}
.zfd-response-header>span{color:var(--zfd-blue);font-size:11px;font-weight:600}
.zfd-response-header>div{display:flex;gap:4px}
.zfd-response-header>div>span{padding:4px 6px;border-radius:999px;border:1px solid var(--zfd-border);background:rgba(255,255,255,.055);box-shadow:0 2px 5px #00000020,inset 0 1px 0 #ffffff33;color:var(--zfd-muted);font-size:9px;line-height:1.4}
.zfd-loading{height:72px;display:flex;align-items:center;justify-content:center}
.zfd-spinner{display:inline-flex;gap:4px;align-items:center}
.zfd-spinner i{width:5px;height:5px;border-radius:50%;background:var(--zfd-blue);animation:zfd-bounce 1.2s infinite}
.zfd-spinner i:nth-child(2){animation-delay:.15s}.zfd-spinner i:nth-child(3){animation-delay:.3s}
@keyframes zfd-bounce{0%,80%,100%{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}
.zfd-response-body{display:none;padding:14px 17px 17px;font-size:clamp(12px,2.7cqw,14px);line-height:1.7}
.zfd .zfd-response-body p{margin:0;color:inherit;font-size:inherit;line-height:inherit}
.zfd .zfd-response-body p+p{margin-top:7px}
.zfd-response-body strong{font-weight:600;color:#edf4ff}
.zfd-result-note{display:block;margin-bottom:7px;font-size:8px;line-height:1.5;color:var(--zfd-blue);letter-spacing:1.1px;font-weight:500}
.zfd[data-phase='result'] .zfd-response-body{display:block;animation:zfd-reveal .55s var(--zfd-ease) both}
.zfd[data-phase='result'] .zfd-loading{display:none}
@keyframes zfd-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.zfd-humanizer .zfd-response{width:86%}
.zfd .zfd-original-copy{margin:12px 0 0;color:#425873;font-size:clamp(12px,2.8cqw,14px);line-height:1.7;max-width:100%}
.zfd-humanizer .zfd-document-body{padding-top:17px}
.zfd-humanizer .zfd-document-title{font-size:19px}
.zfd-prompt{position:absolute;z-index:25;left:5%;right:5%;bottom:8%;display:flex;align-items:center;gap:9px;padding:14px 17px;border-radius:999px;color:var(--zfd-text);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s,transform .35s var(--zfd-ease),visibility .25s}
.zfd[data-phase='typing'] .zfd-prompt,.zfd[data-phase='sending'] .zfd-prompt{opacity:1;visibility:visible;transform:none}
.zfd-prompt-line{display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;font-size:12px;line-height:1.6}
.zfd-prompt-line>span{display:inline}
.zfd-input-caret{display:inline-block!important;width:1px;height:13px;background:var(--zfd-blue);vertical-align:-2px;margin-left:1px;animation:zfd-caret .9s step-end infinite}
@keyframes zfd-caret{0%,100%{opacity:1}50%{opacity:0}}
.zfd-prompt kbd{flex-shrink:0;display:grid;place-items:center;width:25px;height:24px;border:1px solid var(--zfd-border);border-radius:7px;background:#ffffff0d;color:var(--zfd-blue);font:12px -apple-system,BlinkMacSystemFont,sans-serif;transition:transform .18s,background .18s}
.zfd[data-phase='sending'] .zfd-prompt kbd{transform:translateY(2px);background:#ffffff22}
.zfd[data-playing='false'] .zfd-spinner i,.zfd[data-playing='false'] .zfd-input-caret{animation-play-state:paused}
.zfd-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 2px 0;color:#587396;font-size:10px;line-height:1.5}
.zfd-status{min-width:0;flex:1}
.zfd-controls>div{display:flex;align-items:center;gap:6px;flex-shrink:0}
.zfd-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border:1px solid #d4e1f2;background:#f8fbff;color:#375d8e;border-radius:999px;padding:0 12px;font:500 10px 'Outfit',sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.zfd-controls button:hover{background:#eef5ff;transform:translateY(-1px)}
.zfd-controls button:focus-visible{outline:3px solid #82adee;outline-offset:3px}
.zfd-controls button:disabled{opacity:.5;cursor:default;transform:none}
.zfd-controls button svg{width:13px;height:13px;flex-shrink:0}
.zfd-controls .zfd-replay{width:40px;padding:0}
.zfd-pause-icon{display:none}
.zfd[data-playing='true'] .zfd-pause-icon{display:block}.zfd[data-playing='true'] .zfd-play-icon{display:none}
.zfd figcaption{margin:12px 2px 0;color:#587396;font-size:10px;line-height:1.7}
.zfd figcaption strong{display:block;font-weight:500}.zfd figcaption>span{display:block}
.zfd-transcript{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:540px){
  .zfd-scene{min-height:420px;border-radius:20px}
  .zfd-document-body{padding:17px 17px}
  .zfd-document-title{font-size:19px}
  .zfd-question{width:90%;margin-top:20px}
  .zfd-budget{gap:7px 12px;font-size:12px}
  .zfd-response,.zfd-humanizer .zfd-response{width:90%;bottom:7%}
  .zfd-response-header{padding:11px 12px;gap:5px}
  .zfd-response-header>div{gap:3px}
  .zfd-response-header>div>span{font-size:8px;padding:4px 5px}
  .zfd-response-body{font-size:12px;padding:13px 15px 16px}
  .zfd-humanizer .zfd-original-copy{font-size:12px}
  .zfd-controls{gap:9px;font-size:10px}
  .zfd-controls button{padding:0 10px}
  .zfd-keycue{font-size:8px}.zfd-keycue kbd{height:23px;min-width:22px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .zfd-canvas,.zfd-keycue kbd,.zfd-response,.zfd-prompt,.zfd-prompt kbd,.zfd-controls button{transition:none}
  .zfd-spinner i,.zfd-input-caret,.zfd[data-phase='result'] .zfd-response-body{animation:none}
  .zfd[data-phase='result'] .zfd-canvas{transform:none}
  .zfd-input-caret{display:none!important}
}

.zfd .zfd-integral{font:italic 500 clamp(28px,5.8cqw,39px)/1.4 Georgia,'Times New Roman',serif;color:#2e4d76;margin:20px 0 0;padding:15px 0}