.public-creator-page{margin:0;background:#100b11;color:#fff8fc}
.public-site-header{position:sticky;top:0;z-index:50;background:rgba(16,11,17,.94);backdrop-filter:blur(10px);border-bottom:1px solid #432b3d}
.public-header-inner{max-width:1180px;margin:0 auto;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.public-brand img{display:block;width:min(260px,48vw);height:auto;max-height:54px}
.public-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.public-nav a{color:#fff8fc;text-decoration:none}
.public-nav .nav-cta{padding:9px 14px;border-radius:999px;background:#f25c9b;color:#160b11;font-weight:800}
.creator-hero{max-width:1180px;margin:24px auto 0;padding:0 18px}
.creator-banner{height:clamp(180px,31vw,380px);overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#281b29,#432b3d);border:1px solid #432b3d}
.creator-banner img{width:100%;height:100%;object-fit:cover}
.banner-placeholder{width:100%;height:100%;background:radial-gradient(circle at 78% 20%,rgba(242,92,155,.35),transparent 30%),linear-gradient(135deg,#281b29,#100b11)}
.creator-identity-wrap{position:relative;margin:-58px 28px 0;display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:start}
.creator-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;border:5px solid #100b11;background:#281b29;box-shadow:0 10px 28px rgba(0,0,0,.36)}
.creator-avatar img{width:100%;height:100%;object-fit:cover}
.creator-copy{padding-top:68px;min-width:0}
.creator-title-row{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}
.creator-title-row h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:.98}
.creator-handle{margin:7px 0 0;color:#ff9fc7;font-weight:700}
.creator-price{text-align:right;white-space:nowrap;background:#1d141e;border:1px solid #432b3d;border-radius:14px;padding:11px 15px}
.creator-price strong{font-size:1.35rem}.creator-price span{display:block;color:#cdb9c7;font-size:.85rem}
.creator-headline{font-size:1.2rem;font-weight:700;margin:20px 0 8px}
.creator-bio{max-width:820px;color:#e8d9e3;line-height:1.6}
.creator-stats{display:flex;gap:22px;margin:17px 0;color:#cdb9c7}
.creator-stats strong{color:#fff}
.creator-actions,.locked-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.inline-form{display:inline;margin:0}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 17px;border-radius:999px;border:1px solid #5a3a51;text-decoration:none;font-weight:800;cursor:pointer;font:inherit}
.button.primary{background:#f25c9b;color:#160b11;border-color:#f25c9b}
.button.secondary{background:#281b29;color:#fff8fc}
.subscription-badge{padding:10px 15px;border-radius:999px;background:#183421;color:#bff3ca;border:1px solid #2d6940;font-weight:800}
.creator-feed-wrap{max-width:920px;margin:48px auto;padding:0 18px 70px}
.creator-feed-heading{border-bottom:1px solid #432b3d;margin-bottom:20px}
.creator-feed-heading h2{font-size:clamp(1.5rem,4vw,2.2rem);margin-bottom:6px}
.creator-feed-heading p{color:#cdb9c7;margin-top:0}
.creator-feed{display:grid;gap:22px}
.external-post{position:relative;background:#1d141e;border:1px solid #432b3d;border-radius:20px;padding:20px;overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.15)}
.external-post h3{font-size:1.45rem;margin:10px 0 15px}
.post-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#cdb9c7;font-size:.88rem}
.visibility-pill{display:inline-flex;padding:5px 10px;border-radius:999px;font-weight:800}
.visibility-public{background:#173a26;color:#bff3ca}
.visibility-subscribers{background:#3b2331;color:#ffc1da}
.visibility-ppv{background:#3d3219;color:#ffe5a1}
.post-preview-link{display:block;position:relative;border-radius:14px;overflow:hidden;background:#100b11}
.post-preview-image{display:block;width:100%;max-height:520px;object-fit:cover;aspect-ratio:16/10}
.locked-preview{filter:saturate(.7)}
.preview-lock{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(16,11,17,.85);font-size:1.55rem;border:1px solid #73536b}
.video-preview-tile{position:relative;display:grid;place-items:center;min-height:260px;border-radius:14px;background:radial-gradient(circle at 50% 42%,#432b3d,#100b11);gap:7px;color:#e8d9e3}
.video-play{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#f25c9b;color:#160b11;font-size:1.45rem;padding-left:4px}
.post-excerpt{color:#e8d9e3;line-height:1.62}
.text-link{color:#ff9fc7;font-weight:800;text-decoration:none}
.locked-copy{margin-top:15px;padding:16px;border-radius:14px;background:#281b29;border:1px solid #4c3447}
.locked-copy p{color:#cdb9c7}
.public-footer{text-align:center;padding:28px 18px;border-top:1px solid #432b3d;color:#aa95a5}
.empty-post{text-align:center;padding:50px 20px}
@media(max-width:720px){
 .public-header-inner{align-items:flex-start;flex-direction:column}
 .public-nav{width:100%}
 .creator-identity-wrap{margin:-45px 12px 0;grid-template-columns:100px 1fr;gap:14px}
 .creator-avatar{width:100px;height:100px}
 .creator-copy{padding-top:52px}
 .creator-title-row{display:block}
 .creator-price{display:inline-block;text-align:left;margin-top:14px}
}
@media(max-width:520px){
 .creator-identity-wrap{display:block;margin:-50px 12px 0}
 .creator-avatar{width:106px;height:106px}
 .creator-copy{padding-top:12px}
 .creator-actions .button,.locked-actions .button,.inline-form .button{width:100%}
 .inline-form{width:100%}
 .post-topline{align-items:flex-start;flex-direction:column}
}