.ui-feedback-shell[hidden]{display:none!important}.ui-feedback-shell{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:22px}.ui-feedback-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(5px)}.ui-feedback-card{position:relative;width:min(520px,calc(100vw - 32px));display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;padding:22px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 28px 90px rgba(15,23,42,.3);animation:uiFeedbackIn .16s ease-out}.ui-feedback-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:900;background:#eff6ff;color:#2563eb}.ui-feedback-shell[data-type="success"] .ui-feedback-icon{background:#ecfdf5;color:#047857}.ui-feedback-shell[data-type="error"] .ui-feedback-icon{background:#fff1f2;color:#be123c}.ui-feedback-shell[data-type="warning"] .ui-feedback-icon{background:#fff7ed;color:#c2410c}.ui-feedback-shell[data-type="confirm"] .ui-feedback-icon{background:#f1f5f9;color:#334155}.ui-feedback-copy{min-width:0}.ui-feedback-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ui-feedback-kicker{display:block;margin-bottom:4px;font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.11em;color:#94a3b8}.ui-feedback-head h2{margin:0;color:#172033;font-size:19px;line-height:1.2}.ui-feedback-close{width:32px;height:32px;flex:0 0 auto;border:0;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:20px;line-height:1;cursor:pointer}.ui-feedback-copy>p{margin:12px 0 0;color:#53657b;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.ui-feedback-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.ui-feedback-actions .btn{min-width:100px}.ui-feedback-actions .btn.danger{background:#dc2626;color:#fff;border-color:#dc2626}.ui-feedback-actions .btn.danger:hover{background:#b91c1c;border-color:#b91c1c}body.ui-feedback-open{overflow:hidden}@keyframes uiFeedbackIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:560px){.ui-feedback-card{grid-template-columns:1fr;padding:18px}.ui-feedback-icon{width:42px;height:42px}.ui-feedback-actions{flex-direction:column-reverse}.ui-feedback-actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){.ui-feedback-card{animation:none}}