.capture-hold[aria-pressed=true]:after{content:"";pointer-events:none;animation:capture-breathe 1.6s var(--ease-quiet) infinite;border:1px solid #b03a2e59;border-radius:9999px;position:absolute;inset:-.75rem}@keyframes capture-breathe{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.capture-hold[aria-pressed=true]:after{opacity:.6;animation:none}}@media (horizontal-viewport-segments:2){.capture-stage:has(.capture-spread){max-width:none;padding:4rem 0 0}.capture-stage:has(.capture-spread) .capture-intro{display:none}.capture-spread{grid-template-columns:env(viewport-segment-width 0 0) env(viewport-segment-width 1 0);column-gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0));align-items:center;min-height:calc(100dvh - 4rem);margin-top:0}.capture-pane{padding:2.5rem 2rem;position:static}}@media (vertical-viewport-segments:2){.capture-stage:has(.capture-spread) .capture-intro{display:none}.capture-spread{z-index:60;grid-template-columns:none;grid-template-rows:env(viewport-segment-height 0 0) env(viewport-segment-height 0 1);row-gap:calc(env(viewport-segment-top 0 1) - env(viewport-segment-bottom 0 0));background:var(--color-paper);margin-top:0;position:fixed;inset:0}.capture-pane{min-height:0;padding:1.5rem;position:static;overflow-y:auto}.capture-drawing{flex-direction:column;justify-content:safe center;align-items:center;display:flex}.capture-photo{width:auto;max-height:calc(env(viewport-segment-height 0 0) - 10rem)}}