@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 code{font-family:var(--p-mono);font-size:.92em;background:#f0f0f1;padding:1px 5px;border-radius:4px}.pf-answer .pf-link-text{text-decoration:underline;text-underline-offset:3px}.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-table{overflow-x:auto;max-width:100%}.pf-done{display:flex;flex-direction:column;gap:6px;max-width:100%}.pf-done figcaption{font-size:13.5px;font-weight:600;color:var(--p-text)}.pf-result{align-self:center;max-width:520px;padding:12px 16px;border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-tile);font-size:15px;line-height:1.5;color:var(--p-text)}.pf-table table{border-collapse:collapse;font-size:14px;line-height:1.4;overflow-wrap:normal}.pf-table td,.pf-table th{padding:6px 10px;border-bottom:1px solid var(--p-line,#dcdcde);text-align:left;vertical-align:top}.pf-table th{font-weight:600;border-bottom-width:2px;white-space:nowrap}.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}@media (pointer:coarse){.pf-seg button{min-height:40px;min-width:40px}}.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}}.chat-mock{display:flex;flex-direction:column;overflow:hidden;background:#ffffff;border:1px solid #c3c4c7;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;color:#1d2327;box-shadow:0 1px 1px rgb(0 0 0/.04),0 12px 32px -16px rgb(64 44 24/.25)}.chat-mock-bar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #e6e3dd;background:#f6f7f7}.chat-mock-name{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.chat-mock-name:before{content:"";flex:none;width:18px;height:18px;background:url(/m/brand/mark.svg) 50%/contain no-repeat}.chat-mock-site{margin-left:auto;font-size:12.5px;color:#6a727a}.chat-mock-thread{display:flex;flex-direction:column;gap:16px;padding:22px}.chat-mock-ask{align-self:flex-end;max-width:78%;margin:0;padding:11px 16px;background:#4a4540;color:#ffffff;border-radius:18px 18px 6px 18px;font-size:15px;font-weight:500;line-height:1.45;box-shadow:0 6px 16px -10px rgb(36 33 30/.45)}.chat-mock-turn{display:flex;flex-direction:column;gap:12px}.chat-mock-turn>p{margin:0}.chat-mock-steps{list-style:none;margin:0 0 0 9px;padding:0 0 0 20px;border-left:1px solid #e6e3dd;display:flex;flex-direction:column;gap:12px}.chat-mock-steps li{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:13.5px;color:#4a5159}.chat-mock-mark{flex:none;margin-left:-30px;width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#e7f1ea;color:#2c7a4b}.chat-mock-steps .is-running .chat-mock-mark{background:#eef0f2;box-shadow:0 0 0 3px rgb(89 99 110/.08)}.chat-mock-spin{width:11px;height:11px;box-sizing:border-box;border-radius:50%;border:2px solid rgb(89 99 110/.25);border-top-color:#59636e;animation:chat-mock-spin .9s linear infinite}@keyframes chat-mock-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.chat-mock-spin{animation:none}}.chat-mock-detail{display:block;font-size:12.5px;color:#6a727a}.hero-chat{height:540px}@media (max-width:767px){.hero-chat{height:480px}}.hero-chat-thread{flex:1 1 auto;min-height:0;overflow-y:auto;gap:14px;scrollbar-width:thin}.hero-chat-thread>*{flex-shrink:0}.hero-chat-in{animation:hero-chat-in .55s cubic-bezier(.22,1,.36,1) both}@keyframes hero-chat-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-chat .chat-mock-steps li{animation:hero-chat-in .5s cubic-bezier(.22,1,.36,1) both}.hero-chat .chat-mock-mark{transition:background-color .35s ease,box-shadow .35s ease}.hero-chat .chat-mock-mark svg{animation:hero-chat-tick .4s ease-out both}@keyframes hero-chat-tick{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.hero-chat-say{margin:0;font-size:14.5px;line-height:1.5;color:#1d2327}.hero-chat-card{border:1px solid #d0d7de;border-radius:10px;overflow:hidden;background:#ffffff;transition:border-color .3s}.hero-chat-card.is-pressed{border-color:#4ac26b}.hero-chat-card-head{padding:12px 16px}.hero-chat-card-title{font-size:14.5px;font-weight:600;color:#1f2328}.hero-chat-diff{border-top:1px solid #d8dee4;padding:10px 16px;display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.hero-chat-diff .is-del{padding:3px 8px;border-left:3px solid #a83a32;background:#fdf4f3;color:#a83a32;overflow-wrap:anywhere}.hero-chat-diff .is-add{padding:3px 8px;border-left:3px solid #2c7a4b;background:#f2f8f4;color:#2c7a4b;overflow-wrap:anywhere}.hero-chat-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 16px;background:#f6f8fa;border-top:1px solid #d8dee4}.hero-chat-ok{min-height:40px;padding:0 16px;border:0;border-radius:6px;background:#1f883d;color:#ffffff;font:inherit;font-weight:600;cursor:pointer;animation:hero-chat-pulse 2.2s ease-in-out 1s infinite}.hero-chat-ok:hover{background:#1a7f37}@keyframes hero-chat-pulse{0%,to{box-shadow:0 0 0 0 rgb(31 136 61/.35)}50%{box-shadow:0 0 0 6px rgb(31 136 61/0)}}.hero-chat-no{min-height:40px;padding:0 10px;border:0;background:transparent;color:#4a5159;font:inherit;cursor:pointer}.hero-chat-note{margin:0;padding:10px 12px;border-radius:8px;background:#e7f1ea;color:#2c7a4b;font-size:14px;line-height:1.5}.hero-chat-note.is-warn{background:#fcf1d6;color:#7a5000}.hero-chat-undo{min-height:36px;padding:0 14px;border-radius:6px;border:1px solid #d0d7de;background:#ffffff;color:#24292f;font:inherit;font-size:13.5px;font-weight:600}.hero-chat-again,.hero-chat-undo{align-self:flex-start;cursor:pointer}.hero-chat-again{min-height:32px;padding:0;border:0;background:transparent;color:#6a727a;font:inherit;font-size:13.5px;text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion:reduce){.hero-chat .chat-mock-mark svg,.hero-chat .chat-mock-steps li,.hero-chat-in,.hero-chat-ok{animation:none}}}