/* The photograph and its satin frame are the surface; there is no modal card. */
#quick-dialog.quick-dialog {
  position:fixed; inset:0; margin:0; width:100%; height:100svh;
  max-width:none; max-height:none; padding:28px 32px; border:0; border-radius:0; background:transparent; color:var(--ink);
  box-shadow:none; overflow-y:auto; overflow-x:hidden;
  opacity:1; transform:none; transition:none;
}
#quick-dialog:not([open]) { display:none; }
#quick-dialog[open] { display:flex; flex-direction:column; }
#quick-dialog::backdrop { background:#03050bc2; backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); }
#quick-dialog .quick-shell {
  position:relative; width:min(1280px,100%,calc((100svh - 230px) * 1.6 + 8px));
  max-width:100%; flex:0 0 auto; margin:auto; padding:0; background:transparent; box-shadow:none;
}
#quick-dialog .quick-shell>.dialog-close {
  position:relative; inset:auto; display:flex; align-items:center; gap:10px;
  width:auto; min-height:44px; padding:0; margin:0 0 12px auto;
  background:transparent; color:var(--ink); border:0; border-radius:0;
}
#quick-dialog .quick-shell>.dialog-close .icon { width:16px; height:16px; }
#quick-dialog #quick-content { padding:0; background:transparent; }
#quick-dialog [data-viewer-frame] { transform-origin:0 0; }
#quick-dialog.is-media-preparing [data-viewer-frame] { visibility:hidden; }
#quick-dialog #quick-content>.project-frame { margin:0; }
#quick-dialog .project-frame>.frame-screen { aspect-ratio:16/10; }
#quick-dialog .project-frame .quick-image { display:block; width:100%; height:100%; aspect-ratio:auto; max-height:none; margin:0; object-fit:contain; background:transparent; }
#quick-dialog .quick-copy {
  display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); gap:20px 42px;
  padding:22px 2px 4px; background:transparent;
  opacity:0; transform:translateY(7px); transition:opacity 160ms ease-out,transform 200ms cubic-bezier(.22,1,.36,1);
}
#quick-dialog.is-open .quick-copy { opacity:1; transform:none; }
#quick-dialog .quick-copy h2 { margin:0; font-size:clamp(22px,2.2vw,32px); line-height:1.18; letter-spacing:-.03em; }
#quick-dialog .quick-copy p { margin:0; font-size:15px; line-height:1.65; color:var(--muted); max-width:66ch; }
#quick-dialog .quick-copy .media-project-name { margin:0 0 6px; color:#bac2ce; font-size:12px; }
#quick-dialog .quick-copy .submit-button { width:auto; margin-top:12px; padding:5px 0; min-height:36px; font-size:14px; text-decoration:underline; text-underline-offset:6px; }
#quick-dialog .quick-copy .media-caption { margin-top:10px; font-size:12px; }
#quick-dialog .quick-shell:has(.game-preview) { width:min(920px,100%); }
#quick-dialog .game-preview>.quick-image {
  width:auto; height:calc(100svh - 260px); max-width:100%; max-height:650px;
  margin:0 auto; object-fit:contain; background:transparent;
}
#quick-dialog.is-portal-instant .quick-copy { transition:none; }
@media(max-width:700px) {
  #quick-dialog.quick-dialog { width:100%; max-width:none; padding:12px 16px; }
  #quick-dialog .quick-shell { width:100%; }
  #quick-dialog .quick-shell>.dialog-close { margin-bottom:8px; }
  #quick-dialog .quick-copy { grid-template-columns:1fr; gap:12px; padding-top:18px; }
  #quick-dialog .quick-copy p { font-size:14px; }
  #quick-dialog .game-preview>.quick-image { height:calc(100svh - 310px); min-height:210px; max-height:550px; }
}
@media(max-height:550px) and (min-width:701px) {
  #quick-dialog .quick-shell { width:min(720px,100%); }
  #quick-dialog .quick-copy { padding-top:16px; }
}
@media(prefers-reduced-motion:reduce) { #quick-dialog .quick-copy { transition:none; transform:none; } }