.atelier-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1080;box-sizing:border-box;display:flex;align-items:flex-start;gap:14px;width:max-content;max-width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:0;padding:16px 14px 16px 20px;border:1px solid #56735d;border-radius:12px;background:#263e32;color:#fffdf5;box-shadow:0 8px 32px #172c3030;font:14px/1.5 Arial,sans-serif;text-align:left;animation:atelier-feedback-in .12s ease-out}
.atelier-feedback[hidden]{display:none!important}
.atelier-feedback-copy{min-width:0;overflow-wrap:anywhere;white-space:pre-line}
.atelier-feedback-copy strong{display:block;font-size:14px;line-height:1.4;margin-bottom:4px;font-weight:600;color:inherit}
.atelier-feedback-copy strong[hidden]{display:none}
.atelier-feedback-copy span{color:inherit;font:inherit}
.atelier-feedback button{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;margin:-5px -4px -5px 0;border:0;border-radius:6px;background:transparent;color:inherit;padding:0;font:24px/1 Arial,sans-serif;cursor:pointer}
.atelier-feedback button:hover{background:#ffffff18}
.atelier-feedback button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.atelier-feedback[data-type=danger],.atelier-feedback[data-type=warning]{background:#fff7ec;color:#684833;border-color:#b69276}
@keyframes atelier-feedback-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.atelier-feedback{animation:none}}