:root{--feedback-primary: var(--color-brand, #2b97aa);--feedback-primary-hover: color-mix(in oklab, var(--feedback-primary) 85%, black);--feedback-primary-light: color-mix(in oklab, var(--feedback-primary) 10%, white);--feedback-surface: #ffffff;--feedback-surface-hover: #f8fafc;--feedback-border: #e2e8f0;--feedback-border-focus: var(--feedback-primary);--feedback-text: #1e293b;--feedback-text-muted: #64748b;--feedback-text-light: #94a3b8;--feedback-success: #10b981;--feedback-success-light: #d1fae5;--feedback-error: #ef4444;--feedback-error-light: #fee2e2;--feedback-warning: #f59e0b;--feedback-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--feedback-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--feedback-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--feedback-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--feedback-radius: .75rem;--feedback-radius-sm: .5rem;--feedback-radius-full: 9999px;--feedback-transition: .2s cubic-bezier(.4, 0, .2, 1);--feedback-z-index: 9999}.feedback-section-wrapper{position:relative}.feedback-trigger-btn{position:absolute;z-index:50;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background-color:var(--feedback-surface);border:1px solid var(--feedback-border);border-radius:var(--feedback-radius-full);box-shadow:var(--feedback-shadow);color:var(--feedback-text-muted);cursor:pointer;opacity:.6;transition:opacity var(--feedback-transition),transform var(--feedback-transition),box-shadow var(--feedback-transition),background-color var(--feedback-transition),color var(--feedback-transition)}.feedback-trigger-btn:hover{opacity:1;background-color:var(--feedback-primary);border-color:var(--feedback-primary);color:#fff;box-shadow:var(--feedback-shadow-lg);transform:scale(1.05)}.feedback-trigger-btn:focus-visible{opacity:1;outline:none;box-shadow:var(--feedback-shadow-lg),0 0 0 3px var(--feedback-primary-light)}.feedback-trigger-btn:active{transform:scale(.95)}.feedback-trigger-btn svg{width:1rem;height:1rem;flex-shrink:0}.feedback-modal{position:fixed;inset:0;z-index:var(--feedback-z-index);display:flex;align-items:center;justify-content:center;padding:1rem;visibility:hidden;opacity:0;transition:visibility 0s linear var(--feedback-transition),opacity var(--feedback-transition)}.feedback-modal.is-open{visibility:visible;opacity:1;transition:visibility 0s linear 0s,opacity var(--feedback-transition)}.feedback-modal-backdrop{position:absolute;inset:0;background-color:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feedback-modal-container{position:relative;width:100%;max-width:32rem;max-height:calc(100vh - 2rem);overflow-y:auto;transform:scale(.95) translateY(10px);transition:transform var(--feedback-transition)}.feedback-modal.is-open .feedback-modal-container{transform:scale(1) translateY(0)}.feedback-modal-content{background-color:var(--feedback-surface);border-radius:var(--feedback-radius);box-shadow:var(--feedback-shadow-xl);overflow:hidden}body.feedback-modal-open{overflow:hidden}.feedback-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--feedback-border)}.feedback-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--feedback-text);line-height:1.4}.feedback-modal-section{margin:.25rem 0 0;font-size:.875rem;color:var(--feedback-text-muted)}.feedback-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:-.25rem -.25rem 0 0;background:transparent;border:none;border-radius:var(--feedback-radius-sm);color:var(--feedback-text-light);cursor:pointer;transition:background-color var(--feedback-transition),color var(--feedback-transition)}.feedback-modal-close:hover{background-color:var(--feedback-surface-hover);color:var(--feedback-text)}.feedback-modal-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--feedback-primary)}.feedback-modal-form{padding:1.5rem}.feedback-form-group{margin-bottom:1rem}.feedback-form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--feedback-text)}.feedback-form-textarea{display:block;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9375rem;line-height:1.5;color:var(--feedback-text);background-color:var(--feedback-surface);border:1px solid var(--feedback-border);border-radius:var(--feedback-radius-sm);resize:vertical;min-height:120px;transition:border-color var(--feedback-transition),box-shadow var(--feedback-transition)}.feedback-form-textarea::placeholder{color:var(--feedback-text-light)}.feedback-form-textarea:hover{border-color:var(--feedback-text-light)}.feedback-form-textarea:focus{outline:none;border-color:var(--feedback-border-focus);box-shadow:0 0 0 3px var(--feedback-primary-light)}.feedback-form-textarea.feedback-input-error{border-color:var(--feedback-error);box-shadow:0 0 0 3px var(--feedback-error-light)}.feedback-form-hint{margin:.5rem 0 0;font-size:.75rem;color:var(--feedback-text-light);text-align:right}.feedback-char-warning{color:var(--feedback-warning);font-weight:500}.feedback-device-selector{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:1rem;background-color:var(--feedback-surface-hover);border-radius:var(--feedback-radius-full);padding:.25rem;max-width:200px;margin-inline:auto}.feedback-device-option{flex:1;cursor:pointer}.feedback-device-radio{position:absolute;opacity:0;pointer-events:none}.feedback-device-label{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--feedback-radius-full);font-size:.75rem;font-weight:500;color:var(--feedback-text-muted);background-color:transparent;transition:background-color var(--feedback-transition),color var(--feedback-transition),box-shadow var(--feedback-transition)}.feedback-device-icon{width:.875rem;height:.875rem;flex-shrink:0}.feedback-device-text{display:none}@media(min-width:400px){.feedback-device-selector{max-width:220px}.feedback-device-text{display:inline}}.feedback-device-option:hover .feedback-device-label{color:var(--feedback-text)}.feedback-device-radio:checked+.feedback-device-label{background-color:var(--feedback-surface);color:var(--feedback-primary);box-shadow:var(--feedback-shadow-sm)}.feedback-device-radio:focus-visible+.feedback-device-label{box-shadow:var(--feedback-shadow-sm),0 0 0 2px var(--feedback-primary)}.feedback-info-note{display:flex;align-items:center;gap:.375rem;margin:0 0 1rem;font-size:.75rem;color:var(--feedback-text-light)}.feedback-info-note svg{flex-shrink:0;opacity:.7}.feedback-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.feedback-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25;border-radius:var(--feedback-radius-sm);cursor:pointer;transition:background-color var(--feedback-transition),border-color var(--feedback-transition),color var(--feedback-transition),box-shadow var(--feedback-transition)}.feedback-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--feedback-surface),0 0 0 4px var(--feedback-primary)}.feedback-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-btn-primary{background-color:var(--feedback-primary);border:1px solid var(--feedback-primary);color:#fff}.feedback-btn-primary:hover:not(:disabled){background-color:var(--feedback-primary-hover);border-color:var(--feedback-primary-hover)}.feedback-btn-secondary{background-color:var(--feedback-surface);border:1px solid var(--feedback-border);color:var(--feedback-text)}.feedback-btn-secondary:hover:not(:disabled){background-color:var(--feedback-surface-hover);border-color:var(--feedback-text-light)}.feedback-btn-text{display:inline}.feedback-btn-loading{display:inline-flex;align-items:center;gap:.375rem}.feedback-success{padding:2rem 1.5rem;text-align:center}.feedback-success-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 1rem;background-color:var(--feedback-success-light);border-radius:var(--feedback-radius-full);color:var(--feedback-success)}.feedback-success-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--feedback-text)}.feedback-success-text{margin:0;font-size:.875rem;color:var(--feedback-text-muted);max-width:20rem;margin-inline:auto}.feedback-error{padding:2rem 1.5rem;text-align:center}.feedback-error-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 1rem;background-color:var(--feedback-error-light);border-radius:var(--feedback-radius-full);color:var(--feedback-error)}.feedback-error-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--feedback-text)}.feedback-error-text{margin:0;font-size:.875rem;color:var(--feedback-text-muted);max-width:20rem;margin-inline:auto}.feedback-trigger-btn.top-3{top:.75rem}.feedback-trigger-btn.right-3{right:.75rem}.feedback-trigger-btn.left-3{left:.75rem}.feedback-trigger-btn.bottom-3{bottom:.75rem}.feedback-modal .w-3\.5{width:.875rem}.feedback-modal .h-3\.5{height:.875rem}.feedback-modal .w-4{width:1rem}.feedback-modal .h-4{height:1rem}.feedback-modal .w-5{width:1.25rem}.feedback-modal .h-5{height:1.25rem}.feedback-modal .w-12{width:3rem}.feedback-modal .h-12{height:3rem}.feedback-modal .opacity-25{opacity:.25}.feedback-modal .opacity-75{opacity:.75}.feedback-modal .hidden,.feedback-btn .hidden{display:none!important}.feedback-modal .mt-4{margin-top:1rem}@keyframes spin{to{transform:rotate(360deg)}}.feedback-modal .animate-spin{animation:spin 1s linear infinite}@media(max-width:480px){.feedback-modal{padding:.5rem}.feedback-modal-container{max-height:calc(100vh - 1rem)}.feedback-modal-header{padding:1rem 1.25rem}.feedback-modal-form{padding:1.25rem}.feedback-modal-actions{flex-direction:column-reverse}.feedback-btn{width:100%;justify-content:center}.feedback-dropzone{padding:1rem}.feedback-dropzone-icon{width:2rem;height:2rem;margin-bottom:.5rem}.feedback-dropzone-text{font-size:.8125rem}.feedback-file-previews{grid-template-columns:repeat(3,1fr);gap:.5rem}.feedback-file-preview-remove{opacity:1}}.feedback-label-optional{font-weight:400;color:var(--feedback-text-light)}.feedback-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border:2px dashed var(--feedback-border);border-radius:var(--feedback-radius-sm);background-color:var(--feedback-surface);cursor:pointer;transition:border-color var(--feedback-transition),background-color var(--feedback-transition)}.feedback-dropzone:hover{border-color:var(--feedback-primary);background-color:var(--feedback-primary-light)}.feedback-dropzone:focus-visible{outline:none;border-color:var(--feedback-primary);box-shadow:0 0 0 3px var(--feedback-primary-light)}.feedback-dropzone.is-dragover{border-color:var(--feedback-primary);background-color:var(--feedback-primary-light);border-style:solid}.feedback-dropzone.is-full{opacity:.5;pointer-events:none}.feedback-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.feedback-dropzone-content{display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.feedback-dropzone-icon{width:2.5rem;height:2.5rem;color:var(--feedback-text-light);margin-bottom:.75rem}.feedback-dropzone:hover .feedback-dropzone-icon,.feedback-dropzone.is-dragover .feedback-dropzone-icon{color:var(--feedback-primary)}.feedback-dropzone-text{margin:0;font-size:.875rem;color:var(--feedback-text)}.feedback-dropzone-cta{font-weight:500;color:var(--feedback-primary)}.feedback-dropzone-hint{margin:.25rem 0 0;font-size:.75rem;color:var(--feedback-text-light)}.feedback-file-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.75rem}.feedback-file-previews:empty{display:none}.feedback-file-preview{position:relative;aspect-ratio:1;border-radius:var(--feedback-radius-sm);overflow:hidden;background-color:var(--feedback-surface-hover)}.feedback-file-preview-image{width:100%;height:100%;object-fit:cover}.feedback-file-preview-remove{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;background-color:#0009;border:none;border-radius:var(--feedback-radius-full);color:#fff;cursor:pointer;opacity:0;transition:opacity var(--feedback-transition),background-color var(--feedback-transition)}.feedback-file-preview:hover .feedback-file-preview-remove,.feedback-file-preview-remove:focus{opacity:1}.feedback-file-preview-remove:hover{background-color:var(--feedback-error)}.feedback-file-preview-remove:focus-visible{outline:none;opacity:1;box-shadow:0 0 0 2px #fff}.feedback-file-preview-remove svg{width:.875rem;height:.875rem}.feedback-file-preview-name{position:absolute;bottom:0;left:0;right:0;padding:.25rem .5rem;background:linear-gradient(to top,rgb(0 0 0 / .7),transparent);font-size:.625rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feedback-file-count{margin:.5rem 0 0;font-size:.75rem;color:var(--feedback-text-muted)}@media print{.feedback-trigger-btn,.feedback-modal{display:none!important}}@media(prefers-reduced-motion:reduce){.feedback-modal,.feedback-modal-container,.feedback-trigger-btn,.feedback-btn,.feedback-modal-close,.feedback-form-textarea{transition:none}.feedback-modal .animate-spin{animation:none}}