.album-feedback-dialog{--feedback-ink:var(--ink,#24221f);--feedback-muted:var(--muted,#736c63);--feedback-line:var(--line,#e3ddd4);--feedback-bronze:var(--brand-bronze,#85663e);width:min(1100px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;overflow:auto;border:1px solid var(--feedback-line);border-radius:18px;background:#fffefd;color:var(--feedback-ink);font:12px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 25px 100px #23190f30}.album-feedback-dialog::backdrop{background:#18151270;backdrop-filter:blur(5px)}.album-feedback-dialog *{box-sizing:border-box}.album-feedback-dialog [hidden]{display:none!important}.album-feedback-dialog button,.album-feedback-dialog textarea,.album-feedback-dialog select{font:inherit;touch-action:manipulation}.album-feedback-dialog button{cursor:pointer}.album-feedback-dialog button:disabled{opacity:.45;cursor:default}.album-feedback-dialog :is(button,textarea,select):focus-visible{outline:3px solid #bc9e74;outline-offset:4px}.feedback-launch-count{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:6px;padding:0 4px;border-radius:5px;background:#ece0cd;color:#73552e;font-size:8px;font-weight:600}.feedback-launch-count[hidden]{display:none!important}
.feedback-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:28px 29px 21px}.feedback-eyebrow{font-size:8px;font-weight:600;letter-spacing:1.6px;color:var(--feedback-bronze)}.feedback-heading h2{font:33px/1.2 Georgia,serif;font-weight:400;letter-spacing:-.7px;margin:9px 0 10px}.feedback-heading p{margin:0;font-size:11px;color:var(--feedback-muted);max-width:610px;line-height:1.8}.feedback-close{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--feedback-line);border-radius:50%;background:#fffefd;color:var(--feedback-ink);font-size:23px!important;line-height:1!important}.feedback-close:hover{background:#f3ede3}.feedback-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 29px 17px;border-bottom:1px solid var(--feedback-line)}.feedback-toolbar>div:last-child{display:flex;gap:8px}.feedback-filters{display:flex;align-items:center;gap:3px;padding:3px;border-radius:8px;background:#f0ebe4}.feedback-filters button{display:flex;gap:7px;align-items:center;border:0;padding:7px 11px;border-radius:6px;background:transparent;color:#796c5d;font-size:10px;font-weight:400;white-space:nowrap}.feedback-filters button[aria-pressed=true]{color:#29231b;background:#fffefd;box-shadow:0 1px 5px #291b130c;font-weight:600}.feedback-filters button>span{color:#8b734f;font-size:9px;min-width:7px}.feedback-primary,.feedback-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;border:1px solid var(--feedback-line);border-radius:7px;min-height:35px;padding:8px 12px;font-size:10px!important;font-weight:550!important;text-decoration:none}.feedback-primary{background:#1c1c1c;border-color:#1c1c1c;color:#fff}.feedback-primary:hover:not(:disabled){background:#38312a;border-color:#38312a}.feedback-primary>span{font-size:15px;font-weight:400}.feedback-secondary{background:#fffefd;color:#443a2d}.feedback-secondary:hover:not(:disabled){background:#f4ebdd;border-color:#b69a70}
.feedback-status{font-size:10px;color:#806643;min-height:17px;margin:11px 29px}.feedback-error{font-size:11px;line-height:1.8;border:1px solid #e8c5b4;border-radius:7px;padding:11px 13px;margin:0 29px 15px;background:#fff4ed;color:#8f5036;overflow-wrap:anywhere}.feedback-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:370px;max-height:60dvh;border-top:1px solid var(--feedback-line);border-bottom:1px solid var(--feedback-line)}.feedback-list{padding:12px;background:#f8f4ed;border-right:1px solid var(--feedback-line);overflow:auto;scrollbar-width:thin;min-width:0}.feedback-thread{display:block;width:100%;text-align:left;border:1px solid transparent;background:transparent;border-radius:9px;padding:13px 12px;margin:0 0 6px;color:var(--feedback-ink)}.feedback-thread:hover{background:#f1e9dd;border-color:#e0d2bd}.feedback-thread[aria-pressed=true]{background:#fffefd;border-color:#c8ae85;box-shadow:0 3px 14px #33200b06}.feedback-thread-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.feedback-thread-target{font-size:11px;font-weight:550;line-height:1.6;overflow-wrap:anywhere}.feedback-state{font-size:8px;line-height:1.4;border-radius:4px;padding:4px 6px;flex:none;font-weight:500}.feedback-state.open{background:#f4e8d5;color:#856238}.feedback-state.resolved{background:#eeece7;color:#6e685d}.feedback-thread-preview{font-size:10px;line-height:1.7;color:#766a5b;margin:7px 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.feedback-thread-meta{font-size:8px;color:#8b7a63;display:flex;flex-direction:column;gap:4px}.feedback-thread-meta>time{font-size:8px;color:#8e8170}.feedback-list-empty{padding:35px 16px;text-align:center;color:#8a795f}.feedback-list-empty>span{display:block;font-size:27px;margin-bottom:10px;color:#b29468}.feedback-list-empty strong{font-size:11px;font-weight:500}.feedback-list-empty p{font-size:10px;line-height:1.8;color:var(--feedback-muted);margin:9px 0 0}
.feedback-detail{overflow:auto;min-width:0;background:#fffefd;padding:0;scrollbar-width:thin}.feedback-selection-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:365px;padding:30px;text-align:center}.feedback-selection-empty>span{font-size:29px;color:#b69a70}.feedback-selection-empty h3{font:24px/1.3 Georgia,serif;font-weight:400;margin:17px 0 12px}.feedback-selection-empty p{font-size:11px;line-height:1.8;max-width:300px;color:var(--feedback-muted);margin:0 0 23px}.feedback-context{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--feedback-line);background:#fffcf7}.feedback-context h3{font:24px/1.3 Georgia,serif;font-weight:400;letter-spacing:-.3px;margin:7px 0 8px}.feedback-context p{margin:0;font-size:10px;line-height:1.75;max-width:360px;color:var(--feedback-muted)}.feedback-context small{display:block;font-size:9px;color:#927b58;margin-top:8px}.feedback-thread-state{font-size:8px;letter-spacing:1px;color:#8a6536;text-transform:uppercase}.feedback-thread-state[data-resolved=true]{color:#736b60}.feedback-context-actions{display:flex;flex-direction:column;gap:8px;flex:none;padding-top:2px}.feedback-context-actions .feedback-secondary{font-size:9px!important;min-height:30px;padding:7px 9px}
.feedback-messages{padding:20px 24px 3px;max-height:30dvh;min-height:110px;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:11px}.feedback-message{padding:13px 15px;border:1px solid #e5ded2;border-radius:10px;background:#faf7f1;margin:0 18px 0 0;flex:none}.feedback-message.own-message{background:#f2e9db;border-color:#e2d1b6;margin:0 0 0 18px}.feedback-message-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;color:#766143}.feedback-message-heading strong{font-size:10px;font-weight:600;color:#584631}.feedback-message-heading time{font-size:8px;color:#8e7d64}.feedback-message p{font-size:11px;line-height:1.8;color:#473b2c;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.feedback-reply{padding:17px 24px 21px}.feedback-reply>label,.feedback-new-form label{display:block;font-size:10px;font-weight:550;color:#635138;margin:0 0 8px}.feedback-reply textarea,.feedback-new-form textarea,.feedback-new-form select{display:block;width:100%;padding:11px 12px;background:#fffdfa;border:1px solid #d9c8ad;border-radius:7px;color:var(--feedback-ink);font-size:11px;line-height:1.8;resize:vertical}.feedback-reply textarea{min-height:72px;max-height:180px}.feedback-reply textarea::placeholder,.feedback-new-form textarea::placeholder{color:#8e8170}.feedback-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:10px}.feedback-composer-footer>span{font-size:9px;color:#958162}.feedback-composer-footer>span.over-limit{color:#a14732}.feedback-composer-footer>div{display:flex;gap:7px}.feedback-reply-help,.feedback-composer-help{font-size:9px;line-height:1.8;color:#897a65;margin:10px 0 0}.feedback-new-form{padding:27px 25px}.feedback-new-form h3{font:27px/1.2 Georgia,serif;font-weight:400;letter-spacing:-.4px;margin:9px 0 13px}.feedback-new-form>p{font-size:11px;line-height:1.8;color:var(--feedback-muted);margin:0 0 22px}.feedback-new-form label{margin-bottom:17px}.feedback-new-form label select,.feedback-new-form label textarea{margin-top:7px}.feedback-new-form textarea{min-height:135px;max-height:300px}.feedback-new-form select{padding-top:9px;padding-bottom:9px}.feedback-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 29px}.feedback-footer>span{font-size:9px;line-height:1.7;color:var(--feedback-muted);max-width:550px}
@media(max-width:950px){.feedback-workspace{grid-template-columns:285px minmax(0,1fr)}.feedback-heading{padding:25px 23px 19px}.feedback-toolbar{padding-left:23px;padding-right:23px}.feedback-status{margin-left:23px;margin-right:23px}.feedback-error{margin-left:23px;margin-right:23px}.feedback-context{padding:20px;flex-direction:column;gap:12px}.feedback-context-actions{flex-direction:row;flex-wrap:wrap}.feedback-messages{padding-left:20px;padding-right:20px}.feedback-reply{padding-left:20px;padding-right:20px}.feedback-footer{padding-left:23px;padding-right:23px}}
@media(max-width:700px){.album-feedback-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:13px}.feedback-heading{padding:23px 19px 18px}.feedback-heading h2{font-size:29px}.feedback-heading p{font-size:11px}.feedback-toolbar{padding:0 19px 15px;gap:10px;align-items:flex-start;flex-wrap:wrap}.feedback-toolbar>div:last-child{margin-left:auto}.feedback-filters button{padding:7px 9px}.feedback-workspace{grid-template-columns:1fr;max-height:none;min-height:0}.feedback-list{display:flex;gap:8px;padding:11px 13px;max-height:160px;border-right:0;border-bottom:1px solid var(--feedback-line);overflow-x:auto;overflow-y:hidden}.feedback-thread{flex:0 0 260px;width:260px;margin:0;padding:11px}.feedback-thread-preview{-webkit-line-clamp:1;margin:5px 0 6px}.feedback-thread-meta{flex-direction:row;justify-content:space-between;gap:10px}.feedback-thread-meta>span{white-space:nowrap}.feedback-thread-meta>time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-list-empty{flex:1;padding:12px 20px}.feedback-list-empty>span{display:none}.feedback-list-empty p{margin-top:4px;font-size:9px}.feedback-detail{overflow:visible}.feedback-context{padding:20px}.feedback-context h3{font-size:24px}.feedback-context-actions .feedback-secondary{font-size:10px!important}.feedback-messages{max-height:36dvh;padding-top:17px}.feedback-message-heading time{font-size:8px}.feedback-new-form{padding:23px 20px}.feedback-new-form textarea{min-height:125px}.feedback-composer-footer{flex-wrap:wrap;gap:10px}.feedback-composer-footer>div{margin-left:auto}.feedback-footer{padding:15px 19px;gap:14px;align-items:flex-start}.feedback-footer>span{font-size:9px}.feedback-selection-empty{min-height:250px}.feedback-status{margin-left:19px;margin-right:19px}.feedback-error{margin-left:19px;margin-right:19px}}
@media(max-width:410px){.feedback-heading h2{font-size:27px}.feedback-heading{padding-left:17px;padding-right:17px}.feedback-toolbar{padding-left:17px;padding-right:17px}.feedback-toolbar>div:last-child{width:100%;justify-content:flex-end}.feedback-primary,.feedback-secondary{font-size:9px!important;padding-left:10px;padding-right:10px}.feedback-composer-footer>div{width:100%;justify-content:flex-end;gap:7px}.feedback-context,.feedback-new-form,.feedback-reply{padding-left:17px;padding-right:17px}.feedback-messages{padding-left:17px;padding-right:17px}.feedback-message{margin-right:8px;padding:11px 12px}.feedback-message.own-message{margin-left:8px}.feedback-message-heading{gap:9px;flex-wrap:wrap}.feedback-footer{flex-wrap:wrap}.feedback-footer>button{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.album-feedback-dialog::backdrop{backdrop-filter:none}.album-feedback-dialog button{transition:none}}

/* Keep conversation copy comfortable to read at desktop and phone sizes. */
.album-feedback-dialog{font-size:13px}
.album-feedback-dialog p{font-size:13px;line-height:1.75}
.feedback-eyebrow{font-size:10px;color:#77562d}
.feedback-heading p{font-size:13px}
.feedback-primary,.feedback-secondary,.feedback-context-actions .feedback-secondary{font-size:12px!important;min-height:39px;padding:9px 13px}
.feedback-filters button{font-size:12px;min-height:35px;padding:8px 11px}
.feedback-filters button>span{font-size:11px;color:#73552e}
.feedback-thread-target{font-size:13px;line-height:1.55}
.feedback-state{font-size:10px}
.feedback-thread-preview{font-size:13px;color:#655a4c;line-height:1.65}
.feedback-thread-meta,.feedback-thread-meta>time{font-size:10px;color:#756653}
.feedback-list-empty strong{font-size:13px;color:#665337}
.feedback-list-empty p{font-size:12px}
.feedback-status{font-size:11px;color:#73552e;line-height:1.7}
.feedback-error{font-size:13px}
.feedback-thread-state{font-size:10px;color:#77562d}
.feedback-context p{font-size:13px;color:#6b6256}
.feedback-context small{font-size:11px;color:#796241}
.feedback-message-heading strong{font-size:12px;color:#58432a}
.feedback-message-heading time{font-size:10px;color:#76634a}
.feedback-message p{font-size:13px;color:#3e3326;line-height:1.8}
.feedback-reply>label,.feedback-new-form label{font-size:12px;color:#624a2b}
.feedback-reply textarea,.feedback-new-form textarea,.feedback-new-form select{font-size:13px;line-height:1.75;color:#2c2721}
.feedback-reply textarea{min-height:94px}
.feedback-reply textarea::placeholder,.feedback-new-form textarea::placeholder{color:#796c59}
.feedback-composer-footer>span{font-size:11px;color:#796241}
.feedback-reply-help,.feedback-composer-help,.feedback-footer>span{font-size:11px!important;color:#756653;line-height:1.8}
.feedback-launch-count{font-size:10px;min-width:18px;height:18px;color:#684b26}
.album-feedback-dialog[open]{display:flex;flex-direction:column;height:min(850px,calc(100dvh - 40px));overflow:hidden}
.feedback-heading,.feedback-toolbar,.feedback-status,.feedback-error,.feedback-footer{flex-shrink:0}
.feedback-workspace{flex:1;height:auto;max-height:none;min-height:0}
.feedback-list,.feedback-detail{min-height:0}
@media(max-width:700px){.feedback-list{max-height:184px}.feedback-thread{flex-basis:285px;width:285px}.feedback-thread-meta,.feedback-thread-meta>time{font-size:10px}.feedback-toolbar{row-gap:12px}.feedback-context-actions .feedback-secondary{font-size:12px!important}.feedback-new-form textarea{min-height:145px}.feedback-footer>span{font-size:11px}.feedback-list-empty p{font-size:12px}}
@media(max-width:700px){.album-feedback-dialog[open]{display:block;height:auto;overflow:auto}.feedback-workspace{flex:none;height:auto;max-height:none}.feedback-detail{overflow:visible}}
@media(max-width:410px){.feedback-primary,.feedback-secondary{font-size:12px!important;padding-left:11px;padding-right:11px}.feedback-composer-footer>div{flex-wrap:wrap}.feedback-message-heading time{font-size:10px}.feedback-thread{flex-basis:270px;width:270px}.feedback-toolbar>div:last-child{gap:8px}}
