.ph[data-v-7faa1d9e]{align-items:center;gap:var(--s4);flex-direction:column;margin:0;display:flex}.ph[data-v-7faa1d9e],.ph__stage[data-v-7faa1d9e]{position:relative}.ph__stage[data-v-7faa1d9e]{width:300px;max-width:100%}.ph__device[data-v-7faa1d9e]{border-radius:var(--r-device);background:var(--device);box-shadow:var(--e-device),inset 0 0 0 1px var(--device-hair);padding:10px}.ph__screen[data-v-7faa1d9e]{border-radius:calc(var(--r-device) - 10px);background:var(--chat);flex-direction:column;height:600px;display:flex;overflow:hidden}.ph__status[data-v-7faa1d9e]{background:var(--surface);height:32px;color:var(--ink);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;flex:none;justify-content:space-between;align-items:center;padding:0 22px 0 26px;font-weight:500;display:flex}.ph__sys[data-v-7faa1d9e]{align-items:flex-end;gap:2px;height:10px;display:flex}.ph__sys i[data-v-7faa1d9e]{border-radius:var(--r-box);background:var(--ink);width:3px}.ph__sys i[data-v-7faa1d9e]:first-child{height:4px}.ph__sys i[data-v-7faa1d9e]:nth-child(2){height:6px}.ph__sys i[data-v-7faa1d9e]:nth-child(3){height:8px}.ph__bat[data-v-7faa1d9e],.ph__sys i[data-v-7faa1d9e]:nth-child(4){height:10px}.ph__bat[data-v-7faa1d9e]{border:1.5px solid var(--ink);border-radius:var(--r-box);width:20px;margin-left:6px;position:relative}.ph__bat[data-v-7faa1d9e]:after{content:"";background:var(--ink);border-radius:1px;position:absolute;inset:1px 5px 1px 1px}.ph__bar[data-v-7faa1d9e]{background:var(--surface);border-bottom:1px solid var(--hair-soft);flex:none;align-items:center;gap:10px;height:56px;padding:0 12px;display:flex}.ph__back[data-v-7faa1d9e]{width:20px;height:20px;color:var(--ink-2)}.ph__avatar[data-v-7faa1d9e]{border-radius:var(--r-pill);background:var(--sel);width:36px;height:36px;color:var(--sel-ink);font-size:var(--fs-body);flex:none;place-items:center;font-weight:500;display:grid}.ph__who[data-v-7faa1d9e]{flex-direction:column;min-width:0;display:flex}.ph__name[data-v-7faa1d9e]{font-size:var(--fs-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.25;overflow:hidden}.ph__state[data-v-7faa1d9e]{font-size:var(--fs-xs);color:var(--ink-3)}.ph__thread[data-v-7faa1d9e]{min-height:0;-webkit-mask-image:var(--fade-top);-webkit-mask-image:var(--fade-top);mask-image:var(--fade-top);flex-direction:column;flex:auto;justify-content:flex-end;gap:6px;margin:0;padding:12px 10px;list-style:none;display:flex;overflow:hidden}.ph__msg[data-v-7faa1d9e]{border-radius:var(--r-sm);max-width:84%;font-size:var(--fs-sm);color:var(--ink);overflow-wrap:anywhere;padding:7px 10px;line-height:1.42;position:relative}.ph__msg--in[data-v-7faa1d9e]{background:var(--bub-in);border-top-left-radius:var(--r-box);align-self:flex-start}.ph__msg--out[data-v-7faa1d9e]{background:var(--bub-out);border-top-right-radius:var(--r-box);align-self:flex-end}.ph__text[data-v-7faa1d9e]:after{content:"";width:40px;display:inline-block}.ph__time[data-v-7faa1d9e]{font-size:var(--fs-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;line-height:1;position:absolute;bottom:6px;right:9px}.ph__action[data-v-7faa1d9e]{border-top:1px solid var(--hair-soft);color:var(--accent);justify-content:center;align-items:center;gap:6px;margin:8px -10px -7px;padding:10px;font-weight:500;display:flex}.ph__action .n-icon[data-v-7faa1d9e]{width:16px;height:16px}.ph__note[data-v-7faa1d9e]{border-radius:var(--r-xs);background:var(--surface);color:var(--ink-2);font-size:var(--fs-xs);align-self:center;padding:4px 10px}.ph__typing[data-v-7faa1d9e]{gap:4px;padding:13px 14px;display:flex}.ph__typing span[data-v-7faa1d9e]{border-radius:var(--r-pill);background:var(--ink-3);width:6px;height:6px;animation:ph-dot-7faa1d9e 1.2s var(--ease-std) infinite}.ph__typing span[data-v-7faa1d9e]:nth-child(2){animation-delay:.15s}.ph__typing span[data-v-7faa1d9e]:nth-child(3){animation-delay:.3s}@keyframes ph-dot-7faa1d9e{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}.ph__pop[data-v-7faa1d9e]{animation:ph-pop-7faa1d9e var(--t-std) var(--ease-decel) both}.ph__msg--in.ph__pop[data-v-7faa1d9e]{transform-origin:0 100%}.ph__msg--out.ph__pop[data-v-7faa1d9e]{transform-origin:100% 100%}@keyframes ph-pop-7faa1d9e{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}.ph__composer[data-v-7faa1d9e]{flex:none;gap:8px;padding:8px 10px 14px}.ph__composer[data-v-7faa1d9e],.ph__field[data-v-7faa1d9e]{align-items:center;display:flex}.ph__field[data-v-7faa1d9e]{background:var(--surface);color:var(--ink-3);font-size:var(--fs-sm);flex:auto;padding:0 16px}.ph__field[data-v-7faa1d9e],.ph__send[data-v-7faa1d9e]{border-radius:var(--r-pill);height:40px}.ph__send[data-v-7faa1d9e]{background:var(--accent-quiet);width:40px;color:var(--accent);flex:none;place-items:center;display:grid}.ph__send .n-icon[data-v-7faa1d9e]{width:18px;height:18px}.ph__record[data-v-7faa1d9e]{z-index:2;border-radius:var(--r-lg);background:var(--surface);width:232px;box-shadow:var(--e2);padding:14px 16px 12px;position:absolute;top:96px;left:-128px}.ph__rec-src[data-v-7faa1d9e]{font-size:var(--fs-xs);color:var(--ink-3);align-items:center;gap:6px;margin:0;display:flex}.ph__rec-src .n-icon[data-v-7faa1d9e]{width:16px;height:16px;color:var(--accent)}.ph__rec-title[data-v-7faa1d9e]{font-size:var(--fs-body);color:var(--ink);margin:6px 0 10px;font-weight:500}.ph__rec-rows[data-v-7faa1d9e]{gap:7px;margin:0;display:grid}.ph__rec-row[data-v-7faa1d9e]{justify-content:space-between;align-items:baseline;gap:var(--s3);display:flex}.ph__rec-row dt[data-v-7faa1d9e]{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap}.ph__rec-row dd[data-v-7faa1d9e]{font-size:var(--fs-sm);color:var(--ink);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-weight:500}.ph__rec-row.is-locked dd[data-v-7faa1d9e]{color:var(--ink-3);align-items:center;gap:4px;font-weight:400;display:inline-flex}.ph__rec-row.is-locked .n-icon[data-v-7faa1d9e]{width:14px;height:14px}.ph-rec-enter-active[data-v-7faa1d9e]{transition:opacity var(--t-long) var(--ease-decel),transform var(--t-long) var(--ease-decel)}.ph-rec-leave-active[data-v-7faa1d9e]{transition:opacity var(--t-fast) var(--ease-accel),transform var(--t-fast) var(--ease-accel)}.ph-rec-enter-from[data-v-7faa1d9e]{opacity:0;transform:translate(-28px)scale(.96)}.ph-rec-leave-to[data-v-7faa1d9e]{opacity:0;transform:translate(-12px)}@media (width<=1240px){.ph__record[data-v-7faa1d9e]{left:-72px}}@media (width<=560px){.ph__stage[data-v-7faa1d9e]{width:272px}.ph__screen[data-v-7faa1d9e]{height:540px}.ph__record[data-v-7faa1d9e]{width:208px;padding:12px 14px 10px;top:8px;left:-28px}}