.demo-wrap{display:grid;place-items:center;padding:10px 0 20px}.demo-phone{width:320px;height:640px}.demo-btn{font:inherit;color:inherit;border:none;cursor:pointer;text-align:left;width:100%}.pm-tile.demo-btn{text-align:center}.pm-tile.sel{border:2px solid #1b8e45;background:#e6f6ec}.demo-scroll{overflow-y:auto}.pm-worker.demo-btn:hover{border-color:#054c4e}.dm-hero{height:150px;display:grid;place-items:center;position:relative;flex-shrink:0}.dm-big{width:84px;height:84px;border-radius:26px;background:rgba(255,255,255,.7);display:grid;place-items:center;font-weight:800;font-size:30px}.dm-back{position:absolute;left:10px;top:12px;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.9);font-size:22px;line-height:1;text-align:center;color:#054c4e}.dm-back.light{position:static;background:rgba(255,255,255,.15);color:#fff;width:32px;height:32px;flex-shrink:0}.dm-card{background:#fff;border:1px solid #ece7e0;border-radius:16px;padding:10px;margin-top:-40px;position:relative;box-shadow:0 6px 16px rgba(0,0,0,.08)}.dm-name{display:block;font-size:16px}.dm-sub{color:#5b6470;font-size:10.5px}.dm-on{color:#15803d;font-weight:700}.dm-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px;gap:5px;margin-top:8px}.dm-stats span{background:#faf8f5;border-radius:10px;padding:6px 2px;text-align:center;font-size:9.5px;color:#5b6470;display:flex;flex-direction:column}.dm-stats b{font-size:12.5px;color:#1b1b1f}.dm-h{font-weight:800;color:#054c4e;margin:12px 0 4px;font-size:13px}.dm-p{margin:0;font-size:11.5px;line-height:1.45}.dm-review{background:#fff;border:1px solid #ece7e0;border-radius:12px;padding:8px;font-size:11px}.dm-review i{font-style:normal;color:#ffb800}.dm-review p{margin:4px 0 0}.dm-actions{display:grid;grid-template-columns:1fr 1fr 1.5fr;grid-gap:6px;gap:6px;padding:8px 10px 12px;border-top:1px solid #ece7e0;background:#fff}.dm-a{border-radius:14px!important;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:13px;text-align:center!important}.dm-a small{font-size:10px}.dm-a.chat{background:#e3f0f2;color:#054c4e;border:2px solid #054c4e}.dm-a.wa{background:#e8f7ee;color:#15803d;border:2px solid #22c55e}.dm-a.call{background:#1b8e45;color:#fff;flex-direction:row;gap:4px;font-size:14px}.dm-chathead{background:#054c4e;color:#fff;display:flex;align-items:center;gap:8px;padding:14px 10px 10px}.dm-chathead b{display:block;font-size:13px}.dm-online{color:#86efac;font-weight:700;font-size:10px}.dm-safety{margin:8px;background:#fff4d6;border:1px solid #ffdf8a;border-radius:12px;padding:7px 9px;font-size:10px;line-height:1.4}.dm-msgs{flex:1 1;padding:4px 10px;display:flex;flex-direction:column;gap:6px}.dm-msg{max-width:78%;background:#fff;border:1px solid #ece7e0;border-radius:14px 14px 14px 4px;padding:7px 10px;font-size:12px;align-self:flex-start}.dm-msg.me{align-self:flex-end;background:#1b8e45;color:#fff;border:none;border-radius:14px 14px 4px 14px}.dm-compose{display:flex;gap:6px;padding:8px 10px 12px;background:#fff;border-top:1px solid #ece7e0}.dm-compose input{flex:1 1;min-width:0;border:1px solid #ece7e0;border-radius:18px;padding:8px 12px;font:inherit;font-size:12px;background:#faf8f5;color:#1b1b1f}.dm-compose button{width:36px!important;height:36px;border-radius:50%;background:#1b8e45;color:#fff;text-align:center!important}.dm-toast{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);background:#1b1b1f;color:#fff;padding:8px 14px;border-radius:12px;font-size:11.5px;font-weight:600;white-space:nowrap}.phone-screen{position:relative;text-align:left}