.db-preview-section{margin-top:34px}.db-preview-lead{margin:-6px 0 14px;color:#9aa3ad;font-size:13px;line-height:1.45}.db-preview-lead b{color:#2563eb;font-weight:900}.db-preview-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.db-preview-title h2{font-size:18px;font-weight:850}.db-preview-title span{color:#a39ba4;font-size:13px}.db-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.db-preview-card{position:relative;height:375px;overflow:hidden;border-radius:16px;background:#211d20}.db-preview-card>img,.db-preview-card>video{width:100%;height:100%;object-fit:cover}.db-preview-card.is-visible>video,.db-preview-video-wrap>video{cursor:pointer;object-fit:cover;background:#000000}.db-preview-video-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000}
.db-preview-card:has(.db-preview-video-wrap){min-height:min(375px,80vw)}.db-preview-play-hint{position:absolute;left:10px;bottom:10px;z-index:3;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.72);color:#ffffff;font-size:10px;font-weight:800;pointer-events:none}.db-preview-card.is-visible.is-playing .db-preview-play-hint{opacity:0}.db-preview-card[data-public-preview-video="1"] .db-preview-lock{display:none!important}.db-preview-card.is-visible .db-preview-label{background:#2563eb}.db-preview-count b{color:#2563eb;font-weight:900}.db-preview-continue-overlay{position:absolute;inset:0;z-index:4;display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:14px;background:linear-gradient(180deg,rgba(8,8,10,.15),rgba(8,8,10,.82));color:#ffffff;text-align:center;pointer-events:none}.db-preview-continue-overlay b{font-size:13px;font-weight:900}.db-preview-continue-overlay span{font-size:11px;opacity:.92}.db-preview-card.preview-time-ended>video,.db-preview-card.preview-time-ended .db-preview-video iframe{filter:brightness(.72)}.db-preview-card.preview-time-ended .db-preview-continue-overlay{display:flex}.db-preview-card .db-preview-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000}.db-preview-card .db-preview-video .external-video-player{width:100%;height:100%}.db-preview-card .db-preview-video iframe,.db-preview-card .db-preview-video video{border-radius:0;object-fit:contain}.db-preview-card.is-blurred>img,.db-preview-card.is-blurred>video{transform:scale(1.12);filter:blur(17px) brightness(.72)}.db-preview-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffffff;text-shadow:0 2px 10px #000000}.db-preview-lock span{display:grid;width:52px;height:52px;place-items:center;border:1px solid #ffffff45;border-radius:50%;background:#1b375bb8;font-size:24px;backdrop-filter:blur(5px)}.db-preview-lock b{margin-top:7px;font-size:12px}.db-preview-label{position:absolute;right:10px;top:10px;padding:5px 8px;border-radius:12px;background:#004ee9;color:#ffffff;font-size:9px;font-weight:900}.admin-mode-badge{display:inline-flex;padding:5px 9px;border-radius:12px;background:#2a1a20;color:#3c79c8;font-size:11px;font-weight:800}.admin-visibility-form{margin-top:12px}.admin-content-form{margin-bottom:24px}@media(max-width:520px){.db-preview-grid{gap:8px}.db-preview-card{height:270px}.db-preview-title{align-items:flex-start;flex-direction:column}.db-preview-title h2{margin:0}}
.db-preview-unlock{position:relative;display:flex;height:54px;overflow:hidden;align-items:center;justify-content:center;margin-top:16px;border:1px solid #004fed;border-radius:13px;background:linear-gradient(180deg,#20191c,#171316);box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #0050ef15,0 10px 30px #0004;color:#0050f0;text-align:center;text-decoration:none;font-size:15px;font-weight:900;transition:.22s}.db-preview-unlock:before{content:'';position:absolute;inset:0;padding:1px;border-radius:13px;background:conic-gradient(from var(--preview-angle,0deg),transparent 0 62%,#0055ff66 73%,#3c79c8 80%,#ffffff 82%,#3c79c8 85%,transparent 96%);-webkit-mask:linear-gradient(#000000 0 0) content-box,linear-gradient(#000000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 6px #0051f2);animation:preview-border-run 4.5s linear infinite}.db-preview-unlock:after{content:'';position:absolute;top:-45%;bottom:-45%;left:-32%;width:25%;background:linear-gradient(100deg,transparent,#ffffff3f,transparent);transform:skewX(-18deg);animation:preview-shine 3.6s ease-in-out infinite}.db-preview-unlock span{position:relative;z-index:2}.db-preview-unlock:hover{color:#ffffff;background:linear-gradient(180deg,#004de7,#003fbd);box-shadow:0 0 26px #0051f242}.db-preview-unlock:active{transform:translateY(1px)}@property --preview-angle{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes preview-border-run{to{--preview-angle:360deg}}@keyframes preview-shine{0%,60%{left:-32%}84%,100%{left:125%}}@media(prefers-reduced-motion:reduce){.db-preview-unlock:before,.db-preview-unlock:after{animation:none}}@media(max-width:520px){.db-preview-unlock{height:51px;margin-top:13px;font-size:13px}}
.db-profile-promo{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(0,80,239,.42);border-radius:16px;background:linear-gradient(115deg,rgba(0,80,239,.12),rgba(0,80,239,.025));box-shadow:0 8px 28px rgba(0,70,210,.10)}.db-profile-promo>span{display:inline-flex;flex:none;padding:7px 10px;border-radius:999px;background:#004fed;color:#ffffff;font-size:12px;font-weight:900}.db-profile-promo>div{display:flex;min-width:0;align-items:baseline;gap:8px;flex-wrap:wrap}.db-profile-promo small{width:100%;color:#9c9296}.db-profile-promo s{color:#9b9296;font-size:14px}.db-profile-promo strong{color:#004fed;font-size:21px}.db-profile-promo em{margin-left:auto;color:#9c9296;font-size:11px;font-style:normal}@media(max-width:520px){.db-profile-promo{align-items:flex-start;flex-wrap:wrap}.db-profile-promo em{width:100%;margin-left:0}}
.db-preview-lock span{width:50px;height:50px;border:0;background:rgba(28,56,93,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);backdrop-filter:blur(7px)}.db-preview-lock span svg{width:27px;height:27px;fill:none;stroke:#ffffff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.db-preview-count{display:inline-flex!important;align-items:center;gap:5px}.db-preview-count svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.db-profile-theme{position:fixed;z-index:100;right:22px;top:20px;display:grid;width:43px;height:43px;place-items:center;border:1px solid var(--border);border-radius:50%;background:color-mix(in srgb,var(--card) 88%,transparent);box-shadow:0 9px 28px #0002;color:var(--foreground);font-size:21px;backdrop-filter:blur(15px);cursor:pointer;transition:.2s}.db-profile-theme:hover{border-color:#0050ef;color:#0050ef;transform:translateY(-1px)}.db-profile-theme .theme-dark{display:none}.dark .db-profile-theme .theme-light{display:none}.dark .db-profile-theme .theme-dark{display:block}html:not(.dark) .db-preview-card{background:#ebe7e8}html:not(.dark) .db-preview-unlock{background:linear-gradient(180deg,#ffffff,#f7f3f4);box-shadow:inset 0 1px #ffffff,0 10px 28px #21426e15}html:not(.dark) .db-profile-promo{background:linear-gradient(115deg,rgba(0,80,239,.09),rgba(255,255,255,.86))}@media(max-width:650px){.db-profile-theme{right:12px;top:12px;width:39px;height:39px}}
.db-preview-tabs{display:flex;gap:8px;margin:0 0 15px}.db-preview-tabs button{display:flex;height:42px;padding:0 18px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;background:transparent;color:#90888d;font-size:13px;font-weight:850;cursor:pointer}.db-preview-tabs button b{display:grid;min-width:22px;height:22px;padding:0 6px;place-items:center;border-radius:999px;background:#ffffff0d;font-size:10px}.db-preview-tabs button.active{border-color:#0050ef66;background:#0050ef12;color:#0050ef}.db-preview-panel{display:none}.db-preview-panel.active{display:block}.db-preview-empty{grid-column:1/-1;margin:0;padding:36px;border:1px dashed var(--border);border-radius:14px;color:#91898e;text-align:center}.db-preview-card{aspect-ratio:4/5;height:auto}.db-preview-card>img{object-position:center center}@media(max-width:520px){.db-preview-tabs{display:grid;grid-template-columns:1fr 1fr}.db-preview-tabs button{justify-content:center;padding:0 10px}.db-preview-card{height:auto}}