.shot{background:var(--ud-color-sunken);border:1px solid var(--ud-color-rule);border-radius:var(--ud-radius-xl);padding:calc(var(--ud-spacing) * 3)}@media(min-width:48rem){.shot{padding:calc(var(--ud-spacing) * 5)}}.shot.is-bare{background:none;border:0;padding:0}.shot.is-phone{max-width:17rem;margin-inline:auto}.shot .crop{position:relative;border:1px solid var(--ud-color-rule);background:var(--ud-color-surface);border-radius:max(var(--ud-radius-sm),calc(var(--ud-radius-xl) - calc(var(--ud-spacing) * 2)))}.shot.is-bare .crop{border-radius:var(--ud-radius-lg)}.shot figcaption{margin-top:calc(var(--ud-spacing) * 3);font-size:var(--ud-text-sm);color:var(--ud-color-ink-muted)}.crop{--_x: var(--x);--_y: var(--y);--_w: var(--w);--_h: var(--h);aspect-ratio:var(--_w) / var(--_h);overflow:hidden}@media(max-width:39.99rem){.crop.has-phone{--_x: var(--xs);--_y: var(--ys);--_w: var(--ws);--_h: var(--hs)}}.crop img{display:block;max-width:none;height:auto;width:calc(var(--iw) / var(--_w) * 100%);margin-left:calc(var(--_x) / var(--_w) * -100%);margin-top:calc(var(--_y) / var(--_w) * -100%)}.shot-marker{position:absolute;left:var(--ax);top:var(--ay);translate:-50% -50%;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--ud-spacing) * 7);height:calc(var(--ud-spacing) * 7);border-radius:9999px;background:var(--ud-color-accent-strong);color:var(--ud-color-on-accent);box-shadow:0 0 0 2px var(--ud-color-surface);font-size:var(--ud-text-sm);font-weight:var(--ud-font-weight-bold);font-variant-numeric:tabular-nums}.shot-notes{display:grid;gap:calc(var(--ud-spacing) * 1.5);padding-left:calc(var(--ud-spacing) * 6);list-style:decimal;color:var(--ud-color-ink)}.shot-notes li::marker{font-weight:var(--ud-font-weight-bold);color:var(--ud-color-accent-strong)}.shot-notes+span{display:block;margin-top:calc(var(--ud-spacing) * 2)}.shot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--ud-spacing) * 1.5);min-height:calc(var(--ud-spacing) * 32);padding:calc(var(--ud-spacing) * 6);text-align:center;border:1px dashed var(--ud-color-edge);border-radius:max(var(--ud-radius-sm),calc(var(--ud-radius-xl) - calc(var(--ud-spacing) * 2)));background:repeating-linear-gradient(135deg,transparent 0 14px,var(--ud-color-rule) 14px 15px),var(--ud-color-sunken);color:var(--ud-color-ink-muted);font-size:var(--ud-text-sm)}.shot.is-bare .shot-placeholder{border-radius:var(--ud-radius-lg)}.shot-placeholder.is-phone{aspect-ratio:9 / 18;min-height:0}.shot-placeholder>span:last-child{max-width:30ch}.shot-placeholder-kicker{padding:calc(var(--ud-spacing) * .5) calc(var(--ud-spacing) * 2);border-radius:var(--ud-radius-sm);border:1px solid var(--ud-color-rule);background:var(--ud-color-surface);font-weight:var(--ud-font-weight-semibold);color:var(--ud-color-ink)}