/* The image gets the room. Controls keep the quiet lavender of the studio. */
body:has(.prod-viewer[open]){overflow:hidden}
.prod-viewer{--viewer-ink:#f0edf8;--viewer-muted:#a6a1b6;--viewer-lilac:#c9b6ff;width:calc(100vw - 48px);height:calc(100dvh - 48px);max-width:1680px;max-height:1080px;padding:0;border:1px solid #b6a0d63b;border-radius:20px;background:#14131b;color:var(--viewer-ink);box-shadow:0 35px 120px #0009;overflow:hidden;font-family:var(--font,"Avenir Next",Avenir,sans-serif);color-scheme:dark}
.prod-viewer::backdrop{background:#08080de0;backdrop-filter:blur(14px)}
.prod-viewer *, .prod-viewer *::before,.prod-viewer *::after{box-sizing:border-box}
.prod-viewer [hidden]{display:none!important}
/* One column the width of the room: left "auto", it grew to its widest row (467px on a 410px phone) and the room
   scrolled sideways, cutting off the title and the form. Wide screens set their own two columns below. */
.prod-viewer-room{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;height:100%;min-height:0;background:radial-gradient(ellipse at 30% 0,#a485cf0b,transparent 65%)}
.prod-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:23px 28px 20px;border-bottom:1px solid #ffffff0b}
.prod-viewer-heading{min-width:0}
.prod-viewer-heading p{display:flex;align-items:center;gap:17px;margin:0 0 7px;color:#a697bf;font-size:9px;font-weight:550;line-height:1.4;letter-spacing:1.8px}
.prod-viewer-heading p span{color:var(--viewer-muted);font-variant-numeric:tabular-nums;letter-spacing:1px}
.prod-viewer-heading h2{margin:0;font-size:clamp(17px,1.7vw,25px);font-weight:450;line-height:1.35;letter-spacing:-.45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prod-viewer-tools{display:flex;align-items:center;gap:17px;flex-shrink:0}
.prod-viewer button{font:inherit;cursor:pointer;color:inherit;transition:background .18s,border-color .18s,color .18s;touch-action:manipulation}
.prod-viewer button:disabled{cursor:default;opacity:.35}
.prod-viewer button:focus-visible,.prod-viewer-stage:focus-visible{outline:2px solid var(--viewer-lilac);outline-offset:3px}
.prod-viewer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.prod-viewer-icon-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #c9b6ff1a;border-radius:50%;background:#ffffff03;color:#c6bdd6}
.prod-viewer-icon-button:hover:not(:disabled){background:#c9b6ff12;border-color:#c9b6ff60}
.prod-viewer-zoom{display:flex;padding:3px;border:1px solid #c9b6ff21;border-radius:9px;background:#0d0c12}
.prod-viewer-zoom button{min-width:46px;min-height:32px;padding:6px 10px;border:0;border-radius:6px;background:transparent;font-size:11px;color:var(--viewer-muted)}
.prod-viewer-zoom button[aria-pressed=true]{background:#c9b6ff1b;color:#e7dcff}
.prod-viewer-cinema{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:16px;align-items:center;min-height:0;padding:18px 24px 10px}
.prod-viewer-nav{width:40px;height:48px;border-color:transparent;background:transparent}
.prod-viewer-nav svg{width:25px;height:25px}
.prod-viewer-stage{position:relative;display:flex;min-width:0;min-height:0;height:100%;overflow:auto;border-radius:5px;background:#0a090e;scrollbar-width:thin;scrollbar-color:#70607e #100e16;overscroll-behavior:contain}
.prod-viewer-image{display:block;flex:none;width:100%;height:100%;max-width:100%;max-height:100%;margin:auto;object-fit:contain;user-select:none}
.prod-viewer.is-zoomed .prod-viewer-image{width:auto;height:auto;max-width:none;max-height:none}
.prod-viewer-message{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;width:100%;min-height:100%;padding:24px;text-align:center;color:var(--viewer-muted);font-size:13px;line-height:1.5}
.prod-viewer-message>svg{width:32px;height:32px;color:#9683b2}
.prod-viewer-message small{max-width:30ch;color:#8d859a;font-size:11px}
.prod-viewer-retry{min-height:38px;padding:8px 17px;border:1px solid #c9b6ff42;border-radius:8px;background:#c9b6ff13;color:#e1d2ff;font-size:11px}
.prod-viewer-retry:hover{border-color:#c9b6ff80;background:#c9b6ff20}
.prod-viewer-spinner{width:24px;height:24px;border:1px solid #c9b6ff24;border-top-color:#c9b6ff;border-radius:50%;animation:prod-viewer-spin 1s linear infinite}
@keyframes prod-viewer-spin{to{transform:rotate(360deg)}}
.prod-viewer-details{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 84px 20px}
.prod-viewer-caption{min-width:0}
.prod-viewer-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:10px;color:#b3a8c6}
.prod-viewer-meta>[data-prod-viewer-kind]{text-transform:capitalize;letter-spacing:.3px}
.prod-viewer-status{display:inline-flex;align-items:center;gap:7px;color:#aaa3b5}
.prod-viewer-status::before{content:'';width:4px;height:4px;flex:none;border-radius:50%;background:#b4a0d2}
.prod-viewer-status[data-state=accepted]{color:#a6d5c4}
.prod-viewer-status[data-state=accepted]::before{background:#a6d5c4}
.prod-viewer-status[data-state=repair]{color:#deb89a}
.prod-viewer-status[data-state=repair]::before{background:#deb89a}
.prod-viewer-dimensions{color:#807b8c;font-variant-numeric:tabular-nums}
.prod-viewer-caption p{max-width:90ch;max-height:4.8em;overflow:auto;scrollbar-width:thin;margin:8px 0 0;color:#aaa3b5;font-size:11px;line-height:1.6;white-space:pre-wrap}
.prod-viewer-caption .prod-viewer-review-message{color:#deb89a}
.prod-viewer-review{display:flex;align-items:center;gap:8px;flex-shrink:0}
.prod-viewer-review button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:9px 14px;border:1px solid #c9b6ff29;border-radius:8px;background:#ffffff03;color:#c7bfd4;font-size:11px;white-space:nowrap}
.prod-viewer-review button:first-child{background:#c9b6ff13;border-color:#c9b6ff42;color:#e1d2ff}
.prod-viewer-review button:hover:not(:disabled){border-color:#c9b6ff80;background:#c9b6ff20}
.prod-viewer-review svg{width:15px;height:15px}
.prod-viewer-footer{min-width:0;padding:16px 28px 12px;border-top:1px solid #ffffff0b;background:#0f0e155c}
.prod-viewer-filmstrip{position:relative;display:flex;gap:9px;overflow-x:auto;overscroll-behavior:contain;padding:3px 3px 7px;scrollbar-width:thin;scrollbar-color:#675575 transparent}
.prod-viewer-thumb{position:relative;display:block;flex:none;width:79px;height:66px;padding:4px;border:1px solid #ffffff13;border-radius:8px;background:#18151f}
.prod-viewer-thumb:hover{border-color:#c9b6ff66}
.prod-viewer-thumb[aria-current=true]{border-color:#d3bbff;background:#c9b6ff0e;box-shadow:0 0 0 1px #c9b6ff20}
.prod-viewer-thumb-art{display:grid;place-items:center;width:100%;height:100%;border-radius:4px;overflow:hidden;color:#79678f;background:#0c0b10}
.prod-viewer-thumb-art img{display:block;width:100%;height:100%;object-fit:contain}
.prod-viewer-thumb-number{position:absolute;bottom:6px;left:6px;padding:2px 4px;border-radius:3px;background:#100d17cc;color:#e0d4ef;font-size:8px;line-height:1;font-variant-numeric:tabular-nums}
.prod-viewer-key-hint{display:flex;justify-content:center;gap:10px;margin:8px 0 0;color:#82798e;font-size:9px;letter-spacing:.4px}
.prod-viewer-key-hint span{color:#58505f}
.prod-viewer-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1800px){.prod-viewer{width:calc(100vw - 80px);height:calc(100dvh - 80px)}}
@media(max-width:700px){.prod-viewer{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border:0;border-radius:0}.prod-viewer-header{gap:12px;padding:18px 16px 15px}.prod-viewer-heading p{gap:10px;font-size:8px;letter-spacing:1px}.prod-viewer-heading h2{font-size:17px}.prod-viewer-tools{gap:8px}.prod-viewer-zoom button{min-width:35px;padding:5px 7px;font-size:10px}.prod-viewer-icon-button{width:36px;height:36px}.prod-viewer-cinema{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px;padding:12px 5px 5px}.prod-viewer-nav{width:28px;height:44px}.prod-viewer-nav svg{width:22px;height:22px}.prod-viewer-details{align-items:flex-start;flex-direction:column;gap:13px;padding:14px 20px 16px}.prod-viewer-meta{gap:10px;font-size:9px}.prod-viewer-caption p{max-height:3.2em;font-size:10px}.prod-viewer-review{width:100%}.prod-viewer-review button{flex:1}.prod-viewer-footer{padding:12px 16px 10px}.prod-viewer-thumb{width:64px;height:54px}.prod-viewer-key-hint{display:none}}
@media(max-height:620px) and (min-width:701px){.prod-viewer{height:calc(100dvh - 20px)}.prod-viewer-header{padding:12px 24px}.prod-viewer-heading p{margin-bottom:3px}.prod-viewer-heading h2{font-size:18px}.prod-viewer-cinema{padding-top:10px}.prod-viewer-details{padding-top:9px;padding-bottom:11px}.prod-viewer-caption p{max-height:1.6em}.prod-viewer-footer{padding-top:8px;padding-bottom:8px}.prod-viewer-thumb{width:64px;height:51px}.prod-viewer-key-hint{display:none}}
@media(max-height:500px) and (max-width:700px){.prod-viewer-header{padding:8px 15px}.prod-viewer-heading p{margin-bottom:2px;font-size:7px}.prod-viewer-heading h2{font-size:15px}.prod-viewer-tools .prod-viewer-icon-button{width:31px;height:31px}.prod-viewer-zoom button{min-height:26px;padding:4px 7px}.prod-viewer-cinema{padding-top:6px}.prod-viewer-details{flex-direction:row;align-items:center;gap:15px;padding:8px 18px 10px}.prod-viewer-caption p{max-height:1.6em;margin-top:4px}.prod-viewer-review{width:auto;gap:6px}.prod-viewer-review button{min-height:32px;padding:6px 9px;font-size:10px}.prod-viewer-footer{padding:6px 14px}.prod-viewer-filmstrip{padding-top:2px;padding-bottom:4px;gap:7px}.prod-viewer-thumb{width:58px;height:44px}.prod-viewer-message{gap:8px;padding:10px}.prod-viewer-message>svg{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.prod-viewer button{transition:none}.prod-viewer-spinner{animation:none}}

/* The correction stays beside the full image, with space to write naturally. */
.prod-viewer-details:has(.prod-viewer-feedback:not([hidden])){flex-wrap:wrap;max-height:52dvh;overflow-y:auto}
.prod-viewer-feedback{flex:1 0 100%;display:grid;gap:8px;min-width:0;padding:16px;border:1px solid #c9b6ff35;border-radius:12px;background:#c9b6ff08}
.prod-viewer-feedback label{font-size:16px;color:var(--viewer-ink)}
.prod-viewer-feedback p{margin:0;color:var(--viewer-muted);font-size:14px;line-height:1.5}
.prod-viewer-feedback textarea{width:100%;min-height:82px;resize:vertical;border:1px solid #c9b6ff45;border-radius:8px;padding:12px;background:#100e17;color:var(--viewer-ink);font:inherit;font-size:16px;line-height:1.5}
.prod-viewer-feedback textarea:focus-visible{outline:2px solid var(--viewer-lilac);outline-offset:2px}
.prod-viewer-feedback-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.prod-viewer-feedback-actions span{margin-right:auto;font-size:14px;color:var(--viewer-muted)}
.prod-viewer-feedback-actions button{min-height:42px;padding:9px 16px;border:1px solid #c9b6ff42;border-radius:8px;background:transparent;font-size:14px}
.prod-viewer-feedback-actions button[type=submit]{background:#c9b6ff;color:#21192e}
@media(max-width:700px){.prod-viewer-details:has(.prod-viewer-feedback:not([hidden])){flex-direction:row}.prod-viewer-feedback-actions span{flex-basis:100%}}
@media(min-width:900px){
  .prod-viewer-room:has(.prod-viewer-feedback:not([hidden])){grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:auto minmax(0,1fr) auto}
  .prod-viewer-room:has(.prod-viewer-feedback:not([hidden])) .prod-viewer-header,.prod-viewer-room:has(.prod-viewer-feedback:not([hidden])) .prod-viewer-footer{grid-column:1/-1}
  .prod-viewer-room:has(.prod-viewer-feedback:not([hidden])) .prod-viewer-cinema{grid-column:1;grid-row:2;padding:18px 12px;gap:6px}
  .prod-viewer-details:has(.prod-viewer-feedback:not([hidden])){grid-column:2;grid-row:2;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;max-height:none;min-height:0;padding:20px 20px 20px 8px;gap:14px}
  .prod-viewer-feedback{flex:0 0 auto}
  .prod-viewer-feedback-actions span{flex-basis:100%}
}


/* Keep the authored prompt and inspection evidence beside the picture. */
.prod-viewer-context{display:grid;gap:12px;min-width:0;flex:0 0 auto;width:100%}
.prod-viewer-context details{min-width:0;border:1px solid #c9b6ff25;border-radius:10px;padding:13px 14px;background:#ffffff02}
.prod-viewer-context summary{cursor:pointer;font-size:15px;line-height:1.5;color:var(--viewer-ink)}
.prod-viewer-context summary:focus-visible{outline:2px solid var(--viewer-lilac);outline-offset:4px}
.prod-viewer-context p,.prod-viewer-context li{font-size:14px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap;color:#c7bfd4}
.prod-viewer-context p{margin:10px 0 0}
.prod-viewer-context .prod-viewer-context-hint{color:var(--viewer-muted);font-size:12px}
.prod-viewer-context .prod-viewer-prompt-text{user-select:text}
.prod-viewer-context ul{padding-left:20px;margin:10px 0 0}
.prod-viewer-context li+li{margin-top:8px}
.prod-viewer-check li{color:#e6c5a9}
.prod-viewer-details{flex-wrap:wrap;max-height:52dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media(min-width:900px){
  .prod-viewer-room{grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:auto minmax(0,1fr) auto}
  .prod-viewer-header,.prod-viewer-footer{grid-column:1/-1}
  .prod-viewer-cinema{grid-column:1;grid-row:2;padding:18px 12px;gap:6px}
  .prod-viewer-details{grid-column:2;grid-row:2;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;max-height:none;min-height:0;padding:20px 20px 20px 8px;gap:14px}
  .prod-viewer-details>.prod-viewer-caption{flex-shrink:0}
}
@media(max-width:899px){.prod-viewer-details{flex-direction:row;align-items:flex-start}.prod-viewer-context{flex-basis:100%}}

/* Saved renders are browsed without changing the film until explicitly selected. */
.prod-viewer-versions{display:grid;gap:10px;flex:0 0 auto;min-width:0;padding:14px;border:1px solid #c9b6ff42;border-radius:12px;background:#c9b6ff08}
.prod-viewer-versions>strong{font-size:16px;color:var(--viewer-ink)}
.prod-viewer-versions>p{margin:0;font-size:12px;line-height:1.5;color:var(--viewer-muted);overflow-wrap:anywhere}
.prod-viewer-version-strip{display:flex;gap:8px;overflow-x:auto;padding:3px;scrollbar-width:thin}
.prod-viewer-version-strip>button{flex:0 0 116px;display:grid;gap:6px;padding:5px;border:1px solid #c9b6ff29;border-radius:8px;background:#15111e;color:#c7bfd4;font-size:11px;text-align:left}
.prod-viewer-version-strip>button[aria-pressed=true]{border-color:#d3bbff;box-shadow:0 0 0 1px #c9b6ff55}
.prod-viewer-version-art{display:block;height:66px;border-radius:4px;background:#09080d;overflow:hidden}
.prod-viewer-version-art img{width:100%;height:100%;object-fit:contain}
.prod-viewer-versions>button{padding:10px 14px;border:1px solid #c9b6ff55;border-radius:8px;background:#c9b6ff;color:#21192e;font-size:13px}
.prod-viewer-versions>button:disabled{opacity:.55}
@media(max-width:899px){.prod-viewer-versions{flex-basis:100%}}

.prod-viewer-review{flex-wrap:wrap}
.prod-viewer-cast{display:grid;gap:10px;min-width:0;flex:0 0 auto;padding:14px;border:1px solid #c9b6ff42;border-radius:12px;background:#c9b6ff08}
.prod-viewer-cast>strong{font-size:16px;color:var(--viewer-ink)}
.prod-viewer-cast>p{margin:0;font-size:12px;line-height:1.5;color:var(--viewer-muted)}
.prod-viewer-cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px 6px}
.prod-viewer-cast-grid>button{display:grid;justify-items:center;gap:6px;min-width:0;padding:4px 0;border:0;border-radius:8px;background:transparent;color:#e1d2ff;text-align:center;font-size:12px}
.prod-viewer-cast-grid>button:focus-visible{outline:2px solid #d3bbff;outline-offset:2px}
.prod-viewer-cast-grid>button>span:not(.prod-viewer-cast-art){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prod-viewer-cast-art{position:relative;width:56px;height:56px;display:block;border:2px solid #c9b6ff35;border-radius:50%;overflow:hidden;background:#0a090e}
.prod-viewer-cast-art img{position:absolute;max-width:none;width:275%;height:auto;left:-87.5%;top:-12%}
.prod-viewer-cast-grid>button[aria-pressed=true] .prod-viewer-cast-art{border-color:#d3bbff;box-shadow:0 0 0 3px #c9b6ff40}
.prod-viewer-cast-grid>button[aria-pressed=true] .prod-viewer-cast-art:after{content:'✓';position:absolute;right:4px;bottom:1px;color:#fff;font-size:14px;text-shadow:0 1px 3px #000}
/* The form a review button opens sits directly under the buttons. It was last but two, under the
   shot's card and the cast picker, so pressing "Ask Kynd to review" opened it out of sight and
   looked like nothing had happened (live 29 Sep 2026). */
.prod-viewer-details>.prod-viewer-caption{order:0}.prod-viewer-details>.prod-viewer-review{order:1}.prod-viewer-details>.prod-viewer-feedback{order:2}.prod-viewer-details>.prod-viewer-cast{order:4}.prod-viewer-details>.prod-viewer-versions{order:5}.prod-viewer-details>.prod-viewer-context{order:6}
@media(max-width:899px){.prod-viewer-cast{flex-basis:100%}}

.prod-viewer-preview{position:sticky;top:0;z-index:2;order:0;flex:0 0 auto;margin-top:12px;padding:12px;border:1px solid #c9b6ff66;border-radius:10px;background:#211b2d}
.prod-viewer-preview>p{margin:0 0 10px;color:var(--viewer-ink);font-size:13px;line-height:1.5}
.prod-viewer-preview>div{display:flex;flex-wrap:wrap;gap:8px}
.prod-viewer-preview button{padding:9px 12px;border:1px solid #c9b6ff55;border-radius:8px;background:transparent;color:var(--viewer-ink);font-size:12px}
.prod-viewer-preview [data-prod-viewer-action="use-version"]{background:#c9b6ff;color:#21192e}
.prod-viewer-preview button:disabled{opacity:.55}
/* A whole row where the details wrap (below 900px): left to its sentence's width it ran 611px on a 410px phone. After
   the rule above, whose flex shorthand would put the width back. */
@media(max-width:899px){.prod-viewer-preview{flex-basis:100%;min-width:0}}

.prod-viewer-details>.prod-viewer-shot-context{order:3;flex:0 0 auto;min-width:0;padding:14px;border:1px solid #c9b6ff42;border-radius:12px;background:#c9b6ff08}
.prod-viewer-shot-context p{margin:8px 0;color:var(--viewer-muted);font-size:13px;line-height:1.65;white-space:pre-wrap;user-select:text}
.prod-viewer-shot-context strong{font-size:15px;color:var(--viewer-ink)}
.prod-viewer-shot-context .prod-viewer-shot-position{font-size:11px;margin-top:0;color:#c9b6ff}
.prod-viewer-shot-neighbours{border-top:1px solid #c9b6ff22;margin-top:12px;padding-top:4px}
.prod-viewer-shot-neighbours span{display:inline-block;min-width:44px;color:var(--viewer-ink)}
.prod-viewer-shot-context article+article{margin-top:16px;padding-top:14px;border-top:1px solid #c9b6ff22}
@media(max-width:899px){.prod-viewer-shot-context{flex-basis:100%}}

.prod-viewer-shot-neighbours{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.prod-viewer-shot-neighbours button{display:grid;gap:7px;min-width:0;padding:6px;border:1px solid #c9b6ff33;border-radius:8px;background:#15111e;color:var(--viewer-muted);text-align:left;font:inherit;font-size:12px;cursor:pointer}
.prod-viewer-shot-neighbours button:hover{border-color:#c9b6ff}
.prod-viewer-shot-neighbours button:disabled{opacity:.5;cursor:default}
.prod-viewer-shot-neighbours button span{min-width:0}
.prod-viewer-neighbour-art{display:flex!important;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#0b0a10}
.prod-viewer-neighbour-art img{width:100%;height:100%;object-fit:cover}
.prod-viewer-neighbour-art svg{width:24px;height:24px;fill:none;stroke:currentColor}
.prod-viewer-shot-neighbours b,.prod-viewer-shot-neighbours small{display:block;margin-bottom:4px}
.prod-viewer-neighbour-empty{font-size:12px;color:var(--viewer-muted)}
.prod-viewer-context-back{padding:7px 10px;margin-bottom:12px;background:transparent;border:1px solid #c9b6ff55;border-radius:7px;color:var(--viewer-ink);cursor:pointer}

/* NEEDS A FIX ON A PHONE (Matt, 5 Oct 2026: "also the 'Needs a Fix' screen"). Writing the fix is the whole screen's
   job: the filmstrip and the arrows step aside, the picture shrinks to a reminder, the form scrolls on its own, and
   Cancel and Fix now stay in reach at its foot. */
@media(max-width:700px){
  .prod-viewer:has(.prod-viewer-feedback:not([hidden])) .prod-viewer-footer{display:none}
  .prod-viewer:has(.prod-viewer-feedback:not([hidden])) .prod-viewer-nav{visibility:hidden}
  .prod-viewer:has(.prod-viewer-feedback:not([hidden])) .prod-viewer-room{grid-template-rows:auto minmax(96px,24dvh) minmax(0,1fr)}
  .prod-viewer:has(.prod-viewer-feedback:not([hidden])) .prod-viewer-header{padding-top:12px;padding-bottom:10px}
  .prod-viewer:has(.prod-viewer-feedback:not([hidden])) .prod-viewer-details{min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding-bottom:0}
  /* Typing keeps the box above the pinned row (its 52dvh cap left dead space under the form and the row over the box). */
  .prod-viewer-feedback textarea{scroll-margin-bottom:140px}
  .prod-viewer-feedback-actions{position:sticky;bottom:0;z-index:2;background:#14131b;padding:10px 0 12px;margin-bottom:0}
}