.page{margin:2rem auto;padding:0 1rem;font-family:Arial,sans-serif}.noPage{margin-top:7rem}.pageContainer{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000001a}.title{margin-bottom:.5rem;font-size:2rem}.meta{color:#555;justify-content:space-between;margin-bottom:1rem;display:flex}.creatorBox{background-color:#f2f7ff;border-radius:6px;align-items:center;gap:12px;margin-bottom:1rem;padding:10px;display:flex}.creatorImg{object-fit:cover;border-radius:50%;width:65px;height:65px}.creatorName{margin-bottom:5px;font-weight:700}.creatorEmail{color:#666;margin-bottom:5px;font-size:.9rem}.video-wrapper{width:100%;position:relative}.video-container{cursor:pointer;display:inline-block;position:relative}.video{border-radius:8px;width:100%;margin-bottom:1rem}.play-overlay{color:#fff;opacity:.85;pointer-events:none;font-size:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.firstImageWrapper{margin-bottom:1rem;overflow:hidden}.firstImageWrapper a{float:left;width:250px;height:300px;margin:0 15px 15px 0}.firstImageWrapper a img.firstImage{object-fit:cover;border-radius:8px;width:100%;height:100%}.wrappedContent{color:#333;font-size:1rem;line-height:1.7}.firstImageWrapper.noImage .wrappedContent{width:100%}.content{color:#333;margin-bottom:1.5rem;font-size:1rem;line-height:1.7;overflow:hidden}.content ul,.wrappedContent ul{margin-bottom:1rem;padding-left:20px;list-style-type:disc}.content ol,.wrappedContent ol{margin-bottom:1rem;padding-left:20px;list-style-type:decimal}.imageGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:1rem;display:grid}.imageGrid a{display:block}.gridImage{object-fit:cover;cursor:pointer;border-radius:8px;width:100%;height:300px}.buttonsRow{flex-wrap:wrap;gap:10px;margin-bottom:1rem;display:flex}.likeBtn,.dislikeBtn,.editBtn,.deleteBtn,.shareBtn,.analyticsBtn{color:#dedede;cursor:pointer;background-color:#2d2d2d;border:none;border-radius:6px;padding:5px 20px}.modalBackdrop{z-index:10000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:10px;width:90%;max-width:500px;padding:20px}.modal p{margin:10px 0}input,textarea{width:100%;margin-bottom:10px;padding:10px}.modalActions{justify-content:flex-end;gap:10px;display:flex}.saveBtn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;padding:10px 14px}.cancelBtn{color:#fff;cursor:pointer;background-color:#777;border:none;border-radius:6px;padding:10px 14px}.copyRow{align-items:center;gap:10px;display:flex}.copiedText{color:#10b981;font-weight:700}.likeBtn.active.liked,.dislikeBtn.active.disliked{cursor:not-allowed;opacity:.8;border:2px solid #333;font-weight:700;transition:background-color .3s,transform .2s}.likeBtn.active.liked:hover,.dislikeBtn.active.disliked:hover{opacity:.5;transform:scale(1)}.likeBtn,.dislikeBtn{transition:background-color .3s,transform .2s,color .3s}.likeBtn:hover:not(.active),.dislikeBtn:hover:not(.active){transform:scale(1.05)}.pieChartContainer{flex-direction:column;align-items:center;margin-top:20px;display:flex}.pieLegend{justify-content:center;gap:20px;margin-top:15px;font-weight:700;display:flex}.legendItem{align-items:center;gap:5px;display:flex}.legendColor{border-radius:4px;width:20px;height:20px}@media (max-width:600px){.firstImageWrapper a{float:none;width:100%;height:auto;margin:0 0 15px}.title{margin-bottom:.5rem;font-size:1.5rem}}