.preview-heading,.preview-toolbar,.preview-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.preview-heading{margin-bottom:20px}.preview-heading h2{font-size:30px;margin:8px 0}.preview-heading p{color:var(--muted,#8898af)}.preview-controls select,.preview-toolbar select{padding:9px;border-radius:8px;background:#122239;color:#dce8f8;border:1px solid #30445d}.preview-toolbar{padding:12px 0}.preview-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.preview-grid.slots-4{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid.slots-1{grid-template-columns:1fr;max-width:1100px;margin:auto}.preview-tile{background:#101e31;border:1px solid #2a3c54;border-radius:13px;overflow:hidden;color:#edf4fc;min-width:0}.preview-tile header,.preview-tile footer{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:9px}.preview-tile header>div{flex:1;min-width:0}.preview-tile b,.preview-tile small{display:block}.preview-tile small{color:#a5b5ca;font-size:11px;margin-top:4px}.preview-number{background:#233b54;color:#79d8d1;border-radius:5px;padding:5px 8px}.preview-image{width:100%;aspect-ratio:16/9;border:0;background:#07121f;color:#b3c7db;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.preview-image img,.preview-image video{width:100%;height:100%;object-fit:contain}.preview-tile time{font-size:11px;color:#cad9ea}.preview-empty{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;color:#7d92ac}.preview-empty>span{font-size:30px;color:#344c68;margin-bottom:15px}@media(max-width:1000px){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.preview-grid,.preview-grid.slots-4{grid-template-columns:1fr}}