:root{--cream:#FFFBF2;--linen:#F5EFE6;--sage:#8A9A7B;--teal:#2A6B7D;--rose:#CC5A7A;}
.cdp-wrapper{font-family:Inter,system-ui;background:var(--cream);padding:10px;border-radius:16px}
.cdp-header{background:white;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid #EFE5D8;border-radius:12px;margin-bottom:14px}
.cdp-brand{display:flex;align-items:center;gap:10px}
.cdp-logo{height:54px;width:auto}
.cdp-title{font-family:'Playfair Display',serif;font-weight:700;color:var(--teal);font-size:18px}
.cdp-sub{font-size:10px;color:var(--sage);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cdp-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:14px}
.cdp-search{flex:1;min-width:200px;max-width:360px;position:relative}
.cdp-search input{width:100%;padding:10px 16px 10px 40px;border-radius:999px;border:1.5px solid #E8DCC8;background:white;font-size:14px}
.cdp-pills{display:flex;gap:8px;flex-wrap:wrap}
.cdp-pill{padding:7px 13px;border-radius:999px;border:1.5px solid #E8DCC8;background:white;font-size:11px;font-weight:700;cursor:pointer}
.cdp-pill.active{background:var(--teal);color:white;border-color:var(--teal)}
.cdp-btn-primary{background:var(--teal);color:white;border:none;border-radius:999px;padding:11px 18px;font-weight:700;font-size:13px;cursor:pointer}
.cdp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.cdp-card{background:white;border-radius:16px;overflow:hidden;border:1px solid #EFE5D8;box-shadow:0 3px 12px rgba(0,0,0,.06)}
.cdp-cover{height:180px;background:var(--linen);position:relative;overflow:hidden}
.cdp-cover img{width:100%;height:100%;object-fit:cover}
.cdp-badge{position:absolute;top:10px;left:10px;background:var(--teal);color:white;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800}
.cdp-fav{position:absolute;top:8px;right:8px;background:white;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.12);cursor:pointer}
.cdp-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.15);opacity:0;transition:.2s}
.cdp-card:hover .cdp-play{opacity:1}
.cdp-play-icon{width:48px;height:48px;background:rgba(255,255,255,.92);border-radius:50%;display:grid;place-items:center;font-size:20px}
.cdp-content{padding:12px 14px}
.cdp-card-title{font-family:'Playfair Display',serif;font-weight:700;font-size:15px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdp-meta{font-size:11px;color:#8A7E74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdp-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.cdp-tag{background:var(--linen);padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700}
.cdp-video-pill{display:inline-flex;align-items:center;gap:5px;background:#FFF0F2;border:1px solid #FECDD3;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700;color:var(--rose);text-decoration:none;margin-top:6px}
.cdp-actions{display:flex;gap:7px;margin-top:10px}
.cdp-btn-view{flex:1;background:white;border:1.5px solid #E8DCC8;border-radius:999px;padding:7px;font-size:11px;font-weight:700;cursor:pointer}
.cdp-btn-del{background:#FFF0F2;border:1.5px solid #FECDD3;color:var(--rose);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700;cursor:pointer}
.cdp-debug{background:#D4EDDA;border:1px solid #8FD19E;padding:10px;border-radius:8px;margin-bottom:12px;font-size:12px}