.phone-preview[data-v-56fbb7fc]{gap:var(--shell-space-3);flex-direction:column;width:100%;max-width:380px;margin:0 auto;display:flex}.phone-preview__device[data-v-56fbb7fc]{--chat-card-bg:var(--pp-in-bg);--chat-card-text:var(--pp-in-text);--chat-card-action:var(--pp-action);--chat-bubble-bg:var(--pp-in-bg);--chat-bubble-radius:var(--pp-radius);--chat-typing-dot:#8a837b;--chat-typing-offset:44px;height:var(--phone-preview-height,600px);color:#111;background:var(--pp-bg);border:6px solid #26221e;border-radius:34px;flex-direction:column;min-height:420px;display:flex;overflow:hidden}.phone-preview__header[data-v-56fbb7fc]{border-bottom:1px solid var(--pp-header-border);min-height:52px;color:var(--pp-header-text);background:var(--pp-header-bg);align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.phone-preview__name[data-v-56fbb7fc]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.phone-preview__draft[data-v-56fbb7fc]{border:1px solid;border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:600;line-height:16px}.phone-preview__restart[data-v-56fbb7fc]{width:32px;height:32px;color:inherit;border-radius:999px;flex:none;place-items:center;display:grid}.phone-preview__restart[data-v-56fbb7fc]:hover{background:rgba(0,0,0,.08)}.phone-preview__log[data-v-56fbb7fc]{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:6px;min-height:0;padding:12px 0;display:flex;overflow-y:auto}.phone-preview__log[data-v-56fbb7fc]:focus-visible{outline-offset:-4px}.phone-preview__empty[data-v-56fbb7fc]{color:var(--pp-hint-text);text-align:center;margin:auto;padding:0 24px;font-size:13px}.phone-preview__explain[data-v-56fbb7fc]{min-height:24px;color:var(--pp-hint-text);text-underline-offset:2px;align-self:flex-start;margin:-2px 0 0 44px;font-size:12px;text-decoration:underline}@media (pointer:coarse){.phone-preview__explain[data-v-56fbb7fc]{min-height:44px}}.phone-preview__log[data-v-56fbb7fc] .message-bubble-wrap{max-width:100%;padding:0}.phone-preview__log[data-v-56fbb7fc] .message-bubble{border-radius:var(--pp-radius);font-size:14px;line-height:21px}.phone-preview__log[data-v-56fbb7fc] .message-bubble--incoming{border-color:var(--pp-in-border);border-bottom-left-radius:var(--pp-tail);color:var(--pp-in-text);background:var(--pp-in-bg)}.phone-preview__log[data-v-56fbb7fc] .message-bubble--outgoing{border-bottom-right-radius:var(--pp-tail);color:var(--pp-out-text);background:var(--pp-out-bg);border-color:transparent}.phone-preview__log[data-v-56fbb7fc] .preview-message__template button{color:var(--pp-action)}.phone-preview__chips[data-v-56fbb7fc]{background:var(--pp-bg);flex:none}.phone-preview__composer[data-v-56fbb7fc]{background:var(--pp-composer-bg);flex:none;align-items:center;gap:6px;padding:8px 8px 10px 12px;display:flex}.phone-preview__input[data-v-56fbb7fc]{border:1px solid var(--pp-input-border);color:#111;background:var(--pp-input-bg);border-radius:999px;flex:auto;min-width:0;height:36px;padding:0 14px;font-size:14px}.phone-preview__input[data-v-56fbb7fc]::placeholder{color:#6b665f}.phone-preview__input[data-v-56fbb7fc]:disabled{cursor:not-allowed;color:#6b665f}.phone-preview__send[data-v-56fbb7fc]{width:36px;height:36px;color:var(--pp-send);border-radius:999px;flex:none;place-items:center;display:grid}.phone-preview__send[data-v-56fbb7fc]:hover:not(:disabled){background:rgba(0,0,0,.06)}.phone-preview__send[data-v-56fbb7fc]:disabled{cursor:not-allowed;color:#8a837b}@media (pointer:coarse){.phone-preview__restart[data-v-56fbb7fc],.phone-preview__send[data-v-56fbb7fc]{width:44px;height:44px}.phone-preview__input[data-v-56fbb7fc]{height:44px;font-size:16px}}@media (prefers-reduced-motion:reduce){.phone-preview__tab[data-v-56fbb7fc]{transition:none}}