.wf-preview-section{padding-top:24px}.wf-preview-count{color:#235b58;white-space:nowrap;background:#eef7f6;border-radius:999px;padding:9px 14px;font-size:13px}.wf-preview-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:end;gap:24px;padding:24px;display:flex}.wf-preview-toolbar>.wf-field{width:min(380px,100%)}.wf-preview-filters{flex-wrap:wrap;gap:8px;display:flex}.wf-preview-filters button{color:#475967;cursor:pointer;background:#fff;border:1px solid #d7dde4;border-radius:999px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600}.wf-preview-filters button[aria-pressed=true]{color:#fff;background:#b92732;border-color:#b92732}.wf-preview-results{color:#475967;margin:20px 0;font-size:13px}.wf-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.wf-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 8px 30px #1f293708}.wf-preview-image{aspect-ratio:16/10;background:#f2f4f5;position:relative;overflow:hidden}.wf-preview-status{color:#344152;background:#fff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;position:absolute;bottom:16px;left:16px;box-shadow:0 2px 10px #0002}.status-building,.status-build-approved{color:#7a4d13;background:#fff2df}.status-approved,.status-preview-ready{color:#205e43;background:#e9f7f0}.status-changes-requested{color:#922b35;background:#fff0f1}.wf-preview-placeholder{color:#475967;background:radial-gradient(at 80% 15%,#ddd9ff,#0000 65%),linear-gradient(140deg,#e4f4f1,#faf9f6);flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.wf-preview-placeholder>span{letter-spacing:.15em;font-size:10px}.wf-preview-placeholder strong{color:#1f2937;font-size:54px;line-height:1.2}.wf-preview-placeholder small{font-size:11px}.wf-preview-body{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:14px;padding:24px;display:flex}.wf-preview-body>small{text-transform:uppercase;letter-spacing:.1em;color:#475967;font-size:11px}.wf-preview-body h3{font-size:24px;line-height:1.3}.wf-preview-body p{color:#475967;font-size:14px;line-height:1.7}.wf-preview-body code{color:#475967;font-size:12px}.wf-preview-body>.wf-button,.wf-preview-pending{text-align:center;justify-content:center;min-height:48px;margin-top:auto}.wf-preview-pending{color:#536170;background:#f3f5f7;border-radius:8px;place-items:center;font-size:14px;font-weight:600;display:grid}.wf-preview-admin{border-top:1px solid #e5e7eb;padding-top:14px;font-size:12px}.wf-preview-admin summary{cursor:pointer;min-height:40px;padding:8px 0}.wf-preview-admin dl{gap:5px;margin:10px 0;display:grid}.wf-preview-admin dd{margin:0 0 10px}.wf-preview-admin dt{color:#647184}.wf-preview-empty{text-align:center;background:#fff;border:1px dashed #b9c3ce;border-radius:16px;padding:48px 24px}.wf-preview-empty p{max-width:480px;margin:16px auto}@media (max-width:1050px){.wf-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-preview-toolbar{flex-direction:column;align-items:stretch}.wf-preview-toolbar>.wf-field{width:100%}}@media (max-width:700px){.wf-preview-grid{grid-template-columns:1fr}.wf-preview-toolbar,.wf-preview-body{padding:20px}.wf-preview-filters button{flex:1 0 40%;padding:10px}.wf-preview-body h3{font-size:22px}}