.img-placeholder{width:100%;margin:0 auto}.img-placeholder-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:100%;height:100%;padding:1.25rem;text-align:center;border:2px dashed var(--primary-color);border-radius:var(--radius-lg);background-color:var(--mockup-tint-teal);background-image:repeating-linear-gradient(135deg,transparent,transparent 10px,var(--mockup-tint-navy) 10px,var(--mockup-tint-navy) 20px)}.img-placeholder--phone .img-placeholder-frame{aspect-ratio:9 / 16;max-width:min(315px,100%)}.img-placeholder--wide .img-placeholder-frame{aspect-ratio:16 / 9}.img-placeholder--square .img-placeholder-frame{aspect-ratio:1 / 1;max-width:min(420px,100%)}.img-placeholder--pair .img-placeholder-frame{aspect-ratio:4 / 3}.img-placeholder-kind{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color)}.img-placeholder-label{font-family:var(--font-display);font-size:var(--text-md);line-height:1.3;color:var(--text-light)}.img-placeholder-spec{font-size:var(--text-sm);line-height:1.45;color:var(--text-muted);max-width:34ch}.img-placeholder-priority{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;padding:.15rem .6rem;border-radius:var(--radius-pill);background-color:var(--accent-gold);color:var(--secondary-color)}.feature-band--navy .img-placeholder-label,.feature-band--navy .img-placeholder-spec{color:var(--hero-cream)}.feature-band--navy .img-placeholder-frame{background-color:var(--mockup-tint-teal)}
