.phone-preview[data-v-e3dff5ce]{gap:var(--shell-space-3);flex-direction:column;width:100%;max-width:380px;margin:0 auto;display:flex}.phone-preview__device[data-v-e3dff5ce]{--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-e3dff5ce]{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-e3dff5ce]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.phone-preview__draft[data-v-e3dff5ce]{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-e3dff5ce]{width:32px;height:32px;color:inherit;border-radius:999px;flex:none;place-items:center;display:grid}.phone-preview__restart[data-v-e3dff5ce]:hover{background:rgba(0,0,0,.08)}.phone-preview__log[data-v-e3dff5ce]{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-e3dff5ce]:focus-visible{outline-offset:-4px}.phone-preview__empty[data-v-e3dff5ce]{color:var(--pp-hint-text);text-align:center;margin:auto;padding:0 24px;font-size:13px}.phone-preview__explain[data-v-e3dff5ce]{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-e3dff5ce]{min-height:44px}}.phone-preview__log[data-v-e3dff5ce] .message-bubble-wrap{max-width:100%;padding:0}.phone-preview__log[data-v-e3dff5ce] .message-bubble{--chat-reply-text:currentColor;--chat-reply-muted:currentColor;--chat-reply-divider:rgba(0,0,0,.12);--chat-reply-hover:rgba(0,0,0,.06);border-radius:var(--pp-radius);font-size:14px;line-height:21px}.phone-preview__log[data-v-e3dff5ce] .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-e3dff5ce] .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-e3dff5ce] .preview-message__template button{color:var(--pp-action)}.phone-preview__chips[data-v-e3dff5ce]{background:var(--pp-bg);flex:none}.phone-preview__composer[data-v-e3dff5ce]{--chat-reply-text:#4a4540;--chat-reply-muted:#6b665f;--chat-reply-divider:var(--pp-header-border);--chat-reply-hover:rgba(0,0,0,.06);background:var(--pp-composer-bg);flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:8px 8px 10px 12px;display:flex}.phone-preview__composer.has-menu[data-v-e3dff5ce]{padding-left:4px}.phone-preview__quote[data-v-e3dff5ce]{flex-basis:100%}.phone-preview__input[data-v-e3dff5ce]{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-e3dff5ce]::placeholder{color:#6b665f}.phone-preview__input[data-v-e3dff5ce]:disabled{cursor:not-allowed;color:#6b665f}.phone-preview__menu[data-v-e3dff5ce],.phone-preview__send[data-v-e3dff5ce]{width:36px;height:36px;color:var(--pp-send);border-radius:999px;flex:none;place-items:center;display:grid}.phone-preview__menu[data-v-e3dff5ce]{color:var(--pp-hint-text)}.phone-preview__menu[data-v-e3dff5ce]:hover:not(:disabled),.phone-preview__send[data-v-e3dff5ce]:hover:not(:disabled){background:rgba(0,0,0,.06)}.phone-preview__menu[data-v-e3dff5ce]:disabled,.phone-preview__send[data-v-e3dff5ce]:disabled{cursor:not-allowed;color:#8a837b}@media (pointer:coarse){.phone-preview__menu[data-v-e3dff5ce],.phone-preview__restart[data-v-e3dff5ce],.phone-preview__send[data-v-e3dff5ce]{width:44px;height:44px}.phone-preview__input[data-v-e3dff5ce]{height:44px;font-size:16px}}