@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes wave{0%{transform:translateY(0)}33%{transform:translateY(-6px)}66%{transform:translateY(6px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.dialog-container{justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.dialog-mask{z-index:-1;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.dialog-wrapper{background:#fff;border-radius:8px;max-width:90%;animation:.3s ease-out slideIn;position:relative;box-shadow:0 2px 12px #00000026}.dialog-wrapper.dialog-media{box-shadow:none;background:0 0;max-height:90vh;animation:.3s ease-out zoomIn}.dialog-wrapper.dialog-media .dialog-header{background:#00000080;border-bottom:none;border-radius:8px 8px 0 0}.dialog-wrapper.dialog-media .dialog-header .dialog-title,.dialog-wrapper.dialog-media .dialog-header .dialog-close{color:#fff}.dialog-wrapper.dialog-media .dialog-header .dialog-close:hover{color:#ddd}.dialog-wrapper.dialog-media .dialog-content{border-radius:8px;width:100%;height:100%;padding:0;overflow:hidden}.dialog-wrapper.dialog-media .dialog-content img,.dialog-wrapper.dialog-media .dialog-content video{object-fit:contain;width:100%;height:auto;max-height:90vh;margin:0 auto;display:block}.dialog-wrapper.dialog-media .dialog-content video{background:#000}.dialog-wrapper.dialog-media .media-close{text-align:center;color:#fff;cursor:pointer;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:36px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.dialog-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dialog-title{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 40px);font-size:15px;font-weight:500;overflow:hidden}.media-close,.message-close,.dialog-close{cursor:pointer;color:#999;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.media-close:before,.message-close:before,.dialog-close:before{content:"";background-color:currentColor;width:20px;height:20px;transition:transform .3s;display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover}.media-close:hover,.message-close:hover,.dialog-close:hover{color:#666;background-color:#0000000d;transform:rotate(90deg)}.dialog-close{z-index:1;position:absolute;top:8px;right:8px}.message-close{width:24px;height:24px;margin-left:8px}.message-close:before{width:16px;height:16px}.media-close{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffe6;background-color:#00000080;position:absolute;top:16px;right:16px}.media-close:hover{color:#fff;background-color:#000000b3}.dialog-content{color:#666;text-align:center;word-wrap:break-word;word-break:break-all;flex-direction:column;align-items:center;gap:16px;max-height:90vh;padding:20px;font-size:14px;line-height:1.5;display:flex;overflow-y:auto}.dialog-content .dialog-icon{flex-shrink:0;width:40px;height:40px;-webkit-mask-size:contain;mask-size:contain}.dialog-content .dialog-message{word-wrap:break-word;word-break:break-all;flex-grow:1;width:100%;max-width:100%;padding-top:0;font-size:15px}.dialog-content.dialog-info .dialog-icon,.dialog-content.dialog-info .dialog-message{color:#2196f3}.dialog-content.dialog-success .dialog-icon,.dialog-content.dialog-success .dialog-message{color:#4caf50}.dialog-content.dialog-warning .dialog-icon,.dialog-content.dialog-warning .dialog-message{color:#ff9800}.dialog-content.dialog-error .dialog-icon,.dialog-content.dialog-error .dialog-message{color:#f44336}.dialog-content.image,.dialog-content.video{text-align:left;color:#fff;padding:0;display:block}.dialog-content.image:before,.dialog-content.video:before{content:attr(data-error);display:none}.dialog-content.image.error:before,.dialog-content.video.error:before{padding:20px;display:block}.dialog-footer{text-align:center;border-top:1px solid #eee;padding:12px 16px}.dialog-btn{cursor:pointer;vertical-align:middle;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-width:76px;height:32px;margin:0 4px;padding:0 12px;font-size:13px;transition:all .2s;display:inline-flex}.dialog-btn:before{width:14px;height:14px}.dialog-btn.dialog-cancel{color:#666;background:#f5f5f5}.dialog-btn.dialog-cancel:hover{background:#e8e8e8}.dialog-btn.dialog-confirm{color:#fff;background:#2196f3}.dialog-btn.dialog-confirm:hover{background:#1976d2}.dialog-btn.dialog-confirm:disabled{opacity:.7;cursor:not-allowed}.dialog-wrapper.dialog-media .media-close{text-align:center;color:#fff;cursor:pointer;z-index:1;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:36px;transition:all .3s;display:flex;position:absolute;top:10px;right:10px}.dialog-wrapper.dialog-media .media-close:hover{background:#000000b3;transform:rotate(90deg)}.dialog-image-wrapper{background:#000;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex;position:relative}.dialog-image-wrapper img{opacity:0;will-change:opacity;transition:opacity .3s ease-out}.dialog-image-wrapper.loaded img{opacity:1}.dialog-image-wrapper.loaded .dialog-image-loading{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s .3s}.dialog-image-wrapper.error .dialog-image-loading{opacity:0;visibility:hidden}.dialog-image-loading{color:#ffffffe6;will-change:opacity,visibility;flex-direction:column;align-items:center;gap:16px;transition:opacity .3s ease-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-image-loading .loading-icon{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.dialog-image-loading .loading-icon:before{content:"";border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:100%;height:100%;animation:1s linear infinite rotate;position:absolute}.dialog-image-loading .loading-icon .material-icons{color:#ffffffe6;font-size:24px;animation:2s ease-in-out infinite pulse}.dialog-image-loading .loading-text{letter-spacing:.5px;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.dialog-image-loading .loading-text span{animation:1.5s ease-in-out infinite wave;display:inline-block}.dialog-image-loading .loading-text span:nth-child(2){animation-delay:.1s}.dialog-image-loading .loading-text span:nth-child(3){animation-delay:.2s}.dialog-wrapper.dialog-media .dialog-content.image img{object-fit:contain;max-width:100%;max-height:90vh;margin:0 auto;display:block}.dialog-message-container{pointer-events:none;z-index:2000;flex-direction:column;justify-content:start;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.dialog-message-container .message-wrapper{opacity:0;transform:translateY(-100%)}.dialog-message-container.message-show .message-wrapper{opacity:1;transform:translateY(0)}.message-wrapper{pointer-events:auto;background:#fff;border-radius:4px;align-items:center;gap:12px;width:max-content;min-width:200px;max-width:90vw;margin-top:0;padding:12px 16px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.message-wrapper .message-icon{flex-shrink:0;font-size:20px}.message-wrapper .message-content{word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;max-width:80vw;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.message-wrapper .message-close{color:#999;cursor:pointer;border-radius:50%;flex-shrink:0;font-size:14px;transition:all .2s}.message-wrapper .message-close:hover{color:#666}.message-wrapper .message-progress{transform-origin:0;background:#0000001a;width:100%;height:2px;position:absolute;bottom:0;left:0}.message-wrapper .message-progress:after{content:"";transform-origin:0;width:100%;height:100%;transition:transform linear;transition-duration:var(--duration,3s);background:currentColor;position:absolute;top:0;left:0;transform:scaleX(0)}.message-wrapper .message-progress.active:after{transform:scaleX(1)}.message-wrapper.message-info{border-left:4px solid #2196f3}.message-wrapper.message-info .message-icon{color:#2196f3}.message-wrapper.message-success{border-left:4px solid #4caf50}.message-wrapper.message-success .message-icon{color:#4caf50}.message-wrapper.message-warning{border-left:4px solid #ff9800}.message-wrapper.message-warning .message-icon{color:#ff9800}.message-wrapper.message-error{border-left:4px solid #f44336}.message-wrapper.message-error .message-icon{color:#f44336}.dialog-icon,.message-icon{background-color:currentColor;flex-shrink:0;width:24px;height:24px;-webkit-mask-size:cover;mask-size:cover}.dialog-info .dialog-icon,.message-info .message-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E")}.dialog-success .dialog-icon,.message-success .message-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E")}.dialog-warning .dialog-icon,.message-warning .message-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E")}.dialog-error .dialog-icon,.message-error .message-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E")}.dialog-image-loading .loading-icon{background-color:currentColor;width:24px;height:24px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover}.dialog-loading .dialog-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:8px;min-width:120px;padding:16px;box-shadow:0 4px 12px #0000001a;width:auto!important}.dialog-loading .dialog-content{gap:12px;padding:0}.dialog-loading .loading-spinner{border:3px solid #f3f3f3;border-top-color:#2196f3;border-radius:50%;width:36px;height:36px;animation:1s linear infinite rotate}.dialog-loading .loading-text{color:#333;margin:0;font-size:14px}.loading-dot{vertical-align:middle;border:2px solid #fff;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:6px;animation:.8s linear infinite loading-spin;display:inline-block}@keyframes loading-spin{to{transform:rotate(360deg)}}.media-navigation{pointer-events:none;z-index:1;justify-content:space-between;padding:0 20px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.media-navigation button{color:#fff;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .3s;display:flex}.media-navigation button:before{content:"";background-color:currentColor;width:32px;height:32px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.media-navigation button:hover{background:#000000b3}.media-navigation button:disabled{opacity:.5;cursor:not-allowed}.media-navigation button.media-prev:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E")}.media-navigation button.media-next:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E")}.dialog-media-wrapper{background:#000c;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex;position:relative}.dialog-media-wrapper img,.dialog-media-wrapper video{opacity:0;will-change:opacity;object-fit:contain;max-width:100%;max-height:90vh;transition:opacity .3s ease-out}.dialog-media-wrapper.loaded img,.dialog-media-wrapper.loaded video{opacity:1}.dialog-media-wrapper.loaded .dialog-media-loading{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s .3s}.dialog-media-wrapper.error .dialog-media-loading{opacity:0;visibility:hidden}.dialog-media-loading{color:#fffc;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-media-loading .loading-icon{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.dialog-media-loading .loading-icon:before{content:"";border:3px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:100%;height:100%;animation:1s linear infinite rotate;position:absolute}.dialog-media-loading .loading-icon:after{content:"";background-color:currentColor;width:24px;height:24px;animation:2s ease-in-out infinite pulse;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain}.dialog-media-loading .loading-text{letter-spacing:.5px;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.dialog-media-loading .loading-text span{animation:1.5s ease-in-out infinite wave;display:inline-block}.dialog-media-loading .loading-text span:nth-child(2){animation-delay:.1s}.dialog-media-loading .loading-text span:nth-child(3){animation-delay:.2s}.dialog-wrapper.dialog-media .dialog-header .dialog-title{opacity:.9;max-width:calc(100% - 80px)}.media-title{text-align:center;color:#fff;text-overflow:ellipsis;white-space:nowrap;z-index:2;pointer-events:none;background-color:#0006;border-radius:100px;width:auto;padding:5px 20px;font-size:14px;position:absolute;top:20px;left:50%;overflow:hidden;transform:translate(-50%)}