body{background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#fff}.phone-container{background-color:#000;max-width:414px;margin:20px auto;height:80vh;overflow:hidden;display:flex;flex-direction:column}.status-bar{background-color:#000;padding:5px 15px;display:flex;justify-content:space-between;font-size:16px;color:#fff}.status-icons{display:flex;gap:10px}.chat-header{background-color:#000;padding:15px;text-align:center;position:relative;border-bottom:1px solid #333}.chat-header #chatName{font-size:18px;color:#fff}.chat-header .back{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:18px;color:#fff}.chat-header .more{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:24px;color:#fff}.chat-container{flex:1;overflow-y:auto;padding:15px;background-color:#000}.message{display:flex;align-items:flex-start;margin-bottom:20px;cursor:move}.message.right{flex-direction:row-reverse}.avatar{width:40px;height:40px;border-radius:4px;margin:0 10px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.bubble{max-width:70%;padding:10px 15px;border-radius:4px;font-size:16px;line-height:1.4;word-wrap:break-word}.message.left .bubble{background-color:#2b2b2b;color:#fff}.message.right .bubble{background-color:#07c160;color:#fff}.timestamp{text-align:center;margin:15px 0;color:#666;font-size:14px}.bottom-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#000;border-top:1px solid #333}.bottom-toolbar button{background:none;border:none;color:#fff;font-size:24px;padding:5px}.control-panel{padding:20px}.control-panel .card{background-color:#1c1c1e;border:1px solid #333;color:#fff}.control-panel .card-header{background-color:#2c2c2e;border-bottom:1px solid #333}.control-panel .form-control{background-color:#2c2c2e;border:1px solid #333;color:#fff}.control-panel .form-control:focus{background-color:#3c3c3e;border-color:#666;color:#fff}@media (max-width: 768px){.phone-container{margin:0;height:100vh}.control-panel{position:fixed;bottom:0;left:0;right:0;background:#000;z-index:1000;max-height:50vh;overflow-y:auto}}