.qer-container{position:relative;display:inline-block}.qer-toggle-button{background:transparent;color:#a1a1a8;border:1px solid #595D69;padding:2px 8px;border-radius:25px;cursor:pointer;font-size:14px;transition:all 0.3s}.qer-toggle-button:hover{background:transparent;color:#35353a}.qer-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.qer-modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.qer-close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.qer-close:hover{color:#000}.qer-form-group{margin-bottom:15px}.qer-form-group label{display:block;margin-bottom:5px;font-weight:700}.qer-form-group input[type="text"],.qer-form-group input[type="email"],.qer-form-group input[type="url"],.qer-form-group select,.qer-form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.qer-form-group textarea{min-height:100px}.qer-submit-button{background:#2ecc71;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:all 0.3s}.qer-submit-button:hover{background:#27ae60}.qer-screenshot-area{margin-top:10px}#qer-screenshot-preview img{max-width:100%;height:auto}.qer-status{padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;color:#fff}.qer-status-pending{background:#f39c12}.qer-status-processing{background:#3498db}.qer-status-resolved{background:#2ecc71}.qer-status-rejected{background:#e74c3c}.qer-dialog{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.qer-dialog-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);position:relative}.qer-dialog-content p{margin:0 0 20px;font-size:16px;color:#333}.qer-dialog-buttons{display:flex;justify-content:center;gap:15px}.qer-dialog-buttons .button{padding:10px 20px;border-radius:4px;font-size:14px;cursor:pointer;transition:all 0.3s}.qer-dialog-buttons .button-primary{background:#2ecc71;color:white!important;border:none}.qer-dialog-buttons .button-primary:hover{background:#27ae60}.qer-dialog-buttons .qer-dialog-cancel{background:#f1f1f1;color:#555;border:1px solid #ddd}.qer-dialog-close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.qer-dialog-close:hover{color:#000}.qer-user-info{margin:15px 0}.qer-user-info label{display:block;margin-bottom:5px;font-weight:700}.qer-user-details{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#f5f5f5;color:#555;font-size:14px;box-sizing:border-box}#qer-screenshot-preview{max-width:100%;margin:15px 0;border:1px dashed #ccc;position:relative;min-height:300px;background-color:#f9f9f9}.qer-loading{padding:30px;text-align:center;color:#666;font-size:16px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" stroke="%23ddd" stroke-width="8" fill="none"><animate attributeName="stroke-dashoffset" values="0;250" dur="2s" repeatCount="indefinite"/><animate attributeName="stroke-dasharray" values="150,100;1,250;150,100" dur="2s" repeatCount="indefinite"/></circle></svg>') no-repeat center 30px;background-size:50px;padding-top:90px}.qer-error{padding:20px;text-align:center;background:#ffebee;border-left:4px solid #d63638}.qer-error p{margin-bottom:15px;color:#d63638}.qer-btn-container{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.qer-btn-container button{flex:1;min-width:120px}.qer-crop-btn,.qer-ratio-btn,.qer-retry-btn{padding:10px 15px;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all 0.3s;font-size:14px;position:relative;overflow:hidden}.qer-crop-btn{background:#2271b1}.qer-crop-btn:hover{background:#135e96}.qer-ratio-btn{background:#646970}.qer-ratio-btn:hover{background:#50575e}.qer-ratio-btn.active{background:#d63638;animation:pulse 1.5s infinite}.qer-retry-btn{background:#f56e28}.qer-retry-btn:hover{background:#d45b1a}.cropper-container{max-height:70vh;margin:0 auto;box-shadow:0 0 10px rgba(0,0,0,.1)}.qer-result-container{max-width:100%;overflow:auto;text-align:center;background:#f5f5f5;padding:15px;border-radius:4px;box-shadow:inset 0 0 10px rgba(0,0,0,.05)}.qer-result-image{max-width:100%;height:auto;display:block;margin:0 auto;box-shadow:0 2px 15px rgba(0,0,0,.1);cursor:zoom-in;transition:transform 0.3s;background:#fff;padding:5px}.qer-result-image.zoomed{max-width:none;cursor:zoom-out;transform:scale(1.02)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.qer-modal-h3{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;font-size:1.640625rem}.qer-floating-container{position:fixed;z-index:99999;transition:all 0.4s cubic-bezier(.25,.8,.25,1)}.qer-position-right{right:30px;bottom:30px}.qer-position-left{left:30px;bottom:30px;opacity:.7}.qer-position-top{top:150px;right:30px}.qer-floating-btn-wrapper{position:relative;display:inline-block}.qer-floating-button{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:all 0.4s cubic-bezier(.25,.8,.25,1);padding:0;position:relative;overflow:visible}.qer-floating-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:22px;transition:all 0.4s cubic-bezier(.25,.8,.25,1);z-index:2}.qer-floating-tooltip{position:absolute;white-space:nowrap;background:rgba(0,0,0,.8);color:#fff;padding:8px 16px;border-radius:28px;font-size:14px;opacity:0;pointer-events:none;transition:all 0.3s ease;z-index:1;min-width:max-content}.qer-floating-button:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(0,0,0,.2);filter:brightness(1.1)}.qer-floating-button:hover .qer-floating-tooltip{opacity:1}.qer-floating-button:after{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s,opacity 1s}.qer-floating-button:active:after{transform:scale(0,0);opacity:.3;transition:0s}@media (max-width:782px){.qer-floating-container{bottom:10%!important;left:2px;opacity:.7}.qer-floating-button{width:48px;height:48px}.qer-floating-icon{font-size:18px}.qer-floating-tooltip{display:none!important}}