/* Scoped ordinary media; precise product demos keep their own behaviour. */
.pm{min-width:0;color:inherit;--pm-max-height:640px}
.pm-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:120px;overflow:hidden;background:var(--dark,#151b19);border-radius:var(--radius,8px)}
.pm-visual{display:block;width:auto;height:auto;max-width:100%;max-height:var(--pm-max-height,640px);object-fit:contain;object-position:center;margin:0 auto}
.pm-image-open{display:grid;place-items:center;width:100%;min-width:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:zoom-in;color:inherit}
.pm-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:16px}
.pm-caption-copy{min-width:0}
.pm-title{margin:0;color:inherit;font:500 16px/1.6 var(--font,'Noto Sans SC',sans-serif)}
.pm-note{margin:6px 0 0;color:var(--pm-muted,var(--muted,#626962));font:400 14px/1.8 var(--font,'Noto Sans SC',sans-serif);overflow-wrap:anywhere}
.pm-open,.pm-close,.pm-retry{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:8px 16px;border:1px solid currentColor;border-radius:var(--radius,8px);background:transparent;color:inherit;font:500 14px/1.5 var(--font,'Noto Sans SC',sans-serif);cursor:pointer}
.pm-open:hover,.pm-close:hover{background:color-mix(in srgb,currentColor 8%,transparent)}
.pm :focus-visible,.pm-dialog :focus-visible{outline:3px solid #ad8c4c;outline-offset:4px}
.pm-image-open:focus-visible{outline-offset:-5px}
.pm-status{z-index:1;max-width:100%;margin:0;padding:12px 16px;background:#151b19;color:#fff;font:400 14px/1.6 var(--font,'Noto Sans SC',sans-serif);text-align:center}
.pm-stage>.pm-retry{margin:0 16px 16px;color:#fff}
.pm-empty{margin:0;padding:32px 24px;border:1px solid var(--line,#dfe2d9);border-radius:var(--radius,8px);font:400 16px/1.75 var(--font,'Noto Sans SC',sans-serif)}
.pm-empty+.pm-retry{margin-top:12px}
.pm-dialog{box-sizing:border-box;width:min(1120px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:24px;border:1px solid #6d7969;border-radius:var(--radius,8px);background:#151b19;color:#fff;overflow:auto;--pm-muted:#bec7c0;--pm-max-height:calc(100dvh - 220px)}
.pm-dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}
.pm-dialog-bar{position:sticky;top:-24px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 16px;background:#151b19}
.pm-dialog-title{margin:0;font:500 20px/1.5 var(--font,'Noto Sans SC',sans-serif);overflow-wrap:anywhere}
.pm-dialog>.pm-note{margin-top:16px}
.pm [hidden],.pm-dialog [hidden]{display:none!important}
body:has(.pm-dialog[open]){overflow:hidden}
@media(max-width:767px){.pm{--pm-max-height:70dvh}.pm-caption{flex-direction:column;gap:12px}.pm-open{width:100%}.pm-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px;--pm-max-height:calc(100dvh - 220px)}.pm-dialog-bar{top:-16px;gap:16px}.pm-dialog-title{font-size:18px}.pm-close{padding-inline:12px}.pm-note{font-size:14px}}