.pd-overlay{position:fixed;inset:0;background:rgba(8,8,8,.88);justify-content:center;z-index:100}.pd-dialog,.pd-overlay{display:flex;align-items:center}.pd-dialog{position:relative;flex-direction:row;gap:72px;padding:24px}.pd-close{position:fixed;top:28px;right:28px;z-index:200;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background .15s}.pd-close:hover{background:rgba(0,0,0,.75)}.pd-main-group{display:flex;flex-direction:row;align-items:flex-end;gap:24px;flex-shrink:0}.pd-left{position:relative;width:375px;height:min(752px,calc(100vh - 48px));flex-shrink:0;background:#0d0d0d;overflow:hidden;border-radius:20px;border:1px solid #545454;box-shadow:0 4px 60px hsla(0,0%,100%,.04)}.pd-middle{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:20px;padding-bottom:4px}.pd-middle .action-container-swiper{padding-top:0;gap:20px}.pd-author-wrap{cursor:pointer;border-radius:50%;overflow:hidden;width:44px;height:44px;border:1px solid #13dba0;flex-shrink:0}.pd-right{width:375px;height:min(752px,calc(100vh - 48px));flex-shrink:0;background:#393939;border-radius:20px;outline:1px solid #545454;outline-offset:-1px;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px;scrollbar-width:thin;scrollbar-color:#5a5a5a transparent}.pd-title{font-size:18px;font-weight:700;color:#fff;line-height:1.2}.pd-desc,.pd-title{margin:0;font-family:Onest,sans-serif}.pd-desc{font-size:14px;color:#f6f6f6;line-height:1.4}.pd-meta{display:flex;flex-direction:column;gap:6px}.pd-meta-row{display:flex;gap:16px;font-size:14px;align-items:flex-start;font-family:Onest,sans-serif}.pd-meta-label{min-width:81px;font-weight:600;flex-shrink:0}.pd-meta-label,.pd-meta-value{color:#fff;line-height:1.4}.pd-meta-author{color:#0ba97a}.pd-reels{display:flex;flex-direction:column;gap:16px}.pd-reels-title{font-size:16px;font-weight:600;color:#fff;margin:0;font-family:Onest,sans-serif;line-height:1.4}.pd-reels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pd-reel-item{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;cursor:pointer;background:#2a2a2a;transition:opacity .15s}.pd-reel-item:hover{opacity:.8}.pd-reel-item--active{outline:2px solid #fff;outline-offset:-2px;opacity:1}.pd-reel-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4));pointer-events:none}.pd-reel-duration{position:absolute;bottom:4px;left:4px;font-size:12px;color:#fff;display:flex;align-items:center;gap:2px;font-family:Onest,sans-serif;z-index:1;line-height:1.4}