.wm{position:relative;isolation:isolate;min-width:0;padding:20px 14px 18px;background-color:var(--surface);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:22px 22px}.wm-devices{height:254px;position:relative;min-width:0}.wm-browser{position:absolute;left:0;top:0;width:calc(100% - 44px);border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--bg);box-shadow:0 12px 30px #0002}.wm-browser-bar{height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;border-bottom:1px solid var(--border);font-size:10px;color:var(--muted)}.wm-window-dots{display:flex;gap:3px;flex:none}.wm-window-dots i{width:4px;height:4px;border-radius:50%;background:var(--muted)}.wm-address{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;color:var(--fg);font-weight:500}.wm-desktop{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}.wm-browser-status{display:flex;align-items:center;gap:5px;min-height:24px;padding:5px 9px;border-top:1px solid var(--border);font-size:8px;line-height:1.2;color:var(--muted)}.wm-browser-status>span:last-child{margin-left:auto}.wm-phone{position:absolute;right:0;bottom:0;width:96px;height:210px;overflow:hidden;border:4px solid #202024;border-radius:17px;background:#202024;box-shadow:0 14px 32px #0004}.wm-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.wm-phone-speaker{position:absolute;z-index:1;top:4px;left:50%;translate:-50% 0;width:26px;height:5px;border-radius:5px;background:#202024}.wm-chat{position:relative;margin-top:18px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:0 10px 28px #0000000c}.wm-chat-label{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.5;color:var(--muted)}.wm-prompt{font-size:14px;font-weight:500;line-height:1.5;margin:10px 0;min-height:3em;max-width:37ch}.wm-chat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.wm-chat-foot>span:first-child{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.wm-send{display:grid;place-items:center;flex:none;width:26px;height:26px;background:var(--fg);color:var(--bg);border-radius:7px}@media(max-width:359px){.wm-devices{height:236px}.wm-phone{width:86px;height:188px}.wm-browser-status{font-size:7px}.wm-chat{padding:12px}.wm-prompt{font-size:13px}.wm-chat-label{font-size:9px}}@media(min-width:641px){.wm{padding:28px}.wm-devices{height:410px}.wm-browser{width:84%;border-radius:12px}.wm-browser-bar{height:34px;font-size:11px;padding:8px 12px}.wm-window-dots{gap:4px}.wm-window-dots i{width:5px;height:5px}.wm-browser-status{min-height:28px;font-size:10px;padding:7px 12px}.wm-phone{width:136px;height:296px;border-width:5px;border-radius:22px;right:4px}.wm-phone-speaker{width:36px;height:6px;top:6px}.wm-chat{display:grid;grid-template-columns:1fr auto;gap:0 22px;margin-top:24px;padding:18px 20px}.wm-chat-label{grid-column:1;grid-row:1;font-size:11px}.wm-prompt{grid-column:1;grid-row:2;font-size:15px;min-height:3em;margin-bottom:0}.wm-chat-foot{grid-column:2;grid-row:1/3;gap:16px}.wm-chat-foot>span:first-child{font-size:11px;max-width:100px}.wm-send{height:32px;width:32px;border-radius:9px}}@media(min-width:1024px){.wm:not(.wm--compact){padding:36px}.wm:not(.wm--compact) .wm-devices{height:560px}.wm:not(.wm--compact) .wm-browser{width:78%;left:0}.wm:not(.wm--compact) .wm-browser-bar{height:36px;padding:8px 14px}.wm:not(.wm--compact) .wm-phone{width:190px;height:412px;bottom:8px;right:16px;border-width:6px;border-radius:27px}.wm:not(.wm--compact) .wm-phone-speaker{width:48px;height:7px}.wm:not(.wm--compact) .wm-chat{display:block;position:absolute;left:64px;bottom:28px;width:370px;padding:20px;margin:0}.wm:not(.wm--compact) .wm-prompt{font-size:16px;min-height:3em;margin-bottom:16px}.wm:not(.wm--compact) .wm-chat-foot>span:first-child{max-width:none}.wm--compact{padding:24px 18px}.wm--compact .wm-devices{height:280px}.wm--compact .wm-browser{width:calc(100% - 44px)}.wm--compact .wm-browser-bar{height:28px;font-size:10px;padding:6px 9px}.wm--compact .wm-browser-status{min-height:24px;padding:5px 9px;font-size:9px}.wm--compact .wm-phone{width:96px;height:210px;border-width:4px;border-radius:17px;right:0}.wm--compact .wm-phone-speaker{width:26px;height:5px;top:4px}.wm--compact .wm-chat{display:block;padding:16px;margin-top:18px}.wm--compact .wm-prompt{font-size:14px;min-height:3em;margin-bottom:12px}.wm--compact .wm-chat-foot>span:first-child{max-width:none}}