.listing-feedback{position:fixed;right:22px;bottom:86px;z-index:200;display:none;width:min(1120px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 120px));grid-template-columns:minmax(230px,320px) minmax(520px,1fr) minmax(220px,300px);gap:14px;padding:18px;overflow:auto}
.listing-feedback.is-open{display:grid}
.listing-guide{position:fixed;right:22px;bottom:86px;z-index:230;display:none;width:min(380px,calc(100vw - 32px));gap:12px;padding:18px;border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--listing-card-bg));box-shadow:0 18px 46px rgba(20,26,60,.2)}.listing-guide.is-open{display:grid}.listing-guide-head{padding-right:2px}.listing-guide-head .eyebrow{color:var(--accent)}
.is-guide-target{outline:2px solid var(--accent);outline-offset:5px;box-shadow:0 0 0 8px var(--accent-soft),var(--listing-shadow)}
.listing-feedback-fab,.listing-feedback-close{z-index:210;border:1px solid var(--border);background:var(--listing-glass-strong);color:var(--text);box-shadow:var(--shadow-floating);backdrop-filter:blur(18px)}
.listing-feedback-fab{position:fixed;right:22px;bottom:22px;z-index:210;min-width:116px;min-height:44px;border-radius:999px}.listing-feedback-fab::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.listing-feedback-fab[data-state="saving"]::after{background:#d7a82f;animation:feedbackPulse .8s infinite}.listing-feedback-fab[data-state="saved"]::after{background:var(--listing-good)}.listing-feedback-fab[data-state="empty"]::after,.listing-feedback-fab[data-state="error"]::after{background:#d9304f}.listing-feedback-close{position:absolute;top:12px;right:12px;min-height:32px;border-color:var(--border);color:var(--text);background:var(--listing-glass-strong)}.listing-feedback-close:is(:hover,:focus-visible){border-color:var(--accent);background:var(--listing-active-bg);color:var(--accent)}@keyframes feedbackPulse{50%{opacity:.35}}
.listing-dashboard:has(.listing-feedback.is-open) .listing-feedback-fab{border-color:var(--accent);background:var(--listing-primary-bg);color:var(--listing-primary-text)}
.listing-feedback h2,.listing-guide h2{margin:0 0 8px;font-size:16px;font-weight:680;line-height:1.38}.listing-feedback p,.listing-guide p{margin:0;color:var(--muted);font-size:12px;font-weight:520;line-height:1.7}
.listing-guide-demo{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:108px;padding:12px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 82%,transparent)}
.listing-guide-demo::before{content:none}.listing-guide-demo span{position:relative;z-index:1;display:grid;place-items:center;min-height:62px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--listing-control-bg);color:var(--text);font-size:11px;font-weight:780;text-align:center}
.listing-guide-demo span:nth-child(1){animation:guidePulse 4.8s infinite}.listing-guide-demo span:nth-child(2){animation:guidePulse 4.8s 1.6s infinite}.listing-guide-demo span:nth-child(3){animation:guidePulse 4.8s 3.2s infinite}
.listing-guide-demo i{position:absolute;z-index:2;left:18%;top:72%;width:18px;height:18px;border-radius:50% 50% 50% 4px;background:var(--accent);box-shadow:none;transform:rotate(-38deg);animation:guideCursor 4.8s infinite ease-in-out}
@keyframes guideCursor{0%,100%{left:18%;top:72%}28%{left:18%;top:42%}45%{left:49%;top:42%}62%{left:49%;top:72%}78%{left:80%;top:42%}}
@keyframes guidePulse{0%,30%,100%{border-color:var(--border);transform:none}12%{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));transform:translateY(-1px)}}
.listing-feedback-form,.listing-feedback-log{display:grid;gap:10px}.listing-feedback-form{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
.listing-feedback-form label,.listing-feedback-actions,.listing-feedback-form>.listing-note{grid-column:1/-1}.listing-feedback-topic,.listing-feedback-form label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:720}
.listing-feedback-topic{padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--listing-item-bg)}.listing-feedback-topic>span,.listing-feedback-form label>span{color:var(--text);font-size:11px;font-weight:760}
.listing-feedback-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.listing-feedback-row button{display:grid;justify-items:start;gap:3px;min-height:54px;padding:10px 12px;border-radius:14px;text-align:left}
.listing-feedback-row button strong{font-size:12px;line-height:1.2}.listing-feedback-row button small{color:var(--muted);font-size:10px;font-weight:760;line-height:1.35}
.listing-feedback-row button.active{border-color:color-mix(in srgb,var(--accent) 52%,var(--border));background:var(--listing-active-bg);color:var(--listing-active-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 10px 22px rgba(17,24,39,.08)}.listing-feedback-row button.active small{color:var(--listing-active-text);opacity:.78}
.listing-feedback-actions,.listing-guide-head,.listing-guide-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.listing-feedback textarea{min-height:96px;padding:10px 14px;resize:vertical}
.listing-feedback-status[data-state="empty"],#listing-feedback-status[data-state="error"]{color:#d9304f}#listing-feedback-status[data-state="saving"]{color:#b17d15}#listing-feedback-status[data-state="saved"]{color:var(--listing-good)}
.listing-feedback-log{align-content:start;overflow:auto;padding-right:2px}.listing-feedback-thread{display:grid;gap:9px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--listing-item-bg);box-shadow:0 14px 26px rgba(17,24,39,.08)}
.listing-thread-head{display:flex;align-items:center;gap:9px}.listing-thread-head div{display:grid;gap:1px;min-width:0}.listing-thread-head strong{font-size:12px}.listing-thread-head small,.listing-thread-actions span,.listing-thread-replies small{color:var(--muted);font-size:10px;font-weight:760}
.listing-thread-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--listing-active-bg);color:var(--listing-active-text);font-size:11px;font-weight:800}.listing-feedback-thread>p,.listing-thread-replies p{margin:0;font-size:13px;line-height:1.65}
.listing-thread-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.listing-thread-actions button{min-height:28px;padding:0 10px;border-radius:999px;font-size:11px}.listing-thread-replies{display:grid;gap:7px;padding-left:18px;border-left:2px solid color-mix(in srgb,var(--accent) 26%,var(--border))}.listing-thread-replies div{padding:8px 10px;border-radius:12px;background:var(--listing-glass-strong)}
@media(max-width:1180px){.listing-feedback,.listing-guide{right:12px;bottom:74px;grid-template-columns:1fr}}
@media(max-width:760px){.listing-feedback{right:8px;width:calc(100vw - 84px);padding:14px}.listing-feedback,.listing-feedback-form{grid-template-columns:1fr}.listing-feedback-fab{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));min-width:48px;width:48px;padding:0}.listing-dashboard:has(.listing-feedback.is-open) .listing-feedback-fab,.listing-shell:is([data-area="images"],[data-area="copyrun"])~.listing-feedback-fab{display:none}.listing-feedback-fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.listing-feedback-fab::after{position:absolute;top:5px;right:5px}}