.wa-sim-page{width:100%}.wa-sim-workspace{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:2rem;display:grid}.sim-controls,.tips-box,.sim-summary,.sim-faq-card{border:1px solid #e2e8f0;border-radius:1.5rem;box-shadow:0 10px 30px #0f172a0f}.sim-controls,.tips-box{background:linear-gradient(#fff 0%,#f8fafc 100%)}.sim-controls{position:sticky;top:88px;overflow:hidden}.sim-panel-hdr{color:#64748b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.1em;text-transform:uppercase;background:#f8fafceb;border-bottom:1px solid #e2e8f0;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.75rem;font-weight:800;display:flex}.sim-panel-hdr svg,.ctrl-label svg,.tips-box-title svg,.avatar-file-btn svg,.add-msg-btn svg,.screenshot-btn svg{color:#059669}.sim-panel-body{padding:1.5rem}.ctrl-group{margin-bottom:1.25rem}.ctrl-label{color:#475569;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:.5rem;font-size:.72rem;font-weight:800;display:flex}.ctrl-input,.ctrl-select,.msg-textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.95rem;outline:none;width:100%;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px 2px #0f172a08}.ctrl-input,.ctrl-select{padding:.65rem .9rem;font-size:.92rem}.msg-textarea{resize:vertical;min-height:78px;padding:.7rem .9rem;font-size:.92rem;line-height:1.5}.ctrl-input:focus,.ctrl-select:focus,.msg-textarea:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811f}.ctrl-input::placeholder,.msg-textarea::placeholder{color:#94a3b8}.seg-control,.msg-side-toggle{background:#f8fafc;border:1px solid #cbd5e1;border-radius:1rem;padding:.25rem;display:grid;overflow:hidden}.seg-control-2,.msg-side-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.seg-btn,.side-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.4rem;padding:.62rem .5rem;font-size:.75rem;font-weight:800;transition:all .15s;display:flex}.seg-btn.active,.side-btn.active{color:#fff;background:linear-gradient(#10b981 0%,#059669 100%);box-shadow:0 8px 20px #05966938}.seg-btn:hover,.side-btn:hover{color:#0f172a}.avatar-pick{align-items:center;gap:.8rem;display:flex}.avatar-preview{color:#059669;cursor:pointer;background:linear-gradient(#ecfdf5 0%,#d1fae5 100%);border:2px solid #a7f3d0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 6px 20px #10b9811f}.avatar-preview img,.wpp-contact-avatar img,.wpp-iphone-avatar img{object-fit:cover;width:100%;height:100%}.avatar-file-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.9rem;align-items:center;gap:.45rem;padding:.65rem .9rem;font-size:.75rem;font-weight:700;display:inline-flex}.avatar-help{color:#94a3b8;margin:.35rem 0 0;font-size:.72rem}.ctrl-divider{background:#e2e8f0;height:1px;margin:1.25rem 0}.add-msg-btn,.screenshot-btn,.clear-btn,.avatar-file-btn{transition:all .2s}.add-msg-btn,.screenshot-btn,.clear-btn{cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.88rem;font-size:.85rem;font-weight:800;display:flex}.add-msg-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:0;margin-top:.75rem;box-shadow:0 16px 30px #0596692e}.add-msg-btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px #0596693d}.screenshot-btn{color:#0f172a;background:#fff;border:1px solid #cbd5e1;margin-top:.75rem}.screenshot-btn:hover:not(:disabled){color:#047857;background:#f8fafc;border-color:#86efac}.screenshot-btn:disabled{cursor:wait;opacity:.7}.clear-btn{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca;margin-top:.5rem;padding:.72rem;font-size:.78rem;font-weight:700}.clear-btn:hover{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.right-col{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.phone-wrapper{justify-content:center;width:100%;display:flex}.phone-shell{width:376px;box-shadow:none;background:#000;border:8px solid #111;border-radius:44px;transition:all .3s;position:relative;overflow:hidden}.phone-shell[data-device=android]{font-family:Roboto,Arial,sans-serif}.phone-shell[data-device=iphone]{border-radius:52px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.phone-shell.capturing{width:360px!important;box-shadow:none!important;border:0!important;border-radius:0!important}.phone-shell.capturing .phone-notch-android,.phone-shell.capturing .phone-notch-iphone,.phone-shell.capturing .msg-del-btn{display:none!important}.phone-shell.capturing .wpp-chat-area{height:auto!important;min-height:600px!important;max-height:none!important;overflow:visible!important}.phone-shell svg,.phone-shell i{flex-shrink:0}.phone-notch-android,.phone-notch-iphone{background:var(--shell-top)}.phone-notch-android{justify-content:center;align-items:center;height:8px;display:flex}.phone-notch-android:after{content:"";background:#000c;border:2px solid #222;border-radius:50%;width:14px;height:14px}.phone-notch-iphone{justify-content:center;align-items:end;height:30px;padding-bottom:4px;display:none}.phone-notch-iphone:after{content:"";background:#000;border-radius:0 0 20px 20px;width:120px;height:30px}.wpp-status-bar{z-index:10;background:var(--status-bg);color:var(--status-text);justify-content:space-between;align-items:center;display:flex;position:relative}.phone-shell[data-device=android] .wpp-status-bar{height:24px;padding:0 14px;font-size:.72rem;font-weight:700}.phone-shell[data-device=iphone] .wpp-status-bar{height:22px;padding:0 20px;font-size:.75rem;font-weight:700}.phone-shell[data-device=iphone].capturing .wpp-status-bar{align-items:center!important;height:44px!important;padding-top:14px!important;padding-bottom:0!important}.status-time{letter-spacing:.03em;align-items:center;font-weight:800;display:inline-flex}.status-icons-r,.android-icons,.ios-icons{align-items:center;gap:6px;display:flex}.ios-icons{gap:5px;display:none}.wpp-topbar-android,.wpp-topbar-iphone{background:var(--topbar-bg)}.wpp-topbar-android{border-bottom:1px solid #00000026;align-items:center;gap:12px;padding:10px 14px;display:flex}.wpp-back-android,.wpp-topbar-actions,.wpp-back-iphone,.wpp-topbar-iphone-actions{color:var(--topbar-icon)}.wpp-contact-avatar,.wpp-iphone-avatar{color:#fff;background:#80808040;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.wpp-contact-avatar{border-radius:50%;width:38px;height:38px;font-size:1rem}.wpp-contact-info{flex:1;min-width:0}.wpp-contact-name,.wpp-iphone-name{white-space:nowrap;text-overflow:ellipsis;color:var(--topbar-text);overflow:hidden}.wpp-contact-name{margin-bottom:1px;font-size:.95rem;font-weight:700;line-height:1.3}.wpp-contact-status{color:var(--topbar-text);opacity:.85;font-size:.7rem;line-height:1.2}.wpp-topbar-actions{align-items:center;gap:16px;display:flex}.topbar-kebab{font-size:1.1rem;line-height:1}.wpp-topbar-iphone{border-bottom:1px solid var(--topbar-border);justify-content:space-between;align-items:center;padding:8px 14px 10px;display:none}.wpp-topbar-iphone-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.wpp-iphone-avatar{border-radius:50%;width:36px;height:36px}.wpp-iphone-info{flex-direction:column;min-width:0;display:flex}.wpp-iphone-name{font-size:.9rem;font-weight:700;line-height:1.2}.wpp-iphone-status{color:#8e8e93;margin-top:1px;font-size:.68rem;line-height:1.1}.wpp-topbar-iphone-actions{flex-shrink:0;align-items:center;gap:18px;display:flex}.wpp-chat-area{background-color:var(--chat-bg);scroll-behavior:smooth;background-repeat:repeat;background-size:340px;flex-direction:column;gap:6px;height:600px;max-height:600px;padding:14px 12px;display:flex;position:relative;overflow-y:auto}.wpp-chat-area::-webkit-scrollbar{width:3px}.wpp-chat-area::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.chat-date-chip{z-index:2;text-align:center;margin:4px 0 8px;position:relative}.chat-date-chip span{background:var(--date-chip-bg);color:var(--date-chip-text);border-radius:10px;padding:3px 12px;font-size:.65rem;font-weight:600;display:inline-block;box-shadow:0 1px 2px #0000001f}.chat-empty{z-index:2;min-height:200px;color:var(--empty-color);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:.8rem;line-height:1.6;display:flex;position:relative}.chat-empty svg{opacity:.35;margin-bottom:.75rem}.wpp-msg{z-index:2;flex-direction:column;max-width:82%;animation:.15s ease-out msg-pop;display:flex;position:relative}.wpp-msg.sent{align-self:flex-end;align-items:flex-end}.wpp-msg.received{align-self:flex-start;align-items:flex-start}@keyframes msg-pop{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.bubble{word-break:break-word;padding:6px 12px 8px;font-size:.88rem;line-height:1.45;display:inline-block;position:relative;box-shadow:0 1px 2px #00000026}.message-text{white-space:pre-wrap;display:block}.sent-bubble{border-radius:var(--bubble-radius) var(--bubble-radius) 0 var(--bubble-radius);background:var(--bubble-sent);color:var(--bubble-sent-text);padding-right:58px}.received-bubble{border-radius:var(--bubble-radius) var(--bubble-radius) var(--bubble-radius) 0;background:var(--bubble-received);color:var(--bubble-received-text);padding-right:44px}.sent-bubble:after,.received-bubble:after{content:"";width:0;height:0;position:absolute;bottom:0}.sent-bubble:after{border-bottom:8px solid #0000;border-left:8px solid var(--bubble-sent);right:-7px}.received-bubble:after{border-right:8px solid var(--bubble-received);border-bottom:8px solid #0000;left:-7px}.phone-shell[data-device=iphone] .sent-bubble:after,.phone-shell[data-device=iphone] .received-bubble:after{display:none}.msg-meta{color:var(--msg-meta-color);align-items:center;gap:3px;font-size:.62rem;line-height:1;display:inline-flex;position:absolute;bottom:4px;right:8px}.msg-ticks-blue,.msg-ticks-grey,.msg-ticks-white{align-items:center;display:inline-flex}.msg-ticks-blue{color:#34b7f1}.msg-ticks-grey{color:#8696a0}.msg-ticks-white{color:#ffffffa6}.msg-del-btn{color:#fff;cursor:pointer;z-index:5;background:#0009;border:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:none;position:absolute;top:-6px}.wpp-msg.sent .msg-del-btn{right:-6px}.wpp-msg.received .msg-del-btn{left:-6px}.wpp-msg:hover .msg-del-btn{display:inline-flex}.wpp-input-android{align-items:center;gap:8px;padding:8px 10px;display:flex;background:0 0!important}.wpp-input-box-android{background:var(--input-box-bg);border-radius:24px;flex:1;align-items:center;gap:10px;padding:8px 14px;display:flex;box-shadow:0 1px 2px #00000026}.wpp-input-text-android,.wpp-input-iphone-text{pointer-events:none;flex:1}.wpp-input-text-android{color:var(--input-text-color);font-size:.95rem;line-height:1.2}.wpp-input-icon-android,.wpp-send-btn-android,.wpp-iphone-plus,.wpp-iphone-sticker-icon,.wpp-iphone-right-icon{justify-content:center;align-items:center;display:inline-flex}.wpp-input-icon-android{color:var(--input-icon-color)}.wpp-send-btn-android{border-radius:50%;flex-shrink:0;width:44px;height:44px;box-shadow:0 1px 2px #00000026;color:#fff!important;background:#00a884!important}.wpp-input-iphone{border-top:1px solid var(--input-border-top);background:var(--input-bg);flex-direction:column;gap:8px;padding:8px 12px 24px;display:none;position:relative}.wpp-iphone-input-row{align-items:center;gap:12px;width:100%;display:flex}.wpp-iphone-plus,.wpp-iphone-right-icon{color:var(--input-icon)}.wpp-iphone-input-box{border:1px solid var(--input-box-border);background:var(--input-box-bg);border-radius:18px;flex:1;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.wpp-input-iphone-text,.wpp-iphone-sticker-icon{color:#8e8e93;font-size:.95rem;line-height:1.2}.iphone-home-indicator{background:var(--home-indicator-bg);z-index:10;border-radius:3px;width:130px;height:5px;display:none;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.tips-box{width:100%;max-width:375px;padding:1.35rem 1.5rem}.tips-box-title{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:.8rem;font-size:.72rem;font-weight:800;display:flex}.tip-item{color:#475569;align-items:flex-start;gap:.55rem;font-size:.88rem;line-height:1.6;display:flex}.tip-item+.tip-item{margin-top:.65rem}.tip-item span{color:#10b981;font-weight:900}.tip-item p{margin:0}.phone-shell[data-device=android][data-theme=light]{--shell-top:#075e54;--topbar-bg:#075e54;--topbar-text:#fff;--topbar-icon:#ffffffe6;--status-bg:#056b4f;--status-text:#fff;--chat-bg:#e5ddd5;--bubble-sent:#dcf8c6;--bubble-sent-text:#111;--bubble-received:#fff;--bubble-received-text:#111;--bubble-radius:8px;--input-bg:#f0f0f0;--input-box-bg:#fff;--input-text-color:#8e9c94;--input-icon-color:#8696a0;--date-chip-bg:#e1f5fee6;--date-chip-text:#5b7083;--msg-meta-color:#00000073;--empty-color:#777;--topbar-border:#80808033;--input-box-border:#8080804d;--input-border-top:#80808033;--input-icon:#007aff;--home-indicator-bg:#000}.phone-shell[data-device=android][data-theme=dark]{--shell-top:#1f2c34;--topbar-bg:#1f2c34;--topbar-text:#e9edef;--topbar-icon:#e9edefe6;--status-bg:#1a2830;--status-text:#e9edef;--chat-bg:#0d1418;--bubble-sent:#005c4b;--bubble-sent-text:#e9edef;--bubble-received:#202c33;--bubble-received-text:#e9edef;--bubble-radius:8px;--input-bg:#1f2c34;--input-box-bg:#2a3942;--input-text-color:#8696a0;--input-icon-color:#8696a0;--date-chip-bg:#26343ce6;--date-chip-text:#8696a0;--msg-meta-color:#ffffff8c;--empty-color:#8696a0;--topbar-border:#ffffff26;--input-box-border:#ffffff1a;--input-border-top:#ffffff26;--input-icon:#0a84ff;--home-indicator-bg:#fff}.phone-shell[data-device=iphone][data-theme=light]{--shell-top:#fff;--topbar-bg:#fff;--topbar-text:#111;--topbar-icon:#007aff;--status-bg:#fff;--status-text:#111;--chat-bg:#ece5d8;--bubble-sent:#e1f7cb;--bubble-sent-text:#111;--bubble-received:#fff;--bubble-received-text:#111;--bubble-radius:16px;--input-bg:#f6f6f6;--input-box-bg:#fff;--input-box-border:#8080804d;--input-icon:#007aff;--input-border-top:#80808033;--date-chip-bg:#dcd6c8e6;--date-chip-text:#666;--msg-meta-color:#00000073;--empty-color:#aaa;--home-indicator-bg:#000;--input-text-color:#8e9c94;--input-icon-color:#8696a0;--topbar-border:#80808033}.phone-shell[data-device=iphone][data-theme=dark]{--shell-top:#000;--topbar-bg:#1c1c1e;--topbar-text:#fff;--topbar-icon:#0a84ff;--status-bg:#000;--status-text:#fff;--chat-bg:#0a0a0a;--bubble-sent:#005c4b;--bubble-sent-text:#fff;--bubble-received:#1c2b33;--bubble-received-text:#fff;--bubble-radius:16px;--input-bg:#161616;--input-box-bg:#2c2c2e;--input-box-border:#ffffff1a;--input-icon:#0a84ff;--input-border-top:#ffffff26;--date-chip-bg:#28282de6;--date-chip-text:#8e8e93;--msg-meta-color:#ffffff8c;--empty-color:#555;--home-indicator-bg:#fff;--input-text-color:#8e9c94;--input-icon-color:#8696a0;--topbar-border:#ffffff26}.phone-shell[data-device=android] .topbar-android-el,.phone-shell[data-device=android] .input-android{display:flex}.phone-shell[data-device=android] .topbar-iphone-el,.phone-shell[data-device=android] .input-iphone,.phone-shell[data-device=android] .notch-iphone,.phone-shell[data-device=android] .ios-icons,.phone-shell[data-device=android] .iphone-home-indicator{display:none}.phone-shell[data-device=android] .android-icons,.phone-shell[data-device=android] .notch-android{display:flex}.phone-shell[data-device=iphone] .topbar-android-el,.phone-shell[data-device=iphone] .input-android,.phone-shell[data-device=iphone] .notch-android,.phone-shell[data-device=iphone] .android-icons{display:none}.phone-shell[data-device=iphone] .topbar-iphone-el,.phone-shell[data-device=iphone] .input-iphone,.phone-shell[data-device=iphone] .notch-iphone,.phone-shell[data-device=iphone] .ios-icons,.phone-shell[data-device=iphone] .iphone-home-indicator{display:flex}@media (width<=960px){.wa-sim-workspace{grid-template-columns:1fr}.sim-controls{position:static}}@media (width<=420px){.phone-shell{transform-origin:top;transform:scale(.9)}.phone-wrapper{height:645px;width:338px!important;margin:0 auto 20px!important}.sim-panel-body,.tips-box{padding:1rem}}@media (width<=375px){.phone-shell{transform:scale(.8)}.phone-wrapper{height:575px;width:300px!important}}@media (width<=340px){.phone-shell{transform:scale(.72)}.phone-wrapper{height:520px;width:270px!important}}