@layer components{.pf{--p-text:#1d2327;--p-muted:#646970;--p-line:#dcdcde;--p-foot:#f6f7f7;--p-green:#1f883d;--p-green-wash:#e6f4ea;--p-wait:#fdf3c4;--p-wait-ink:#7a5600;--p-wait-dot:#c99a06;--p-bubble:#f0f6fc;--p-bubble-line:#c5d9ed;--p-chip:#e3f0fc;--p-chip-ink:#2271b1;--p-seg:#eeece8;--p-red:#b32d2e;--p-del:#ffebe9;--p-add:#e6ffec;--p-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.45;color:var(--p-text);letter-spacing:0;text-align:left}.pf b,.pf strong{font-weight:600}.pf-window{position:relative;background:#fff;border-radius:var(--radius-window);box-shadow:var(--shadow-window);overflow:hidden}.pf-bar{display:flex;align-items:center;gap:14px;height:40px;padding:0 16px;background:#fcfcfc;border-bottom:1px solid #efefef}.pf-dots{display:inline-flex;gap:6px}.pf-dots i{width:10px;height:10px;border-radius:50%;background:#e3e0dc}.pf-url{font-size:13px;font-weight:600;color:var(--p-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-chat{padding:20px 22px 22px;display:flex;flex-direction:column;gap:14px}.pf-bubble{align-self:flex-end;max-width:88%;background:var(--p-bubble);border:1px solid var(--p-bubble-line);border-radius:6px;padding:9px 14px;font-size:15px;overflow-wrap:anywhere}.pf-turn{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}.pf-avatar{display:block;width:32px;height:32px;border-radius:8px}.pf-body{gap:12px;min-width:0}.pf-answer,.pf-body{display:flex;flex-direction:column}.pf-answer{font-size:15px;color:var(--p-text);gap:8px;overflow-wrap:anywhere}.pf-answer ol,.pf-answer ul{padding-left:1.3em;display:flex;flex-direction:column;gap:4px}.pf-answer ul{list-style:disc}.pf-answer ol{list-style:decimal}.pf-answer.is-long{max-height:360px;overflow:auto;padding-right:6px}.pf-steps{display:flex;flex-direction:column;gap:6px}.pf-steps li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:#3c434a}.pf-step-ic{flex:none;width:24px;height:24px;border-radius:7px;background:var(--p-green-wash);color:var(--p-green);display:grid;place-items:center}.pf-time{margin-left:auto;padding-left:12px;font-size:13px;color:var(--p-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.pf-card{container-type:inline-size;border:1px solid var(--p-line);border-radius:var(--radius-card);overflow:hidden;background:#fff}.pf-card-head{display:flex;align-items:center;gap:14px;padding:14px 16px}.pf-card-ic{flex:none;width:36px;height:36px;border-radius:9px;background:var(--p-chip);color:var(--p-chip-ink);display:grid;place-items:center}.pf-card-title{display:flex;flex-direction:column;min-width:0}.pf-card-title b{font-size:16px;font-weight:600}.pf-card-title span{font-size:14px;color:var(--p-muted)}.pf-pill{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:999px;font-size:13.5px;font-weight:600;white-space:nowrap;background:var(--p-seg);color:var(--p-muted)}.pf-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pf-pill.is-waiting{background:var(--p-wait);color:var(--p-wait-ink)}.pf-pill.is-waiting:before{background:var(--p-wait-dot)}.pf-pill.is-approved,.pf-pill.is-undone{background:var(--p-green-wash);color:#116329}.pf-pill.is-failed{background:var(--p-del);color:var(--p-red)}.pf-card-body{padding:0 16px 14px;font-size:15px}.pf-card-body .pf-diff{border:1px solid var(--p-line);border-radius:10px}.pf-card-bar{display:flex;align-items:center;gap:10px;padding:9px 12px 9px 16px;border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line)}.pf-card-bar>svg{flex:none;color:var(--p-muted)}.pf-target{font-size:15px;font-weight:600;white-space:nowrap}.pf-target-note{min-width:0;font-size:14px;color:var(--p-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-switches{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}.pf-seg{display:inline-flex;padding:3px;border-radius:9px;background:var(--p-seg);flex:none}.pf-seg button{min-height:30px;padding:4px 11px;border:0;border-radius:7px;background:transparent;font:inherit;font-size:14px;color:var(--p-muted);cursor:pointer}.pf-seg button:hover{color:var(--p-text)}.pf-seg button[aria-pressed=true]{background:#fff;color:var(--p-text);font-weight:600;box-shadow:0 1px 2px rgb(0 0 0/.08)}.pf-seg .pf-dev{padding:4px 8px;display:grid;place-items:center}.pf-seg button:focus-visible{outline:2px solid var(--color-cobalt);outline-offset:1px}@container (max-width: 600px){.pf-target-note{display:none}}.pf-pane{position:relative;display:flex;justify-content:center;background:#d8d3cf}.pf-pane[data-device=phone]{background:#e9e6e2;padding:16px 0}.pf-view{display:none;width:100%;justify-content:center}.pf-view[data-on]{display:flex}.pf-crop{position:relative;overflow:hidden;width:100%;max-width:calc(var(--w) * 1px);aspect-ratio:var(--w) /var(--h)}.pf-crop img{position:absolute;max-width:none;height:auto;width:calc(var(--iw) / var(--w) * 100%);left:calc(var(--x) / var(--w) * -100%);top:calc(var(--y) / var(--h) * -100%)}.pf-tabs[data-device=auto] .pf-view[data-key=phone]{display:none}@media (max-width:767px){.pf-tabs[data-device=auto][data-has-phone] .pf-pane{background:#e9e6e2;padding:16px 0}.pf-tabs[data-device=auto][data-has-phone] .pf-view[data-on]{display:none}.pf-tabs[data-device=auto][data-has-phone] .pf-view[data-key=phone]{display:flex}.pf-tabs[data-device=auto][data-has-phone] .pf-dev[data-key=computer]{background:transparent;color:var(--p-muted);font-weight:400;box-shadow:none}.pf-tabs[data-device=auto][data-has-phone] .pf-dev[data-key=phone]{background:#fff;color:var(--p-text);box-shadow:0 1px 2px rgb(0 0 0/.08)}}@media (scripting:none){.pf-switches{display:none}}.pf-phone{width:min(300px,82%);border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgb(0 0 0/.06),0 6px 16px -6px rgb(0 0 0/.2)}.pf-phone .pf-crop{max-width:none}.pf-diff{width:100%;max-height:320px;overflow:auto;background:#fff;font-family:var(--p-mono);font-size:13px;line-height:1.55;padding:8px 0}.pf-diff li{display:grid;grid-template-columns:24px minmax(0,1fr);padding:0 12px 0 0}.pf-diff li:before{content:"";text-align:center;color:var(--p-muted)}.pf-diff .is-same span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#3c434a}.pf-diff .is-add{background:var(--p-add)}.pf-diff .is-add:before{content:"+";color:var(--p-green)}.pf-diff .is-del{background:var(--p-del)}.pf-diff .is-del:before{content:"\2212";color:var(--p-red)}.pf-diff .is-add span,.pf-diff .is-del span{white-space:pre-wrap;overflow-wrap:anywhere}.pf-diff .is-skip{display:block;height:0;margin:8px 12px;border-top:1px dashed var(--p-line)}.pf-diff .is-skip:before{content:none}.pf-card-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--p-foot);border-top:1px solid var(--p-line)}.pf-why{margin-left:auto;font-size:14px;color:var(--p-muted);text-align:right}.pf-btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 16px;border-radius:7px;border:1px solid var(--p-line);background:#fff;font-size:15px;font-weight:600;color:var(--p-text);white-space:nowrap;user-select:none}.pf-btn.is-ok{background:var(--p-green);border-color:#1a7f37;color:#fff}.pf-link{font-size:15px;font-weight:600;color:var(--p-chip-ink);text-decoration:underline;text-underline-offset:3px}.pf-composer{border:1px solid var(--p-line);border-radius:12px;background:#fff;padding:14px 14px 10px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgb(0 0 0/.04)}.pf-composer p{font-size:15.5px;min-height:2.9em}.pf-composer-row{display:flex;justify-content:flex-end}.pf-send{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--p-chip-ink);color:#fff}.pf-ask{padding:32px 22px 22px;justify-content:flex-end;min-height:220px}.pf-ask,.pf-mini{display:flex;flex-direction:column}.pf-mini{gap:10px;font-size:14.5px}.pf-mini .pf-bubble{font-size:14.5px;max-width:92%}.pf-reply{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;background:#fff;border-radius:10px;padding:10px 12px;box-shadow:0 0 0 1px rgb(64 44 24/.06),0 1px 2px rgb(64 44 24/.05)}.pf-reply .pf-avatar{width:24px;height:24px;border-radius:6px}.pf-reply-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}.pf-reply-head b{font-size:14.5px}.pf-reply .pf-pill{margin-left:0;font-size:12.5px;padding:2px 10px}.pf-frag{width:100%;display:flex;flex-direction:column;gap:8px}.pf-frag .pf-card-foot,.pf-frag .pf-diff{border:1px solid var(--p-line);border-radius:10px}.pf-frag .pf-diff{max-height:none}.pf-feet>div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--p-line);border-radius:9px;padding:8px 12px;font-size:13.5px;color:var(--p-muted)}@media (prefers-reduced-motion:no-preference){.pf-play .pf-bubble{animation:pf-in .28s ease-out both}.pf-play .pf-card{animation:pf-rise .42s cubic-bezier(.2,.7,.2,1) .32s both}.pf-play .pf-answer{animation:pf-in .3s ease-out .82s both}}@keyframes pf-in{0%{opacity:0}to{opacity:1}}@keyframes pf-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (max-width:767px){.pf-bar{display:none}.pf-chat{padding:14px 12px 16px;gap:12px}.pf-turn{grid-template-columns:minmax(0,1fr)}.pf-turn>.pf-avatar{display:none}.pf-card-head{padding:12px;gap:10px;flex-wrap:wrap}.pf-card-ic{width:32px;height:32px}.pf-card-head .pf-pill{margin-left:0}.pf-card-bar{flex-wrap:wrap;padding:10px 12px;row-gap:8px}.pf-target-note{display:none}.pf-switches{margin-left:0}.pf-target{flex:1 0 40%}.pf-card-foot{padding:12px}.pf-why{flex-basis:100%;text-align:left;margin-left:0}.pf-ask{min-height:0;padding:16px 12px}}}