.feedback-main{padding-top:40px}.feedback-update{margin-top:16px}.feedback-update h4{color:var(--ssd-muted);margin:0;font-size:13px}.feedback-update a{min-height:40px;color:var(--ssd-ink);align-items:center;display:inline-flex}.feedback-heading{margin-bottom:32px}.feedback-heading h1{margin:0 0 8px;font-size:32px}.feedback-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:48px;display:grid}.feedback-compose{background:var(--ssd-surface);border:1px solid var(--ssd-line);border-radius:var(--ssd-radius);padding:20px}.feedback-compose h2{margin:0 0 20px;font-size:18px}.feedback-compose label{margin-bottom:8px;font-weight:600;display:block}.feedback-compose textarea{resize:vertical;border:1px solid var(--ssd-line);border-radius:var(--ssd-radius);background:var(--ssd-paper);width:100%;min-height:96px;color:var(--ssd-ink);font:inherit;padding:12px;font-size:14px;line-height:1.6;display:block}.feedback-drop{border:1px dashed var(--ssd-line);border-radius:var(--ssd-radius);margin-top:16px;padding:8px}.feedback-drop.is-dragging{border-color:var(--ssd-teal);background:var(--ssd-sand)}.feedback-history-head,.feedback-item-meta,.feedback-preview figcaption{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-main .feedback-upload{width:100%;min-height:48px;color:var(--ssd-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:flex}.feedback-upload svg{flex-shrink:0}.feedback-main button{min-height:40px;font:inherit;border-radius:var(--ssd-radius);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600}.feedback-secondary{border:1px solid var(--ssd-line);color:var(--ssd-ink);background:var(--ssd-paper)}.feedback-primary{border:1px solid var(--ssd-ink);color:var(--ssd-paper);background:var(--ssd-ink)}.feedback-main button:disabled{cursor:wait;opacity:.65}.feedback-main :is(button,textarea,a,summary):focus-visible{outline:2px solid var(--ssd-teal);outline-offset:4px}.feedback-preview{margin:16px 0 0}.feedback-preview img{object-fit:contain;max-width:100%;max-height:280px;margin:0 auto;display:block}.feedback-preview figcaption{margin-top:12px;font-size:12px}.feedback-preview figcaption span{overflow-wrap:anywhere;min-width:0}.feedback-error{color:var(--ssd-negative);font-size:13px}.feedback-error:not(:empty){margin:16px 0}.feedback-submit{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.feedback-success{min-height:24px;margin-bottom:0;font-size:14px}.feedback-history{min-height:320px;padding-top:8px}.feedback-empty{color:var(--ssd-muted);padding:32px 0}.feedback-list{margin:16px 0 0;padding:0;list-style:none}.feedback-list li{border-top:1px solid var(--ssd-line);padding:24px 0}.feedback-item-meta{color:var(--ssd-muted);justify-content:flex-start;margin-top:12px;font-size:12px}.feedback-item-meta strong{font-weight:400}.feedback-item-title{margin:0 0 8px;font-size:16px}.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.feedback-problem{margin:0}.feedback-details summary{cursor:pointer;text-underline-offset:4px;align-items:center;width:fit-content;min-height:40px;padding:8px 0;font-size:13px;font-weight:600;text-decoration:underline;list-style:none;display:flex}.feedback-details summary::-webkit-details-marker{display:none}.feedback-details .feedback-collapse,.feedback-details[open] .feedback-expand{display:none}.feedback-details[open] .feedback-collapse{display:inline}.feedback-status{align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:600;display:flex}.feedback-status-dot{background:var(--ssd-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.feedback-status.is-pending .feedback-status-dot{background:var(--ssd-gold)}.feedback-status.is-received .feedback-status-dot{background:var(--ssd-green)}.feedback-image-link{color:var(--ssd-ink);font-size:13px;display:block}.feedback-image-link img{object-fit:contain;background:var(--ssd-sand);border-radius:var(--ssd-radius);width:100%;height:144px;margin-bottom:8px;display:block}.feedback-skeleton{min-height:240px;padding-top:24px}.feedback-skeleton div{background:var(--ssd-sand);border-radius:var(--ssd-radius);height:48px;margin-bottom:16px}@media (max-width:900px){.feedback-layout{grid-template-columns:1fr;gap:32px}.feedback-shell .ssd-topbar{flex-wrap:wrap;padding:16px 0}.feedback-shell .ssd-topbar nav{flex-wrap:wrap}}@media (max-width:480px){.feedback-compose{padding:16px}.feedback-main{padding-top:24px}.feedback-heading h1{font-size:28px}}