.wlc{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.wlc-stage,.wlc-controls{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:0 30px 60px -40px color-mix(in srgb, var(--tl) 45%, transparent);border-radius:24px;grid-template-columns:minmax(0,1fr);align-content:start;gap:16px;padding:16px;display:grid}.wlc-stage{background:radial-gradient(70% 60% at 50% 100%, color-mix(in srgb, var(--tl) 16%, transparent), transparent 70%), var(--surface);justify-items:center}.wlc-device{--pd-zoom:.58;justify-items:center;display:grid}.wlc-phone{background:#ece5dd;grid-template-rows:auto 1fr auto;height:794px;display:grid}.wlc-head{background:var(--tl);color:#fff;align-items:center;gap:12px;padding:10px 16px 14px;display:flex}.wlc-avatar{background:#ffffff38;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.wlc-who{min-width:0;font-size:22px;display:grid}.wlc-who b{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wlc-who small{opacity:.85;font-size:17px}.wlc-chat{align-content:space-between;gap:24px;padding:24px 18px;display:grid}.wlc-profile{text-align:center;color:#0f172a;background:#ffffffe0;border-radius:24px;justify-self:center;justify-items:center;gap:8px;width:82%;padding:28px 20px;display:grid}.wlc-profile-avatar{background:var(--tl);color:#fff;border-radius:50%;place-items:center;width:96px;height:96px;margin-bottom:6px;display:grid}.wlc-profile b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:26px}.wlc-profile small{color:#64748b;font-size:19px}.wlc-bubble{overflow-wrap:anywhere;color:#0f172a;background:#dcf8c6;border-radius:18px 18px 6px;justify-self:end;align-items:flex-end;gap:6px;max-width:86%;margin:0;padding:10px 12px 10px 16px;font-size:23px;line-height:1.4;transition:opacity .35s cubic-bezier(.23,1,.32,1),transform .45s cubic-bezier(.34,1.56,.64,1);display:inline-flex}@starting-style{.wlc-bubble{opacity:0;transform:translateY(40px)scale(.9)}}.wlc-bubble svg{color:#34b7f1;flex:none}.wlc-composer{grid-template-columns:minmax(0,1fr) 56px;align-items:end;gap:10px;padding:10px 12px 34px;display:grid}.wlc-input{overflow-wrap:anywhere;color:#0f172a;background:#fff;border-radius:28px;max-height:160px;padding:14px 18px;font-size:23px;line-height:1.4;overflow:auto}.wlc-input[data-empty]{color:#94a3b8}.wlc-send{background:var(--tl);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:56px;height:56px;transition:transform .16s ease-out,opacity .16s;display:grid}.wlc-send:active{transform:scale(.92)}.wlc-send:disabled{cursor:default;opacity:.45}.wlc-send:focus-visible{outline:2px solid var(--tl);outline-offset:2px}.wlc-hint{text-align:center;color:var(--muted,#64748b);margin:0;font-size:12.5px}.wlc-templates{flex-wrap:wrap;gap:8px;display:flex}.wlc-template{border:1px dashed color-mix(in srgb, var(--tl) 50%, var(--border));background:color-mix(in srgb, var(--tl) 6%, var(--surface));min-height:40px;font:inherit;color:var(--heading);cursor:pointer;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:600;transition:transform .16s ease-out}.wlc-template[aria-pressed=true]{border-style:solid;border-color:var(--tl);color:var(--tl)}.wlc-template:active{transform:scale(.97)}.wlc-link{background:color-mix(in srgb, var(--tl) 8%, var(--surface));border-radius:16px;gap:10px;padding:14px;display:grid}.wlc-link>output,.wlc-long output{font-family:var(--font-mono,ui-monospace, monospace);overflow-wrap:anywhere;color:var(--heading);font-size:13px}.wlc-link-actions{flex-wrap:wrap;gap:8px;display:flex}.wlc-long{gap:8px;font-size:13px;display:grid}.wlc-long summary{min-height:32px;color:var(--muted,#64748b);cursor:pointer;font-weight:600}.wlc-long[open]{gap:8px}@media (min-width:960px){.wlc{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}.wlc-stage,.wlc-controls{padding:24px}}@media (prefers-reduced-motion:reduce){.wlc-bubble{transition:opacity .2s}@starting-style{.wlc-bubble{transform:none}}}
