.imessage-tool-wrapper{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:flex-start;margin:20px 0}.imessage-controls{flex:1;min-width:280px;max-width:380px}.control-group{margin-bottom:12px}.control-group label{display:block;font-weight:600;margin-bottom:4px}.control-group input[type=number],.control-group input[type=text],.control-group select,.control-group textarea{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.screenshot-canvas{width:393px;height:852px;background-color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;padding-top:0;box-sizing:border-box;box-shadow:0 4px 16px rgba(0,0,0,.08);border:1px solid #e5e5ea;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif}.button-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.button-group .retro-button{flex:1 1 45%;padding:8px 12px;cursor:pointer}.phone-status-bar{height:44px;padding-top:12px;padding-left:38px;padding-right:18px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.status-left{font-size:.95rem;font-weight:600;letter-spacing:-.2px;line-height:1}.status-right{display:flex;align-items:center;gap:6px;height:14px}.signal-bars-container{display:flex;align-items:flex-end;gap:2px;height:12px}.signal-bars-container .bar{width:3.5px;background-color:#c7c7cc;border-radius:1px}.signal-bars-container .bar.active{background-color:#000}.signal-bars-container .bar-1{height:4px}.signal-bars-container .bar-2{height:6.5px}.signal-bars-container .bar-3{height:9.5px}.signal-bars-container .bar-4{height:12px}.status-network{display:flex;align-items:center;justify-content:center;height:14px}.status-network .net-text{font-size:.72rem;font-weight:700;letter-spacing:-.2px;line-height:1}.status-network .wifi-icon{width:18px;height:15px;display:block;fill:currentColor;flex:0 0 18px;margin-top:0}.battery-wrapper{display:flex;align-items:center;justify-content:center;height:14px}.ios-battery-svg{display:block;shape-rendering:geometricPrecision;image-rendering:optimizeQuality}#batteryFillSvg{transition:width .15s ease,fill .15s ease}.phone-header{position:relative;padding:10px 16px 6px;display:flex;flex-direction:column;align-items:center;border-bottom:.5px solid #e5e5ea}.phone-header .back-arrow{left:16px;color:#007aff;font-size:2.1rem;font-weight:400;line-height:1}.phone-header .back-arrow,.phone-header .camera-icon-wrapper{position:absolute;top:10px;height:50px;display:flex;align-items:center;cursor:pointer}.phone-header .camera-icon-wrapper{right:16px;justify-content:center}.phone-header .camera-icon-wrapper svg{display:block}.contact-details{flex-direction:column}.contact-details,.contact-details .avatar{display:flex;align-items:center;justify-content:center}.contact-details .avatar{width:50px;height:50px;background-color:#000;color:#fff;border-radius:50%;font-weight:600;font-size:1.25rem;margin-bottom:3px}.contact-details .contact-name{font-size:.72rem;font-weight:500;color:#8e8e93}.phone-chat-body{flex:1;padding:12px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background-color:#fff;scrollbar-width:none;-ms-overflow-style:none}.phone-chat-body::-webkit-scrollbar{display:none}.chat-timestamp{align-self:center;width:auto;text-align:center;font-size:.62rem;font-weight:500;color:#8e8e93;margin:10px 0 4px;letter-spacing:-.1px}.sent-group{display:flex;flex-direction:column;align-items:flex-end;gap:2px;width:100%}.chat-bubble{display:inline-block;position:relative;max-width:75%;width:fit-content;padding:10px 16px;font-size:.95rem;line-height:1.38;word-wrap:break-word;border-radius:20px;z-index:1}.chat-bubble.sent-blue{background-color:#0a84ff;color:#fff;align-self:flex-end}.chat-bubble.sent-blue:before{content:"";position:absolute;z-index:-1;bottom:0;right:-7px;width:20px;height:20px;background-color:#0a84ff;border-bottom-left-radius:16px 14px}.chat-bubble.sent-blue:after{content:"";position:absolute;z-index:1;bottom:0;right:-26px;width:26px;height:20px;background-color:#fff;border-bottom-left-radius:10px}.chat-bubble.sent-green{background-color:#34c759;color:#fff;align-self:flex-end}.chat-bubble.sent-green:before{content:"";position:absolute;z-index:-1;bottom:0;right:-7px;width:20px;height:20px;background-color:#34c759;border-bottom-left-radius:16px 14px}.chat-bubble.sent-green:after{content:"";position:absolute;z-index:1;bottom:0;right:-26px;width:26px;height:20px;background-color:#fff;border-bottom-left-radius:10px}.chat-bubble.received{background-color:#e5e5ea;color:#000;align-self:flex-start}.chat-bubble.received:before{content:"";position:absolute;z-index:-1;bottom:0;left:-7px;width:20px;height:20px;background-color:#e5e5ea;border-bottom-right-radius:16px 14px}.chat-bubble.received:after{content:"";position:absolute;z-index:1;bottom:0;left:-26px;width:26px;height:20px;background-color:#fff;border-bottom-right-radius:10px}.chat-bubble.no-tail:after,.chat-bubble.no-tail:before{display:none!important}.chat-bubble.no-tail{margin-bottom:2px}.delivery-text{font-size:.62rem;color:#8e8e93;margin-right:4px;font-weight:400}.phone-footer{padding:8px 12px 24px;display:flex;align-items:center;gap:10px}.phone-footer .plus-icon{width:30px;height:30px;font-size:1.2rem;font-weight:500;background-color:#e5e5ea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8e8e93}.phone-footer .footer-input{flex:1;border:1px solid #c7c7cc;border-radius:20px;padding:8px 14px;font-size:.9rem;outline:none}.footer-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.footer-input-wrapper .footer-input{width:100%;border:1px solid #c7c7cc;border-radius:20px;padding:8px 36px 8px 14px;font-size:.9rem;font-weight:400;outline:none;box-sizing:border-box;background-color:#fff;color:#000;min-height:36px}.footer-input-wrapper .footer-input:empty:before{content:attr(data-placeholder);color:#8e8e93;font-weight:400;pointer-events:none;display:block}.footer-input-wrapper .mic-icon-wrapper{position:absolute;right:12px;pointer-events:none}.footer-input-wrapper .mic-icon-wrapper,.mic-icon-wrapper{display:flex;align-items:center;justify-content:center}.home-bar{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:110px;height:4px;background-color:#000;border-radius:2px}.screenshot-canvas.dark-mode,.screenshot-canvas.dark-mode .phone-chat-body{background-color:#000!important;border-color:#1c1c1e!important}.screenshot-canvas.dark-mode .contact-details .contact-name,.screenshot-canvas.dark-mode .status-left,.screenshot-canvas.dark-mode .status-network .net-text{color:#fff!important;background:transparent!important}.screenshot-canvas.dark-mode .phone-header .back-arrow,.screenshot-canvas.dark-mode .phone-header .camera-icon-wrapper svg{color:#0a84ff!important;stroke:#0a84ff!important;background:transparent!important}.screenshot-canvas.dark-mode .phone-header{border-bottom-color:#1c1c1e!important}.screenshot-canvas.dark-mode .home-bar,.screenshot-canvas.dark-mode .signal-bars-container .bar.active{background-color:#fff!important}.screenshot-canvas.dark-mode .status-network .wifi-icon{fill:#fff!important}.screenshot-canvas.dark-mode .ios-battery-svg rect[stroke]{stroke:hsla(0,0%,100%,.45)!important}.screenshot-canvas.dark-mode .ios-battery-svg path{fill:hsla(0,0%,100%,.45)!important}.screenshot-canvas.dark-mode .chat-bubble.received{background-color:#26252a!important;color:#fff!important}.screenshot-canvas.dark-mode .chat-bubble.received:before{background-color:#26252a!important}.screenshot-canvas.dark-mode .chat-bubble.received:after,.screenshot-canvas.dark-mode .chat-bubble.sent-blue:after,.screenshot-canvas.dark-mode .chat-bubble.sent-green:after{background-color:#000!important}.screenshot-canvas.dark-mode .phone-footer .footer-input-wrapper .footer-input{background-color:#1c1c1e!important;border-color:#2c2c2e!important;color:#fff!important}.screenshot-canvas.dark-mode .phone-footer .plus-icon{background-color:#1c1c1e!important;color:#8e8e93!important}.screenshot-canvas.dark-mode .contact-details .avatar{background-color:#2c2c2e!important;color:#fff!important;border:1px solid #3a3a3c!important}