.media-placeholder{margin:0}.media-placeholder-frame{border:2px dashed var(--primary-muted,#a8c5be);background:linear-gradient(135deg,var(--primary-soft,#c8ddd4)0%,var(--bg-gray,#f8fafa)100%);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.5rem;display:flex;position:relative;overflow:hidden}.media-placeholder-frame--media{background:var(--bg-gray,#f8fafa);border:none;padding:0}.media-placeholder-asset{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.media-placeholder:hover .media-placeholder-asset{transform:scale(1.05)}.media-placeholder--16-9{aspect-ratio:16/9}.media-placeholder--16-10{aspect-ratio:16/10}.media-placeholder--4-3{aspect-ratio:4/3}.media-placeholder--1-1{aspect-ratio:1}.media-placeholder-type-badge{background:var(--primary,#059669);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:.375rem;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.media-placeholder-id{color:var(--primary,#059669);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:700}.media-placeholder-alt{color:var(--body-text,#0f1f18);text-align:center;opacity:.8;max-width:32rem;font-size:.875rem}.media-placeholder-caption{color:var(--body-text,#0f1f18);opacity:.7;text-align:center;margin-top:.5rem;font-size:.8125rem}