/* A proposed edit is one reversible, audible change set. */
.assistant{min-width:0;max-height:56%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#416b49 #041008}
.assistant-result{overflow-wrap:anywhere}
.assistant-result:has(+.edit-review:not([hidden])){margin-bottom:7px;max-height:42px;font-size:10px;line-height:1.5}
#proposal-actions.edit-review{display:block;min-width:0;margin:0 0 10px;border:1px solid #3d6848;border-radius:3px;background:linear-gradient(135deg,#0c2114ed,#06130bf5);box-shadow:inset 0 1px #c2ffcf06;overflow:hidden}
.edit-review-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:31px;padding:7px 10px;border-bottom:1px solid #294833}
#edit-title{min-width:0;margin:0;color:#ddf5df;font:500 10px/1.4 var(--sans);overflow-wrap:anywhere}
#edit-state{flex-shrink:0;border:1px solid #41674a;border-radius:2px;padding:3px 5px;color:#bee9c4;background:#77ff8b09;font:7px/1 var(--mono);letter-spacing:.25px;white-space:nowrap}
#edit-state[data-state=playing],#edit-state[data-state=edited]{border-color:#86df93;color:#c1ffbf;background:#77ff8b17}
#edit-state[data-state=original]{color:#b8c9bf;background:#152119;border-color:#455a4b}
.edit-change-list{list-style:none;margin:0;padding:0 10px;max-height:105px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#416b49 #07140b}
.edit-change{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:3px 9px;min-width:0;padding:7px 0 7px 8px;border-bottom:1px solid #28452f80}
.edit-change:last-child{border-bottom:0}
.edit-change:before{content:'';position:absolute;left:0;top:11px;width:3px;height:3px;border-radius:1px;background:var(--voice-color,var(--lime));box-shadow:0 0 6px color-mix(in srgb,var(--voice-color,var(--lime)) 20%,transparent)}
#proposal-actions .edit-change-track{justify-self:start;min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--voice-color,var(--lime));font:9px/1.45 var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
#proposal-actions .edit-change-track:hover{color:#e2ffe8;text-decoration:underline;text-underline-offset:3px}
.edit-change-label{min-width:0;align-self:baseline;color:#b8d5bf;font:9px/1.4 var(--sans);overflow-wrap:anywhere}
.edit-change-values{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;grid-column:2;grid-row:1 / span 2;max-width:155px;font:9px/1.5 var(--mono);font-variant-numeric:tabular-nums}
.edit-before{color:#99b3a1}
.edit-arrow{color:#70937d;font-size:10px}
.edit-after{color:color-mix(in srgb,var(--voice-color,var(--lime)) 75%,#eaffef);font-weight:500}
.edit-change-detail{grid-column:1 / -1;color:#8fb19a;font:8px/1.4 var(--mono);overflow-wrap:anywhere}
.edit-listen-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 29px;gap:5px;padding:8px 9px;border-top:1px solid #294833}
#proposal-actions .edit-listen-row button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:29px;margin:0;padding:5px 7px;border:1px solid #3b5943;border-radius:2px;color:#b1c7b8;background:#0b1a10;font:9px/1.3 var(--mono);white-space:nowrap}
#proposal-actions .edit-listen-row button:hover:not(:disabled){border-color:#86c393;background:#102b19;color:#e1ffe4}
#proposal-actions .edit-listen-row button[aria-pressed=true]{border-color:#86ef94;background:#89ff8c1c;color:#ceffcd;box-shadow:inset 0 0 0 1px #8dff8e07}
#proposal-actions #original-proposal[aria-pressed=true]{border-color:#a8c6b3;background:#a0c4ac15;color:#e2f0e7}
#proposal-actions #replay-proposal{padding:5px;width:29px}
#replay-proposal svg{width:13px;height:13px}
#proposal-actions #isolate-proposal{grid-column:1 / -1;justify-self:end;min-height:28px;padding:3px 6px;border-color:transparent;color:#9dbca6;background:none;font:8px/1.3 var(--mono)}
#proposal-actions #isolate-proposal:before{content:'';width:6px;height:6px;border:1px solid #6b9277;border-radius:1px;background:#08160d}
#proposal-actions #isolate-proposal[aria-pressed=true]{border-color:#42694c;background:#7cff8e0d;color:#c7f5ce;box-shadow:none}
#proposal-actions #isolate-proposal[aria-pressed=true]:before{border-color:#91ee9c;background:#91ee9c;box-shadow:0 0 5px #91ee9c22}
.edit-review-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;padding:0 9px 9px}
#proposal-context{flex:1;min-width:65px;margin:0;color:#91b39b;font:8px/1.4 var(--mono);overflow-wrap:anywhere}
#proposal-actions .edit-review-footer button{min-height:28px;padding:5px 9px;font:9px/1.3 var(--sans);white-space:nowrap}
#proposal-actions #keep-proposal{color:#09250d;border-color:#a1ffa7;background:#8bff8d;font-weight:600}
#proposal-actions #keep-proposal:hover:not(:disabled){background:#b2ffae;border-color:#c4ffc2}
#proposal-actions #discard-proposal{border-color:#3a5742;color:#b4cebc;background:#0a1b10}
#proposal-actions #discard-proposal:hover:not(:disabled){border-color:#7fab8d;color:#e0f5e5;background:#11271a}
#edit-audibility{margin:0 9px 8px;padding:6px 8px;border-left:2px solid #d8ba79;background:#c7aa640b;color:#d9caa6;font:9px/1.4 var(--sans);overflow-wrap:anywhere}
.prompt-scope{min-width:0;margin-top:8px;margin-bottom:5px}
#prompt-scope{min-width:0;max-width:calc(100% - 13px);margin:-3px 0;padding:4px 19px 4px 0;border:0;border-radius:2px;background-color:transparent;color:inherit;font:inherit;text-overflow:ellipsis;cursor:pointer}
#prompt-scope option{background:#081b0f;color:#d2f4d7}
#prompt-scope:hover{color:#ddffe3}
.prompt-examples{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 0;min-width:0}
.assistant:has(.edit-review:not([hidden])) .prompt-examples{display:none}
.prompt-examples button{min-height:25px;max-width:100%;padding:4px 7px;border:1px solid #2b4c34;border-radius:2px;background:#6cff8105;color:#a5c9ae;font:8px/1.4 var(--mono);overflow-wrap:anywhere;text-align:left}
.prompt-examples button:hover{border-color:#6cae7b;background:#75ff8610;color:#d9ffe0}
#code-change-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.code-changed-line{position:absolute;left:33px;right:0;min-height:24px;border-left:2px solid var(--selected);background:linear-gradient(90deg,color-mix(in srgb,var(--selected) 11%,transparent),color-mix(in srgb,var(--selected) 4%,transparent) 70%,transparent);pointer-events:none}
.editor-wrap.has-edit-preview[data-comparison=original] .code-changed-line{border-left-color:#9cb7a5;background:linear-gradient(90deg,#a0baa810,#a0baa805 70%,transparent)}
.editor-wrap.has-edit-preview pre{z-index:1}.editor-wrap.has-edit-preview textarea{z-index:2}.editor-wrap.has-edit-preview .line-gutter{z-index:3}
.track-row.has-proposed-edit .track-name{position:relative;padding-right:27px}
.track-row.has-proposed-edit .track-name:after{content:'EDIT';position:absolute;right:0;top:50%;transform:translateY(-50%);padding:2px 3px;border:1px solid color-mix(in srgb,var(--track-color) 45%,#19301f);border-radius:2px;background:color-mix(in srgb,var(--track-color) 9%,#07130c);color:var(--track-color);font:6px/1 var(--mono);letter-spacing:.3px}
@media(min-width:1650px){.edit-change-list{max-height:118px}.edit-change-values{font-size:10px}.edit-change-label{font-size:10px}.edit-review-heading{min-height:33px}}
@media(max-width:1100px) and (min-width:721px){.edit-review-heading{padding:7px 8px;gap:5px}.edit-change-list{padding:0 8px}.edit-change{gap:2px 6px}.edit-change-values{max-width:112px;font-size:8px}.edit-review-footer{gap:5px;padding:0 8px 8px}.edit-review-footer #proposal-context{flex-basis:100%;min-width:0}.edit-listen-row{padding:7px 8px;gap:4px}#proposal-actions .edit-listen-row button{font-size:8px;padding:5px 3px}.prompt-examples{gap:4px}.prompt-examples button{font-size:7px;padding:4px 6px}}
@media(max-width:720px){.assistant{max-height:58%}.edit-change-list{max-height:108px}#proposal-actions .edit-listen-row button{min-height:33px;font-size:10px}.edit-listen-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 33px}#proposal-actions #replay-proposal{width:33px}#proposal-actions .edit-review-footer button{min-height:31px;font-size:10px}#edit-title{font-size:11px}#edit-state{font-size:8px}.edit-change-track,.edit-change-label,.edit-change-values{font-size:10px}#proposal-actions .edit-change-track{font-size:10px}.prompt-examples button{font-size:9px;min-height:29px}.code-changed-line{left:32px;min-height:25px}#prompt-scope{font-size:9px}}
@media(max-width:360px){.edit-review-heading{gap:5px}.edit-change-list{padding:0 8px}.edit-change{gap:3px 5px;padding-left:7px}.edit-change-values{max-width:115px;font-size:9px}#proposal-context{flex-basis:100%}.edit-review-footer{gap:5px}.prompt-examples{gap:4px}.prompt-examples button{font-size:8px;padding:4px 6px}}
@media(max-height:650px){.assistant{padding-top:8px;padding-bottom:9px;max-height:60%}.edit-change-list{max-height:68px}.edit-review-heading{min-height:27px;padding-top:5px;padding-bottom:5px}.edit-listen-row{padding-top:6px;padding-bottom:6px}.edit-review-footer{padding-bottom:7px}.prompt-examples{margin-top:6px}#proposal-actions.edit-review{margin-bottom:8px}.prompt-box>textarea{min-height:30px}.prompt-scope{margin-top:6px;margin-bottom:4px}.prompt-examples button{min-height:23px}}
@media(prefers-reduced-motion:reduce){.edit-review button,.prompt-examples button,#prompt-scope{transition:none}}

@media(max-width:720px){#proposal-actions #isolate-proposal{min-height:32px;min-width:96px}}