.preview-placeholder{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:22px;width:100%;height:100%;min-height:130px;background:#e3eae5;color:#314d50;font-family:Manrope,Arial,sans-serif}.preview-placeholder-mark{font-size:32px;line-height:1;border:1px solid #314d5033;border-radius:10px;padding:10px 14px;opacity:.65}.preview-placeholder strong{font-size:13px!important;line-height:1.4!important;font-weight:600!important;margin:0!important;letter-spacing:0!important}.preview-placeholder small{font-size:10px!important;line-height:1.5!important;max-width:210px;opacity:.8}.backdrop:not(.has-image) .preview-image,.peek:not(.has-image) .peek-media{display:flex;min-height:155px}.preview-image,.peek-media{position:relative}.preview-image[data-preview-state=loading] img,.peek-media[data-preview-state=loading] img{position:absolute;inset:0;opacity:0}.record-empty-preview{min-height:320px}.record-cover:has(.preview-placeholder),.record-image:has(.preview-placeholder){min-height:240px}.object-stage>.preview-placeholder,.object-fallback>.preview-placeholder{min-height:0;font-size:12px;border-radius:8px}.object-fallback:has(.preview-placeholder){opacity:1}.object-fallback .preview-placeholder-mark{font-size:20px}.object-fallback .preview-placeholder small{display:none}@media(max-width:520px){.record-empty-preview{min-height:240px}.preview-placeholder{padding:16px;gap:8px}}

.record-empty-preview>.preview-placeholder{min-height:320px}@media(max-width:520px){.record-empty-preview>.preview-placeholder{min-height:240px}}

.object-ready .object-fallback:has(.preview-placeholder){opacity:0}