.chat-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:20px}.message{margin-bottom:8px;max-width:65%}.message-content{border-radius:8px;padding:8px 12px}.message-sender .message-content{background-color:#dcf8c6;border-bottom-right-radius:2px}.message-receiver .message-content{background-color:#fff;border-bottom-left-radius:2px;box-shadow:0 1px .5px #00000021}.message-time{margin-top:4px}.media-message{border-radius:8px;box-shadow:0 1px 2px #0000001a;overflow:hidden}.media-message.sender{background-color:#dcf8c6;border-bottom-right-radius:2px}.media-message.receiver{background-color:#fff;border-bottom-left-radius:2px}.media-content{position:relative}.media-info{background:#ffffffe6;padding:8px 12px}.media-caption{color:#333;font-size:14px;line-height:1.4;margin-bottom:4px}.media-metadata{align-items:center;color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.file-name{font-weight:500}.file-size{color:#999}.media-download-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px;z-index:10}.media-download-btn:hover{background:#000c;transform:scale(1.1)}.media-loading,.video-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#25d366;height:24px;margin-bottom:8px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.media-error,.video-error{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.error-icon{font-size:24px;margin-bottom:8px}.video-error{background:#0000000d;border-radius:8px}.download-fallback-btn{align-items:center;background:#25d366;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.download-fallback-btn:hover{background:#128c7e;transform:scale(1.05)}.error-tips{margin-top:8px}.error-tips small{color:#999;font-style:italic}.error-details{background:#ffffff1a;border-radius:4px;font-size:12px;margin:8px 0;padding:8px}.retry-btn{align-items:center;background:#666;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-left:8px;padding:8px 16px;transition:all .2s ease}.retry-btn:hover{background:#555;transform:scale(1.05)}.error-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0}.image-message .media-content{max-width:300px}.image-container{cursor:pointer;position:relative}.image-preview{border-radius:8px 8px 0 0;display:block;height:auto;width:100%}.image-preview.hidden{display:none}.lightbox-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.lightbox-content{background:#000;border-radius:8px;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.lightbox-close{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;position:absolute;right:16px;top:16px;width:40px;z-index:10}.lightbox-close,.lightbox-image-container{align-items:center;display:flex;justify-content:center}.lightbox-image-container{height:100%}.lightbox-image{max-height:100%;max-width:100%;object-fit:contain}.lightbox-controls{align-items:center;background:linear-gradient(#0000,#000c);bottom:0;display:flex;justify-content:space-between;left:0;padding:20px;position:absolute;right:0}.lightbox-download{align-items:center;background:#25d366;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px}.lightbox-caption{color:#fff;font-size:14px;max-width:60%}.audio-message{max-width:300px}.audio-player{align-items:center;background:#ffffffe6;display:flex;gap:12px;padding:12px}.audio-waveform-container{background:#0000000d;border-radius:20px;cursor:pointer;flex:1 1;height:40px;overflow:hidden;position:relative}.audio-waveform{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 8px;position:relative;z-index:2}.waveform-bar{background:#25d366;border-radius:1px;flex:1 1;margin:0 1px;min-height:2px;transform-origin:bottom;transition:all .3s ease}.waveform-bar.active{animation:waveform-pulse .6s ease-in-out infinite alternate;background:#128c7e}@keyframes waveform-pulse{0%{opacity:.8;transform:scaleY(1)}to{opacity:1;transform:scaleY(1.2)}}.audio-progress-overlay{background:#25d36633;height:100%;left:0;position:absolute;top:0;transition:width .1s ease;z-index:1}.voice-message{max-width:280px}.voice-player{background:#ffffffe6;gap:12px;padding:16px;position:relative}.voice-play-btn,.voice-player{align-items:center;display:flex}.voice-play-btn{background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.voice-play-btn:hover:not(:disabled){background:#128c7e;transform:scale(1.05)}.voice-play-btn.playing{background:#f44}.voice-play-btn:disabled{background:#ccc;cursor:not-allowed}.voice-loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.voice-waveform-container{background:#0000000d;border-radius:25px;cursor:pointer;flex:1 1;height:50px;overflow:hidden;position:relative}.voice-waveform{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 12px;position:relative;z-index:2}.voice-progress-overlay{background:#25d36626;height:100%;left:0;position:absolute;top:0;transition:width .1s ease;z-index:1}.voice-time{color:#666;display:flex;font-size:12px;gap:4px;justify-content:center;min-width:70px}.voice-download-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s ease}.voice-download-btn:hover:not(:disabled){background:#0000001a;color:#333}.voice-download-btn:disabled{color:#ccc;cursor:not-allowed}.voice-error,.voice-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.voice-error{text-align:center}.voice-recording-container{position:relative;transition:all .3s ease}.recording-capsule{align-items:center;animation:recordingGlow 2s ease-in-out infinite alternate;background:#ff3b3b;border-radius:24px;box-shadow:0 0 20px #ff3b3b4d;color:#fff;display:flex;gap:12px;padding:8px 16px}@keyframes recordingGlow{0%{box-shadow:0 0 10px #ff3b3b4d}to{box-shadow:0 0 20px #ff3b3b99}}.recording-time{font-size:14px;font-weight:600;min-width:40px}.recording-waveform{align-items:center;display:flex;gap:2px;height:20px}.waveform-bar-recording{background:#fff;border-radius:1px;transition:height .1s ease;width:3px}@keyframes pulse{0%{opacity:.7;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.recording-mode .chat-input{background:#ffebee;color:#d32f2f;cursor:not-allowed}.recording-mode .chat-input::placeholder{color:#f44336}.recording-indicator{align-items:center;color:#d32f2f;display:flex;font-size:14px;font-weight:500;gap:8px}.recording-dot{animation:recordingPulse 1s ease-in-out infinite;background:#d32f2f;border-radius:50%;height:8px;width:8px}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.delete-recording-btn{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:50%;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.delete-recording-btn:hover{background:#ffebee;border-color:#d32f2f;color:#d32f2f}.stop-recording-btn{align-items:center;background:#d32f2f;border:none;border-radius:50%;box-shadow:0 2px 8px #d32f2f4d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.stop-recording-btn:hover{background:#b71c1c;box-shadow:0 4px 12px #d32f2f66;transform:scale(1.05)}.voice-message-bubble{border-radius:18px;max-width:280px;padding:12px 16px;position:relative}.voice-message-bubble.sender{background:linear-gradient(135deg,#dcf8c6,#c5e8b7);border-bottom-right-radius:4px}.voice-message-bubble.receiver{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px .5px #00000021}.voice-player-compact{align-items:center;display:flex;gap:12px}.voice-play-btn-compact{align-items:center;background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.voice-play-btn-compact:hover:not(:disabled){background:#128c7e;transform:scale(1.05)}.voice-play-btn-compact.playing{background:#f44}.voice-waveform-compact{background:#0000000d;border-radius:15px;flex:1 1;height:30px;overflow:hidden;position:relative}.voice-time-compact{color:#0009;font-size:12px;min-width:45px;text-align:center}.voice-progress-compact{background:#25d36633;height:100%;left:0;position:absolute;top:0;transition:width .1s ease}.audio-level-bars{align-items:center;display:flex;gap:2px;height:20px}.audio-level-bar{background:#ff3b3b;border-radius:1px;transition:height .1s ease;width:3px}.audio-error,.audio-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.audio-error{text-align:center}.media-fallback{max-width:300px}.fallback-content{align-items:center;background:#ffffffe6;display:flex;gap:12px;padding:16px}.fallback-icon{align-items:center;background:#757575;border-radius:8px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.fallback-info{flex:1 1}.fallback-name{color:#333;font-size:14px;font-weight:500;margin:0 0 4px}.fallback-type{color:#666;font-size:12px;margin:0 0 8px}.fallback-download{background:#25d366;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.fallback-download:hover{background:#128c7e;transform:scale(1.05)}.audio-play-btn{align-items:center;background:#25d366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.audio-play-btn:hover{background:#128c7e;transform:scale(1.05)}.audio-play-btn.playing{background:#f44}.audio-controls{display:flex;flex:1 1;flex-direction:column;gap:4px}.audio-progress-container{background:#e0e0e0;border-radius:2px;cursor:pointer;height:4px;position:relative}.audio-progress-background{background:#e0e0e0;bottom:0;right:0}.audio-progress-background,.audio-progress-bar{border-radius:2px;left:0;position:absolute;top:0}.audio-progress-bar{background:#25d366;height:100%;transition:width .1s ease}.audio-time{color:#666;display:flex;font-size:11px;gap:4px}.audio-volume-container{align-items:center;display:flex;position:relative}.audio-volume-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px}.audio-volume-slider{background:#fff;border-radius:4px;bottom:100%;box-shadow:0 2px 8px #00000026;left:50%;margin-bottom:8px;padding:8px;position:absolute;transform:translateX(-50%)}.volume-slider{-webkit-appearance:none;background:#e0e0e0;border-radius:2px;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#25d366;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider::-moz-range-thumb{background:#25d366;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.video-message,.video-message.landscape{max-width:400px}.video-message.portrait{max-width:280px}.video-message.square{max-width:300px}.video-container{align-items:center;background:#000;border-radius:8px 8px 0 0;display:flex;justify-content:center;overflow:hidden;position:relative}.video-player{display:block;height:auto;max-height:none!important;object-fit:contain;width:100%}.video-message.landscape .video-player,.video-message.portrait .video-player,.video-message.square .video-player{max-height:none}.video-controls{background:linear-gradient(180deg,#0000004d 0,#0000 20%,#0000 80%,#0009);bottom:0;display:flex;flex-direction:column;justify-content:space-between;left:0;position:absolute;right:0;top:0}.video-play-overlay{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:80px}.video-play-overlay:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.video-controls-bar{align-items:center;background:#000c;display:flex;gap:8px;padding:12px}.video-control-btn{background:none;border:none;color:#fff;cursor:pointer;opacity:.8;padding:4px;transition:opacity .2s ease}.video-control-btn:hover{opacity:1}.video-progress-container{background:#ffffff4d;border-radius:2px;cursor:pointer;flex:1 1;height:4px;position:relative}.video-progress-background{background:#ffffff4d;bottom:0;right:0}.video-progress-background,.video-progress-bar{border-radius:2px;left:0;position:absolute;top:0}.video-progress-bar{background:#25d366;height:100%;transition:width .1s ease}.video-time{color:#fff;font-size:12px;min-width:80px;text-align:center}.video-volume-container{align-items:center;display:flex;gap:8px}.document-message{max-width:350px}.document-card{align-items:center;background:#ffffffe6;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background-color .2s ease}.document-card:hover{background:#fff}.document-icon{align-items:center;border-radius:8px;color:#fff;display:flex;flex-direction:column;font-weight:700;height:48px;justify-content:center;position:relative;width:48px}.document-icon-text{font-size:16px}.document-extension{font-size:8px;opacity:.9}.document-info{flex:1 1;min-width:0}.document-name{font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-details{color:#666;display:flex;font-size:12px;gap:8px}.document-type{font-weight:500}.document-download-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px;transition:all .2s ease}.document-download-btn:hover{background:#0000001a;color:#333}.document-preview-overlay,.pdf-preview-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.document-preview-content,.pdf-preview-content{background:#fff;border-radius:8px;display:flex;flex-direction:column;height:90vh;overflow:hidden;width:90vw}.document-preview-header,.pdf-preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px 20px}.document-preview-header h3,.pdf-preview-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.document-preview-controls,.pdf-preview-controls{align-items:center;display:flex;gap:8px}.document-download-btn,.pdf-download-btn{align-items:center;background:#25d366;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px}.document-close-btn,.pdf-close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px}.document-close-btn:hover,.pdf-close-btn:hover{background:#0000001a}.pdf-preview-container{flex:1 1;position:relative}.pdf-iframe{border:none}.pdf-fallback{align-items:center;background:#fff;bottom:0;color:#666;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.pdf-download-fallback{background:#25d366;border:none;border-radius:20px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.document-preview-body{flex:1 1;padding:40px;text-align:center}.document-preview-body,.preview-icon-large{align-items:center;display:flex;flex-direction:column;justify-content:center}.preview-icon-large{border-radius:16px;color:#fff;font-weight:700;height:80px;margin-bottom:24px;width:80px}.preview-icon-text{font-size:24px}.preview-extension{font-size:12px;margin-top:4px;opacity:.9}.document-preview-info{max-width:400px}.document-preview-info h4{color:#333;font-size:18px;margin:0 0 8px}.document-preview-info p{color:#666;line-height:1.5;margin:8px 0}@media (max-width:768px){.message{max-width:85%}.image-message .media-content{max-width:250px}.audio-message{max-width:280px}.video-message{max-width:320px}.document-message{max-width:300px}.document-preview-content,.pdf-preview-content{height:95vh;width:95vw}.video-controls-bar{gap:6px;padding:8px}.video-time{font-size:10px;min-width:60px}}@media (max-width:480px){.messages-container{padding:12px}.message{max-width:90%}.image-message .media-content{max-width:200px}.audio-message{max-width:240px}.video-message{max-width:280px}.document-message{max-width:260px}.audio-player,.document-card{gap:8px;padding:8px}.document-icon{height:40px;width:40px}.document-name{font-size:13px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.audio-play-btn:focus,.document-download-btn:focus,.media-download-btn:focus,.video-control-btn:focus{outline:2px solid #25d366;outline-offset:2px}@media (prefers-contrast:high){.message-sender .message-content{background-color:#004d00;color:#fff}.message-receiver .message-content{background-color:#fff;border:1px solid #000;color:#000}.media-download-btn{background:#000;border:1px solid #fff}}.chat-header{background:#075e54;border-bottom:1px solid #054d44;box-shadow:0 2px 8px #0000001a;color:#fff;padding:16px 20px}.chat-header-content{align-items:center;display:flex;gap:16px}.chat-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;height:48px;justify-content:center;width:48px}.avatar-icon{font-size:24px}.chat-info{flex:1 1}.chat-title{font-size:18px;font-weight:600;margin:0 0 4px}.chat-status{font-size:14px;font-weight:400;margin:0;opacity:.9}.empty-state{align-items:center;display:flex;height:100%;justify-content:center;padding:20px}.empty-state-text{color:#6c757d;font-size:14px;font-style:italic;opacity:.7;text-align:center}.message{animation:messageSlideIn .3s ease-out;margin-bottom:16px;max-width:70%;position:relative}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-sender{align-self:flex-end;margin-left:auto}.message-receiver{align-self:flex-start;margin-right:auto}.message-content{word-wrap:break-word;border-radius:18px;box-shadow:0 2px 8px #0000001a;padding:12px 16px;position:relative;transition:transform .2s ease}.message-content:hover{transform:translateY(-1px)}.message-sender .message-content{background:linear-gradient(135deg,#dcf8c6,#c5e8b7);border-bottom-right-radius:4px;color:#1a1a1a}.message-receiver .message-content{background:#fff;border-bottom-left-radius:4px;color:#1a1a1a}.message-text{word-wrap:break-word;font-size:15px;line-height:1.4;margin-bottom:4px}.message-time{color:#00000073;font-size:11px;opacity:.8;text-align:right}.typing-indicator{align-items:center;display:flex;gap:12px;padding:8px 0}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typingBounce 1.4s ease-in-out infinite both;background:#999;border-radius:50%;height:8px;width:8px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-text{color:#666;font-size:14px;font-style:italic}.webhook-selector{align-items:center;display:flex;gap:12px;margin-bottom:12px;padding:0 4px}.webhook-label{color:#666;font-size:14px;font-weight:500;white-space:nowrap}.webhook-select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;min-width:150px;outline:none;padding:8px 12px;transition:all .2s ease}.webhook-select:hover{border-color:#25d366}.webhook-select:focus{border-color:#25d366;box-shadow:0 0 0 2px #25d3661a}.webhook-select:disabled{background-color:#f8f9fa;color:#999;cursor:not-allowed}.no-webhook-message{color:#999;font-size:14px;font-style:italic;margin-bottom:12px;padding:0 4px;text-align:center}.chat-input-container{background:#f0f0f0;border-top:1px solid #e0e0e0;padding:20px}.chat-input-form,.input-wrapper{align-items:center;display:flex}.input-wrapper{background:#fff;border:1px solid #ddd;border-radius:24px;box-shadow:0 2px 8px #0000000d;flex:1 1;gap:8px;padding:8px 16px}.chat-input{background:#0000;border:none;color:#333;flex:1 1;font-size:15px;outline:none;padding:8px 0}.chat-input::placeholder{color:#999}.send-button{align-items:center;background:#25d366;border:none;border-radius:50%;box-shadow:0 2px 8px #25d3664d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.send-button:hover:not(:disabled){background:#128c7e;box-shadow:0 4px 12px #25d36666;transform:scale(1.05)}.send-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.attachment-button,.microphone-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s ease}.attachment-button:hover:not(:disabled),.microphone-button:hover:not(:disabled){background:#0000001a;color:#333;transform:scale(1.1)}.attachment-button:disabled,.microphone-button:disabled{color:#ccc;cursor:not-allowed;transform:none}.attachment-button:focus,.microphone-button:focus{outline:2px solid #25d366;outline-offset:2px}@media print{.document-preview-overlay,.lightbox-overlay,.media-download-btn,.pdf-preview-overlay,.video-controls{display:none!important}.message{break-inside:avoid;max-width:100%;page-break-inside:avoid}}.demo-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.demo-header{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;color:#fff;margin-bottom:40px;padding:20px;text-align:center}.demo-header h1{font-size:2.5rem;font-weight:600;margin:0 0 10px}.demo-header p{font-size:1.1rem;margin:0;opacity:.9}.demo-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.demo-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:30px}.demo-info h2{color:#333;font-size:1.5rem;margin:0 0 20px}.demo-info ul{list-style:none;margin:0;padding:0}.demo-info li{border-bottom:1px solid #e9ecef;color:#555;font-size:1rem;padding:8px 0}.demo-info li:last-child{border-bottom:none}.demo-chat{background:#e5ddd5;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.demo-footer{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:30px}.demo-footer h3{color:#333;font-size:1.5rem;margin:0 0 20px;text-align:center}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feature-item h4{color:#25d366;font-size:1.1rem;margin:0 0 10px}.feature-item p{color:#666;font-size:.9rem;line-height:1.4;margin:0}@media (max-width:768px){.demo-content{gap:20px;grid-template-columns:1fr}.demo-header h1{font-size:2rem}.feature-grid{grid-template-columns:1fr}}@media (max-width:480px){.demo-container{padding:10px}.demo-header{padding:15px}.demo-header h1{font-size:1.5rem}.demo-footer,.demo-info{padding:20px}}
/*# sourceMappingURL=main.d7c06fe0.css.map*/