.floating-feedback{z-index:var(--z-overlay,300);position:fixed;bottom:24px;right:24px}.floating-feedback__trigger{border-radius:var(--radius-full,9999px);background:var(--studio-accent);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:var(--shadow-lg),0 0 16px color-mix(in srgb,var(--studio-accent)30%,transparent);transition:transform var(--duration-fast,.15s)var(--ease-out,ease-out),box-shadow var(--duration-fast,.15s)var(--ease-out,ease-out);border:none;justify-content:center;align-items:center;display:flex}.floating-feedback__trigger:hover{box-shadow:var(--shadow-xl),0 0 24px color-mix(in srgb,var(--studio-accent)40%,transparent);transform:scale(1.08)}.floating-feedback__trigger:active{transform:scale(.95)}.floating-feedback__trigger--open{background:var(--studio-bg-elevated);color:var(--studio-text-primary);box-shadow:var(--shadow-lg)}.floating-feedback__trigger--open:hover{box-shadow:var(--shadow-xl)}.floating-feedback__trigger svg{transition:transform var(--duration-fast,.15s)var(--ease-out,ease-out)}.floating-feedback__trigger--open svg{transform:rotate(90deg)}.floating-feedback__panel{background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-xl,16px);width:340px;box-shadow:var(--shadow-xl);padding:var(--space-5,20px);z-index:var(--z-popover,500);animation:floatingFeedbackSlideUp var(--duration-normal,.2s)var(--ease-out,ease-out);position:absolute;bottom:calc(100% + 12px);right:0}@keyframes floatingFeedbackSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.floating-feedback__header{margin-bottom:var(--space-4,16px);justify-content:space-between;align-items:center;display:flex}.floating-feedback__title{font-family:var(--font-heading,sans-serif);font-size:var(--text-base,16px);font-weight:var(--weight-semibold,600);color:var(--studio-text-primary);margin:0}.floating-feedback__close{border-radius:var(--radius-md,8px);width:28px;height:28px;color:var(--studio-text-muted);cursor:pointer;transition:color var(--duration-fast,.15s),background var(--duration-fast,.15s);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.floating-feedback__close:hover{color:var(--studio-text-primary);background:var(--studio-bg-surface)}.floating-feedback__categories{gap:var(--space-2,8px);margin-bottom:var(--space-4,16px);display:flex}.floating-feedback__category{align-items:center;gap:var(--space-1,4px);padding:var(--space-2,8px)var(--space-1,4px);border:1px solid var(--studio-border);border-radius:var(--radius-lg,12px);color:var(--studio-text-secondary);font-family:var(--font-body,sans-serif);font-size:var(--text-xs,11px);font-weight:var(--weight-medium,500);cursor:pointer;transition:all var(--duration-fast,.15s)var(--ease-out,ease-out);background:0 0;flex-direction:column;flex:1;display:flex}.floating-feedback__category:hover:not(:disabled){border-color:var(--studio-accent);color:var(--studio-accent);background:color-mix(in srgb,var(--studio-accent)8%,transparent)}.floating-feedback__category--selected{border-color:var(--studio-accent);background:color-mix(in srgb,var(--studio-accent)12%,transparent);color:var(--studio-accent)}.floating-feedback__category svg{flex-shrink:0}.floating-feedback__rating{gap:var(--space-2,8px);margin-bottom:var(--space-4,16px);display:flex}.floating-feedback__rating-btn{justify-content:center;align-items:center;gap:var(--space-1,4px);padding:var(--space-2,8px);border:1px solid var(--studio-border);border-radius:var(--radius-lg,12px);color:var(--studio-text-secondary);cursor:pointer;transition:all var(--duration-fast,.15s)var(--ease-out,ease-out);background:0 0;flex:1;display:flex}.floating-feedback__rating-btn:hover:not(:disabled){border-color:var(--studio-text-muted)}.floating-feedback__rating-btn--like.active{border-color:var(--studio-success,#22c55e);background:color-mix(in srgb,var(--studio-success,#22c55e)12%,transparent);color:var(--studio-success,#22c55e)}.floating-feedback__rating-btn--dislike.active{border-color:var(--studio-error,#ef4444);background:color-mix(in srgb,var(--studio-error,#ef4444)12%,transparent);color:var(--studio-error,#ef4444)}.floating-feedback__text{margin-bottom:var(--space-3,12px);position:relative}.floating-feedback__textarea{width:100%;padding:var(--space-3,12px);border:1px solid var(--studio-border);border-radius:var(--radius-lg,12px);background:var(--studio-bg-surface);color:var(--studio-text-primary);font-family:var(--font-body,sans-serif);font-size:var(--text-small,13px);resize:vertical;min-height:72px;max-height:160px;transition:border-color var(--duration-fast,.15s);box-sizing:border-box;line-height:1.5}.floating-feedback__textarea::placeholder{color:var(--studio-text-muted)}.floating-feedback__textarea:focus{border-color:var(--studio-accent);outline:none}.floating-feedback__textarea:disabled{opacity:.6}.floating-feedback__char-count{bottom:var(--space-2,8px);right:var(--space-3,12px);font-family:var(--font-mono,monospace);font-size:var(--text-xs,11px);color:var(--studio-text-muted);pointer-events:none;position:absolute}.floating-feedback__error{padding:var(--space-2,8px)var(--space-3,12px);margin-bottom:var(--space-3,12px);font-family:var(--font-body,sans-serif);font-size:var(--text-xs,11px);color:var(--studio-danger,#ef4444);background:color-mix(in srgb,var(--studio-danger,#ef4444)10%,transparent);border-radius:var(--radius-md,8px);line-height:1.4}.floating-feedback__actions{gap:var(--space-2,8px);display:flex}.floating-feedback__btn{justify-content:center;align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px)var(--space-4,16px);border-radius:var(--radius-lg,12px);font-family:var(--font-body,sans-serif);font-size:var(--text-small,13px);font-weight:var(--weight-medium,500);cursor:pointer;transition:all var(--duration-fast,.15s)var(--ease-out,ease-out);border:none;flex:1;display:flex}.floating-feedback__btn--cancel{background:var(--studio-bg-surface);color:var(--studio-text-secondary);border:1px solid var(--studio-border)}.floating-feedback__btn--cancel:hover:not(:disabled){background:var(--studio-bg-primary)}.floating-feedback__btn--submit{background:var(--studio-accent);color:#fff}.floating-feedback__btn--submit:hover:not(:disabled){background:var(--studio-accent-hover);box-shadow:var(--shadow-glow-sm)}.floating-feedback__btn--submit:disabled,.floating-feedback__btn--cancel:disabled{opacity:.5;cursor:not-allowed}.floating-feedback__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite floatingFeedbackSpin;display:inline-block}@keyframes floatingFeedbackSpin{to{transform:rotate(360deg)}}.floating-feedback__success{align-items:center;gap:var(--space-3,12px);padding:var(--space-4,16px)0;flex-direction:column;display:flex}.floating-feedback__success-icon{background:color-mix(in srgb,var(--studio-success,#22c55e)15%,transparent);width:48px;height:48px;color:var(--studio-success,#22c55e);animation:floatingFeedbackPop .4s var(--ease-out,ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.floating-feedback__success-icon svg{width:24px;height:24px}@keyframes floatingFeedbackPop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.floating-feedback__success-text{font-family:var(--font-body,sans-serif);font-size:var(--text-small,13px);font-weight:var(--weight-medium,500);color:var(--studio-text-primary);margin:0}@media (max-width:768px){.floating-feedback{bottom:16px;right:16px}.floating-feedback__trigger{width:48px;height:48px}.floating-feedback__trigger svg{width:20px;height:20px}.floating-feedback__panel{border-radius:var(--radius-xl,16px)var(--radius-xl,16px)0 0;width:100%;max-height:85vh;padding-bottom:calc(var(--space-5,20px) + env(safe-area-inset-bottom,0px));animation:floatingFeedbackSheetUp var(--duration-normal,.2s)var(--ease-out,ease-out);position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes floatingFeedbackSheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.floating-feedback__categories{flex-wrap:wrap}.floating-feedback__category{flex:1 1 calc(33% - var(--space-2,8px));min-width:0}}@media (prefers-reduced-motion:reduce){.floating-feedback__trigger,.floating-feedback__trigger svg{transition:none}.floating-feedback__panel{animation:none}.floating-feedback__category,.floating-feedback__rating-btn,.floating-feedback__textarea,.floating-feedback__btn,.floating-feedback__close{transition:none}.floating-feedback__success-icon{animation:none}}