:root {
  --community-bg: #03070d;
  --community-panel: rgba(8, 15, 25, .94);
  --community-panel-raised: rgba(12, 22, 35, .96);
  --community-line: rgba(137, 161, 193, .2);
  --community-line-strong: rgba(64, 217, 218, .36);
  --community-text: #f6f8fd;
  --community-muted: #8e9caf;
  --community-cyan: #32d8d7;
  --community-pink: #ff3786;
  --community-gold: #ffbf49;
  --community-radius: 18px;
}
.community-page [hidden]{display:none!important}

.community-page {
  min-height: 100%;
  color: var(--community-text);
  font-family: "Kanit", sans-serif;
  background:
    radial-gradient(circle at 12% 0, rgba(255, 55, 134, .09), transparent 30rem),
    radial-gradient(circle at 88% 8%, rgba(50, 216, 215, .08), transparent 34rem),
    var(--community-bg);
}

.community-shell { width: min(1180px, calc(100% - 32px)); margin: 22px auto 80px; }
.community-main { min-width: 0; }
.community-offscreen { content-visibility: auto; contain-intrinsic-size: auto 540px; }

.community-card {
  overflow: hidden;
  border: 1px solid var(--community-line);
  border-radius: var(--community-radius);
  background: linear-gradient(145deg, var(--community-panel-raised), var(--community-panel));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .18);
}

.community-button,
.community-icon-button,
.community-nav-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border: 1px solid var(--community-line);
  border-radius: 12px;
  color: var(--community-text);
  font: 700 14px/1 "Kanit", sans-serif;
  text-decoration: none;
  cursor: pointer;
  background: rgba(12, 21, 33, .9);
  transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.community-button:hover,
.community-nav-link:hover { border-color: var(--community-line-strong); color: #fff; transform: translateY(-1px); }
.community-button--primary { border-color: transparent; background: linear-gradient(105deg, var(--community-pink), #c34ee3); }
.community-icon-button { width: 44px; padding: 0; border-radius: 50%; }

.community-button:focus-visible,
.community-icon-button:focus-visible,
.community-nav-link:focus-visible,
.community-page :where(a, button, input, textarea, select):focus-visible {
  outline: 3px solid rgba(50, 216, 215, .55);
  outline-offset: 3px;
}

.community-eyebrow { color: var(--community-cyan); font-size: 11px; font-weight: 700; letter-spacing: .13em; }
.community-muted { color: var(--community-muted); }
.community-status { padding: 30px 18px; text-align: center; color: var(--community-muted); }
.community-status.is-error { color: #ff9abf; }

.community-skeleton {
  min-height: 210px;
  background: linear-gradient(100deg, #09121e 22%, #142238 42%, #09121e 62%);
  background-size: 220% 100%;
  animation: community-shimmer 1.1s linear infinite;
}
@keyframes community-shimmer { to { background-position: -220% 0; } }

.community-skip-link { position: fixed; left: 12px; top: -80px; z-index: 2000; padding: 10px 14px; border-radius: 10px; background: var(--community-cyan); color: #031014; font-weight: 700; }
.community-skip-link:focus { top: 12px; }
.community-topbar { width: min(1320px, calc(100% - 32px)); min-height: 68px; margin: 0 auto; display: flex; align-items: center; gap: 18px; border-bottom: 1px solid var(--community-line); }
.community-brand { display: flex; align-items: center; gap: 9px; color: #fff; text-decoration: none; }
.community-brand>span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: linear-gradient(145deg, var(--community-pink), #661a42); font-weight: 700; box-shadow: 0 8px 24px rgba(255,55,134,.22); }
.community-brand strong { font-size: 18px; }
.community-desktop-nav { display: flex; align-items: center; gap: 5px; }
.community-desktop-nav a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 10px; color: #a7b2c2; text-decoration: none; font-size: 13px; }
.community-desktop-nav a:is(:hover,.active) { color: #fff; background: rgba(50,216,215,.08); }
.community-topbar-actions { margin-left: auto; display: flex; gap: 8px; }
.community-topbar-actions[hidden] { display: none; }
.community-profile-link { gap: 8px; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.community-profile-link__avatar { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; background: linear-gradient(145deg, var(--community-cyan), #15507a); color: #041018; font-size: 11px; font-weight: 700; }
.community-profile-link__avatar img { width: 100%; height: 100%; object-fit: cover; }

.community-feed-layout { display: grid; gap: 16px; }
.community-feed-hero { min-height: 190px; display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 28px; background: radial-gradient(circle at 85% 10%, rgba(50,216,215,.14), transparent 44%), radial-gradient(circle at 12% 100%, rgba(255,55,134,.16), transparent 46%), #07101b; }
.community-feed-hero h1 { margin: 6px 0 2px; font-size: clamp(29px, 4vw, 46px); line-height: 1.14; }
.community-feed-hero p { margin: 0; color: var(--community-muted); }
.community-feed-filters { position: sticky; top: 8px; z-index: 20; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; padding: 5px; border: 1px solid var(--community-line); border-radius: 15px; background: rgba(5,11,19,.88); backdrop-filter: blur(14px); }
.community-feed-filters button { min-height: 44px; border: 0; border-radius: 11px; color: #95a3b7; background: transparent; font: 700 14px Kanit,sans-serif; cursor: pointer; }
.community-feed-filters button.active { color: #fff; background: linear-gradient(110deg, rgba(255,55,134,.22), rgba(50,216,215,.14)); box-shadow: inset 0 -2px var(--community-pink); }
.community-feed-columns { display: grid; grid-template-columns: minmax(0,760px) minmax(250px,1fr); gap: 16px; align-items: start; }
.community-feed-list { display: grid; gap: 14px; }
.community-feed-more { width: 100%; margin-top: 14px; }
.community-feed-aside { position: sticky; top: 78px; display: grid; gap: 12px; }
.community-aside-card { padding: 20px; }
.community-aside-card h2 { margin: 6px 0; font-size: 20px; }
.community-aside-card p { margin: 0 0 15px; color: var(--community-muted); font-size: 13px; line-height: 1.65; }

.community-post-card>header { display: flex; align-items: center; gap: 10px; padding: 16px 16px 10px; }
.community-post-card__creator-link { min-width: 0; display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; }
.community-post-card__avatar { width: 44px; height: 44px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(50,216,215,.3); border-radius: 50%; background: linear-gradient(145deg,#15324a,#35172d); color: #9af4ef; font-weight: 700; }
.community-post-card__avatar img { width: 100%; height: 100%; object-fit: cover; }
.community-post-card__creator { min-width: 0; display: grid; }
.community-post-card__creator strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.community-post-card__creator small { color: var(--community-muted); font-size: 11px; }
.community-post-card__follow { min-height: 38px; margin-left: auto; padding: 0 11px; border: 1px solid rgba(50,216,215,.26); border-radius: 10px; color: #7cebe6; background: rgba(50,216,215,.07); font: 700 12px Kanit,sans-serif; cursor: pointer; }
.community-post-card__body-link { display: block; color: inherit; text-decoration: none; }
.community-post-card__body-link>p { margin: 0; padding: 4px 16px 15px; color: #e6ebf2; font-size: 16px; line-height: 1.7; white-space: pre-wrap; }
.community-post-card__media { width: 100%; max-height: 620px; display: grid; overflow: hidden; background: #050a11; }
.community-post-card__media--2,.community-post-card__media--3,.community-post-card__media--4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.community-post-card__media img { width: 100%; height: 100%; min-width: 0; display: block; object-fit: cover; }
.community-image-carousel{--community-carousel-ratio:.75;position:relative;width:100%;min-width:0;overflow:hidden;border-block:1px solid rgba(137,155,181,.16);background:radial-gradient(circle at 50% 50%,rgba(31,47,69,.36),transparent 58%),#03070d;isolation:isolate;outline:none}.community-image-carousel__stage{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:var(--community-carousel-ratio);max-height:min(72vh,720px);overflow:hidden;touch-action:pan-y;background:#03070d;cursor:ew-resize}.community-image-carousel--feed .community-image-carousel__stage{max-height:620px}.community-image-carousel__image{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#03070d;user-select:none;-webkit-user-drag:none}.community-image-carousel__arrow{position:absolute;z-index:3;top:50%;width:46px;height:60px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;background:rgba(3,8,15,.72);box-shadow:0 8px 28px rgba(0,0,0,.32);font:300 38px/1 Kanit,sans-serif;cursor:pointer;opacity:.35;transform:translateY(-50%);transition:opacity .2s ease,background .2s ease,transform .2s ease}.community-image-carousel:hover .community-image-carousel__arrow,.community-image-carousel:focus-within .community-image-carousel__arrow{opacity:1}.community-image-carousel__arrow:hover,.community-image-carousel__arrow:focus-visible{outline:2px solid #58eee6;outline-offset:2px;background:rgba(11,27,40,.95)}.community-image-carousel__arrow--previous{left:14px}.community-image-carousel__arrow--next{right:14px}.community-image-carousel__count{position:absolute;z-index:3;top:13px;right:13px;min-width:54px;padding:6px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;background:rgba(2,7,13,.76);backdrop-filter:blur(9px);text-align:center;font:600 12px Kanit,sans-serif}.community-image-carousel__dots{position:absolute;z-index:3;left:50%;bottom:13px;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(2,7,13,.68);transform:translateX(-50%)}.community-image-carousel__dots span{width:6px;height:6px;border-radius:50%;background:#718096;transition:width .2s ease,background .2s ease}.community-image-carousel__dots span.is-active{width:20px;border-radius:6px;background:linear-gradient(90deg,#ff3786,#46e0dc)}.community-image-carousel:focus-visible{box-shadow:inset 0 0 0 2px #58eee6}
.community-post-card__actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; padding: 8px; border-top: 1px solid var(--community-line); }
.community-post-card__actions button { min-height: 44px; border: 0; border-radius: 10px; color: #9eabba; background: transparent; font: 700 13px Kanit,sans-serif; cursor: pointer; }
.community-post-card__actions button:is(:hover,[aria-pressed="true"]) { color: var(--community-pink); background: rgba(255,55,134,.08); }
.community-feed-empty,.community-feed-error { min-height: 220px; display: grid; place-items: center; align-content: center; gap: 7px; padding: 28px; text-align: center; }
.community-feed-empty strong,.community-feed-error strong { font-size: 21px; }
.community-feed-empty span,.community-feed-error span { color: var(--community-muted); }
.community-login-dialog { width: min(420px,calc(100% - 28px)); padding: 28px; border: 1px solid rgba(255,55,134,.36); border-radius: 20px; color: #fff; text-align: center; background: #09111d; box-shadow: 0 30px 100px #000; }
.community-login-dialog::backdrop { background: rgba(0,0,0,.76); backdrop-filter: blur(4px); }
.community-login-dialog>.community-icon-button { position: absolute; right: 10px; top: 10px; }
.community-login-dialog>span { display: block; font-size: 34px; }
.community-login-dialog h2 { margin: 10px 0 4px; }
.community-login-dialog p { margin: 0 0 18px; color: var(--community-muted); line-height: 1.6; }
.community-detail-layout{display:grid;gap:14px;width:min(1280px,calc(100% - 32px));max-width:1280px}.community-detail-back{width:max-content;color:#9eabba;text-decoration:none}.community-detail-post__header{display:flex;align-items:center;gap:10px;padding:17px}.community-detail-post__creator{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.community-detail-post__creator>span:last-child{display:grid}.community-detail-post__creator small{color:var(--community-muted)}.community-detail-post__body>p{margin:0;padding:5px 17px 18px;font-size:17px;line-height:1.75;white-space:pre-wrap}.community-detail-gallery{display:grid;overflow:hidden;background:#03070d}.community-detail-gallery.count-2,.community-detail-gallery.count-3,.community-detail-gallery.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.community-detail-gallery button{min-width:0;padding:0;border:0;background:#050a11;cursor:zoom-in}.community-detail-gallery img{width:100%;height:100%;max-height:720px;display:block;object-fit:cover}.community-detail-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;border-top:1px solid var(--community-line)}.community-detail-actions button{min-height:44px;border:0;border-radius:10px;color:#9eabba;background:transparent;font:700 13px Kanit,sans-serif}.community-detail-actions button[aria-pressed=true]{color:var(--community-pink);background:rgba(255,55,134,.08)}.community-detail-utility{display:flex;justify-content:flex-end;gap:8px;padding:0 12px 12px}.community-detail-owner{display:flex}.community-comments{padding:18px}.community-comments>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.community-comments h2{margin:4px 0 0}.community-comment-composer{position:sticky;top:8px;z-index:8;display:grid;gap:8px;padding:10px;border:1px solid var(--community-line);border-radius:14px;background:rgba(8,15,25,.96)}.community-comment-composer textarea{width:100%;min-height:84px;padding:11px;border:1px solid var(--community-line);border-radius:10px;color:#fff;background:#070c14;font:300 14px/1.6 Kanit,sans-serif;resize:vertical}.community-comment-composer>div:last-child{display:flex;justify-content:flex-end;gap:8px}.community-comment-composer [data-reply-context]{padding:6px 9px;border-radius:8px;color:#8cece8;background:rgba(50,216,215,.08);font-size:12px}.community-comment-list{display:grid;gap:9px;margin-top:14px}.community-comment{padding:13px;border:1px solid var(--community-line);border-radius:13px;background:#09111c}.community-comment.is-reply{margin-left:38px}.community-comment header{display:flex;justify-content:space-between;gap:10px}.community-comment header small{color:var(--community-muted)}.community-comment p{margin:7px 0;line-height:1.6}.community-comment>div{display:flex;gap:7px}.community-comment>div button{min-height:36px;border:0;border-radius:8px;color:#98a7ba;background:transparent;font:700 12px Kanit,sans-serif}.community-comments-more{width:100%;margin-top:12px}.community-detail-missing{min-height:330px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.community-detail-missing strong{font-size:24px}.community-detail-missing span{color:var(--community-muted)}.community-image-dialog{width:min(1000px,calc(100% - 22px));max-height:90dvh;padding:0;border:1px solid var(--community-line);border-radius:18px;background:#02050a;overflow:auto}.community-image-dialog::backdrop,.community-report-dialog::backdrop{background:rgba(0,0,0,.82)}.community-image-dialog img{width:100%;height:auto;display:block}.community-image-dialog .community-icon-button{position:sticky;z-index:2;top:9px;left:calc(100% - 53px);margin-bottom:-44px;background:#101722}.community-report-dialog{width:min(470px,calc(100% - 24px));padding:22px;border:1px solid rgba(255,55,134,.35);border-radius:18px;color:#fff;background:#09111c}.community-report-dialog>.community-icon-button{position:absolute;right:10px;top:10px}.community-report-dialog form,.community-report-dialog label{display:grid;gap:8px}.community-report-dialog form{gap:13px}.community-report-dialog select,.community-report-dialog textarea{width:100%;min-height:44px;padding:9px;border:1px solid var(--community-line);border-radius:9px;color:#fff;background:#070c14;font:300 14px Kanit,sans-serif}.community-report-dialog textarea{min-height:100px}

.community-published-post{width:100%;min-width:0;overflow:hidden;background:linear-gradient(160deg,#0b1522 0%,#07101a 52%,#090d15 100%)}
.community-published-post__author{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid rgba(137,161,193,.14)}
.community-published-post__hero{position:relative;width:calc(100% - 32px);min-height:clamp(280px,42vw,560px);margin:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:radial-gradient(circle at 10% 10%,rgba(255,55,134,.25),transparent 38%),radial-gradient(circle at 88% 22%,rgba(50,216,215,.18),transparent 38%),#0b1220;isolation:isolate}
.community-published-post__hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 20%,rgba(2,6,11,.25) 50%,rgba(2,6,11,.94) 100%);pointer-events:none}
.community-published-post__cover{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;cursor:zoom-in}
.community-published-post__hero-content{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;gap:9px;padding:clamp(24px,5vw,64px);max-width:1040px;text-wrap:balance}
.community-published-post__eyebrow{width:max-content;padding:6px 10px;border:1px solid rgba(255,55,134,.38);border-radius:999px;color:#ff83b2;background:rgba(38,7,24,.7);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.community-published-post__hero h1{max-width:950px;margin:0;font-size:clamp(34px,5vw,68px);line-height:1.08;overflow-wrap:anywhere}
.community-published-post__meta{margin:0;color:#b8c3d1;font-size:14px}
.community-published-post.no-cover .community-published-post__hero{min-height:clamp(280px,32vw,430px)}
.community-published-post.no-cover .community-published-post__hero::after{background:linear-gradient(135deg,rgba(2,6,11,.08),rgba(2,6,11,.58))}
.community-published-post.no-cover .community-published-post__hero-content{top:50%;bottom:auto;transform:translateY(-50%)}
.community-published-post__content{display:grid;gap:22px;width:100%;padding:28px 24px}
.community-published-post__text{max-width:1000px;margin:0 auto;width:100%;color:#e4eaf2;font-size:18px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.community-published-post__content>.community-image-carousel{overflow:hidden;border:1px solid var(--community-line);border-radius:18px}
.community-published-post__content>.community-premium-lock{width:min(760px,100%);margin-inline:auto}

@media (max-width: 768px) {
  .community-shell { width: min(100% - 20px, 620px); margin-top: 12px; }
  .community-card { border-radius: 15px; }
  .community-topbar { width: calc(100% - 20px); min-height: 58px; }
  .community-brand strong,.community-desktop-nav,.community-topbar-actions .community-studio-link { display: none; }
  .community-topbar-actions .community-nav-link { min-height: 40px; padding: 0 11px; font-size: 11px; }
  .community-feed-hero { min-height: 170px; display: grid; align-items: end; padding: 20px 17px; }
  .community-feed-hero .community-button { width: 100%; }
  .community-feed-columns { display: block; }
  .community-feed-aside { display: none; }
  .community-post-card>header { padding: 13px 12px 9px; }
  .community-post-card__body-link>p { padding: 4px 12px 13px; font-size: 15px; }
  .community-post-card__actions { padding: 5px; }
  .community-post-card__actions button { font-size: 12px; }
  .community-detail-layout{width:min(100% - 16px,620px)}.community-detail-post__body>p{padding:4px 12px 14px;font-size:15px}.community-comments{padding:11px}.community-comment.is-reply{margin-left:20px}.community-detail-gallery.count-3,.community-detail-gallery.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.community-detail-actions{padding:5px}.community-detail-actions button{font-size:12px}.community-comment-composer{top:4px}
  .community-published-post__author{padding:12px}.community-published-post__hero{width:100%;min-height:0;aspect-ratio:4/3;margin:0;border-inline:0;border-radius:0}.community-published-post__hero-content{padding:20px 16px}.community-published-post__hero h1{font-size:clamp(27px,9vw,39px)}.community-published-post__meta{font-size:12px}.community-published-post.no-cover .community-published-post__hero{min-height:300px;aspect-ratio:auto}.community-published-post__content{gap:16px;padding:20px 14px}.community-published-post__text{font-size:16px;line-height:1.8}.community-published-post__content>.community-image-carousel{border-radius:13px}.community-published-post .community-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.community-published-post .community-detail-utility{padding:8px 10px 12px}
  .community-image-carousel__stage{max-height:72dvh;cursor:grab}.community-image-carousel__arrow{display:none}.community-image-carousel__count{top:9px;right:9px}.community-image-carousel__dots{bottom:9px}.community-image-carousel__dots span{width:5px;height:5px}.community-image-carousel__dots span.is-active{width:16px}
}

@media (prefers-reduced-motion: reduce) {
  .community-page *, .community-page *::before, .community-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    transform: none !important;
  }
}

/* Creator Studio and social composer */
.creator-studio-shell,.creator-composer-shell{display:grid;gap:18px}.creator-hero,.creator-composer-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:radial-gradient(circle at 88% 10%,rgba(255,45,139,.17),transparent 32%),linear-gradient(135deg,rgba(20,38,58,.96),rgba(20,14,30,.98))}.creator-hero h1,.creator-composer-heading h1{margin:5px 0 4px;font-size:clamp(1.8rem,3vw,3rem)}.creator-hero p,.creator-composer-heading p{margin:0;color:var(--community-muted)}.creator-state{padding:32px;max-width:760px;margin-inline:auto;width:100%;text-align:center}.creator-state form{display:grid;gap:14px;text-align:left;margin-top:20px}.creator-state label,.creator-composer-settings label{display:grid;gap:7px;font-weight:600}.creator-state input,.creator-state textarea,.creator-composer-settings input,.creator-composer-settings select,.creator-posts-panel select{width:100%;border:1px solid var(--community-line);border-radius:12px;background:#0d121c;color:#fff;padding:12px 14px;font:inherit}.creator-state-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 10px;border-radius:18px;background:rgba(255,45,139,.12);font-size:1.6rem}.creator-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.creator-stat{padding:18px}.creator-stat span{display:block;color:var(--community-muted);font-size:.84rem}.creator-stat strong{display:block;margin-top:6px;font-size:1.8rem}.creator-posts-panel{padding:22px;margin-top:18px}.creator-posts-panel>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.creator-posts-panel h2{margin:2px 0 0}.creator-posts-panel label{min-width:170px;color:var(--community-muted)}.creator-post-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--community-line)}.creator-post-row>div:first-child{min-width:0}.creator-post-row strong,.creator-post-row span{display:block}.creator-post-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-post-row span{margin-top:4px;color:var(--community-muted);font-size:.83rem}.creator-post-row__actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.creator-status-badge{padding:5px 9px;border-radius:999px!important;background:#182334;color:#b7c2d1!important}.creator-status-badge.is-published{background:rgba(23,211,145,.12);color:#4de3ad!important}.creator-status-badge.is-pending{background:rgba(255,180,36,.12);color:#ffc458!important}.creator-status-badge.is-rejected{background:rgba(255,73,115,.12);color:#ff7194!important}
.creator-save-state{padding:9px 13px;border:1px solid var(--community-line);border-radius:999px;color:var(--community-muted);white-space:nowrap}.creator-composer-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.creator-composer-main,.creator-composer-settings{padding:22px}.creator-avatar-line{display:flex;align-items:center;gap:12px}.creator-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#ff2d8b,#7145ff);font-weight:700}.creator-avatar-line small{display:block;color:var(--community-muted);margin-top:2px}.creator-composer-main textarea{width:100%;min-height:190px;margin:18px 0 12px;padding:5px 0;border:0;outline:0;resize:vertical;background:transparent;color:#fff;font:500 clamp(1.05rem,2vw,1.35rem)/1.7 Kanit,sans-serif}.creator-upload-zone{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--community-line)}.creator-upload-zone>span{color:var(--community-muted);font-size:.8rem}.creator-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.creator-media-item{position:relative;aspect-ratio:1;margin:0;border-radius:12px;overflow:hidden;background:#111827}.creator-media-item img{width:100%;height:100%;object-fit:cover}.creator-media-item figcaption{position:absolute;display:flex;gap:4px;right:6px;bottom:6px}.creator-media-item button{border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(4,8,14,.86);color:#fff;padding:5px 8px}.creator-composer-settings{position:sticky;top:82px;display:grid;gap:16px}.creator-composer-settings h2{margin:0}.creator-composer-settings fieldset{display:grid;gap:8px;margin:0;padding:0;border:0}.creator-composer-settings legend{margin-bottom:8px;font-weight:700}.creator-choice{display:flex!important;align-items:center;gap:10px;padding:12px;border:1px solid var(--community-line);border-radius:12px}.creator-choice input{width:auto}.creator-choice small{display:block;color:var(--community-muted)}.creator-choice.is-disabled{opacity:.55}.creator-guideline{padding:14px;border-radius:12px;background:rgba(255,180,36,.07);border:1px solid rgba(255,180,36,.24)}.creator-guideline ul{padding-left:20px;margin:8px 0 0;color:var(--community-muted)}.creator-composer-result{padding:10px 12px;border-radius:10px;background:rgba(23,211,145,.1);color:#62e4b4}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.creator-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-composer-grid{grid-template-columns:1fr}.creator-composer-settings{position:static}.creator-hero,.creator-composer-heading{align-items:flex-start;flex-direction:column}.creator-hero .community-button{width:100%}}
@media(max-width:560px){.creator-studio-shell,.creator-composer-shell{gap:12px}.creator-hero,.creator-composer-heading,.creator-composer-main,.creator-composer-settings,.creator-posts-panel{padding:17px}.creator-hero h1,.creator-composer-heading h1{font-size:1.65rem}.creator-stat-grid{gap:8px}.creator-stat{padding:14px}.creator-stat strong{font-size:1.45rem}.creator-posts-panel>header,.creator-post-row{align-items:stretch;flex-direction:column}.creator-posts-panel label{min-width:0}.creator-post-row__actions{justify-content:space-between}.creator-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-save-state{white-space:normal}}
.creator-media-failed{width:100%;height:100%;display:grid;place-items:center;padding:12px;color:#ff8ba7;text-align:center;background:rgba(255,73,115,.08)}

/* Creator composer v2 */
.creator-composer-rail{display:grid;gap:18px;min-width:0}.creator-preview-card{padding:18px;position:sticky;top:82px}.creator-preview-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.creator-preview-card h2{margin:2px 0 0;font-size:1.25rem}.creator-preview-open{min-height:38px;padding:0 12px}.creator-editor-toolbar{display:flex;align-items:center;gap:7px;margin:18px 0 2px;padding:7px;border:1px solid var(--community-line);border-radius:13px;background:#0a111c}.creator-editor-toolbar button{width:38px;height:36px;border:1px solid transparent;border-radius:9px;background:#121d2b;color:#fff;font:600 15px Kanit,sans-serif;cursor:pointer}.creator-editor-toolbar button:hover,.creator-editor-toolbar button:focus-visible{border-color:rgba(50,216,215,.5);background:#173047;outline:0}.creator-editor-toolbar>span{margin-left:auto;color:var(--community-muted);font-size:.75rem}.creator-media-panel{padding:14px;border:1px solid var(--community-line);border-radius:15px;background:rgba(5,10,18,.45)}.creator-media-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.creator-media-heading>div{display:grid}.creator-media-heading span{color:var(--community-muted);font-size:.76rem}.creator-media-status{position:absolute;left:7px;top:7px;z-index:2;padding:5px 8px;border-radius:999px;background:rgba(4,9,15,.88);color:#d6e1eb;font-size:.68rem}.creator-media-status.is-ready{background:rgba(9,93,67,.92);color:#79f2c5}.creator-media-status.is-error{background:rgba(117,18,47,.94);color:#ff9bb3}.creator-composer-settings{position:static}.creator-price-field small{color:var(--community-muted);font-size:.75rem}.creator-readiness{display:grid;gap:3px;padding:13px;border:1px solid var(--community-line);border-radius:12px;background:#0a111c}.creator-readiness span{color:var(--community-muted);font-size:.78rem}.creator-readiness.is-ready{border-color:rgba(32,213,152,.34);background:rgba(32,213,152,.06)}.creator-preview-content{min-height:160px}.creator-preview-post{overflow:hidden;border:1px solid var(--community-line);border-radius:15px;background:#070d15}.creator-preview-post>header{display:flex;align-items:center;gap:10px;padding:12px}.creator-preview-post>header span:last-child{display:grid}.creator-preview-post>header small{color:var(--community-muted);font-size:.7rem}.creator-preview-post>p{min-height:64px;margin:0;padding:5px 14px 15px;color:#e8eef5;line-height:1.7;overflow-wrap:anywhere}.creator-preview-media{display:grid;max-height:420px;overflow:hidden;background:#05080d}.creator-preview-media.count-2,.creator-preview-media.count-3,.creator-preview-media.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-preview-media img{width:100%;height:100%;min-height:120px;object-fit:cover}.creator-preview-lock,.community-post-card__premium{margin:10px 14px 14px;padding:10px 12px;border:1px solid rgba(255,180,36,.28);border-radius:11px;background:rgba(255,180,36,.08);color:#ffd266;font-weight:700}.community-rich-light{font-weight:300;color:#c3ccd7}.community-hashtag{color:#55e5e0}.community-premium-lock{display:grid;gap:9px;margin-top:14px;padding:20px;border:1px solid rgba(255,180,36,.28);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(255,180,36,.13),transparent 45%),#0b111b;text-align:center}.community-premium-lock>span{color:#ffc64c;font-size:.72rem;font-weight:700;letter-spacing:.08em}.community-premium-lock>strong{font-size:1.2rem}.community-premium-lock>p{margin:0;color:var(--community-muted)}.creator-preview-dialog{width:min(760px,calc(100vw - 30px));max-height:calc(100vh - 30px);padding:0;border:1px solid #2a384a;border-radius:20px;background:#07101a;color:#fff}.creator-preview-dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}.creator-preview-dialog__bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--community-line);background:#07101a}.creator-preview-dialog__bar h2{margin:0}.creator-preview-dialog__bar button{width:40px;height:40px;border:0;border-radius:10px;background:#172333;color:#fff}.creator-preview-dialog__body{padding:18px}.creator-preview-dialog__body .creator-preview-post{max-width:620px;margin:auto}
@media(min-width:901px){.creator-composer-grid{grid-template-columns:minmax(0,1fr) 390px}.creator-composer-settings{margin-top:0}.creator-preview-card+.creator-composer-settings{position:static}}
@media(max-width:900px){.creator-preview-card{position:static}.creator-preview-card .creator-preview-content{display:none}.creator-composer-rail{gap:12px}}
@media(max-width:560px){.creator-editor-toolbar{position:sticky;top:55px;z-index:4;margin-inline:-5px}.creator-editor-toolbar>span{font-size:.66rem}.creator-composer-main textarea{min-height:240px;font-size:1rem}.creator-media-panel{padding:11px}.creator-media-status{max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-choice{padding:13px}.creator-preview-dialog{width:100vw;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}.creator-preview-dialog__body{padding:12px}.creator-preview-dialog__bar{padding-top:max(12px,env(safe-area-inset-top))}}

/* Creator composer uses the same article renderer as the published post page. */
.creator-preview-card .creator-published-preview .community-post-card__follow{display:none}
.creator-preview-card .creator-published-preview .community-published-post__author{padding:10px}
.creator-preview-card .creator-published-preview .community-published-post__hero{width:100%;min-height:230px;margin:0;border-inline:0;border-radius:0}
.creator-preview-card .creator-published-preview .community-published-post__hero-content{padding:18px}
.creator-preview-card .creator-published-preview .community-published-post__hero h1{font-size:clamp(23px,2.2vw,30px)}
.creator-preview-card .creator-published-preview .community-published-post__meta{font-size:11px}
.creator-preview-card .creator-published-preview .community-published-post__content{gap:12px;padding:15px 12px}
.creator-preview-card .creator-published-preview .community-published-post__text{font-size:14px;line-height:1.7}
.creator-preview-card .creator-published-preview .community-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:9px}
.creator-preview-card .creator-published-preview .creator-preview-lock{margin:0}
.creator-preview-dialog{width:min(1280px,calc(100vw - 30px))}
.creator-preview-dialog__body .community-published-post{max-width:none;margin:0}
@media(max-width:560px){.creator-preview-dialog{width:100vw}.creator-preview-dialog__body{padding:0}.creator-preview-dialog__body .community-published-post{min-height:100%}}
.creator-profile-shell{display:grid;gap:18px;max-width:960px}.creator-profile-loading,.creator-profile-missing{min-height:300px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.creator-profile-missing span{color:var(--community-muted)}.creator-profile-hero{overflow:hidden}.creator-profile-banner{height:250px;background:radial-gradient(circle at 75% 15%,rgba(50,216,215,.28),transparent 34%),radial-gradient(circle at 15% 85%,rgba(255,55,134,.28),transparent 40%),#101a29;background-size:cover;background-position:center}.creator-profile-identity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:18px;padding:0 24px 24px}.creator-profile-avatar{width:128px;height:128px;display:grid;place-items:center;margin-top:-54px;overflow:hidden;border:5px solid #07101a;border-radius:34px;background:linear-gradient(145deg,#1e4e69,#7b204f);font-size:2rem;font-weight:700}.creator-profile-avatar img{width:100%;height:100%;object-fit:cover}.creator-profile-copy h1{margin:4px 0;font-size:2rem}.creator-profile-copy p{max-width:620px;margin:0;color:var(--community-muted);line-height:1.65}.creator-profile-counts{display:flex;gap:18px;margin-top:12px;color:var(--community-muted)}.creator-profile-counts strong{color:#fff}.creator-profile-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.creator-profile-posts{display:grid;gap:13px}.creator-profile-posts>header{display:flex;align-items:end;justify-content:space-between}.creator-profile-posts h2{margin:3px 0 0}.creator-profile-posts .community-post-card[data-pinned=true]{border-color:rgba(255,180,36,.35);box-shadow:0 0 0 1px rgba(255,180,36,.06)}
@media(max-width:700px){.creator-profile-shell{width:min(100% - 16px,620px)}.creator-profile-banner{height:150px}.creator-profile-identity{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:0 15px 16px}.creator-profile-avatar{width:88px;height:88px;margin-top:-34px;border-width:4px;border-radius:25px}.creator-profile-copy h1{font-size:1.45rem}.creator-profile-copy p{font-size:.87rem}.creator-profile-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.creator-profile-actions [data-creator-owner-link]{grid-column:1/-1}.creator-profile-actions .community-button{width:100%}.creator-profile-counts{gap:12px;font-size:.82rem}}

/* Creator block editor */
.creator-story-identity,.creator-block-workspace{display:grid;gap:16px;margin-top:20px}.creator-section-kicker{display:flex;align-items:center;gap:11px}.creator-section-kicker>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,45,139,.38);border-radius:11px;background:rgba(255,45,139,.1);color:#ff66a8;font-size:.75rem;font-weight:700}.creator-section-kicker>div{display:grid}.creator-section-kicker small{color:var(--community-muted);font-size:.74rem}.creator-category-picker{display:flex;gap:8px;flex-wrap:wrap}.creator-category-picker input{position:absolute;opacity:0;pointer-events:none}.creator-category-picker span{display:block;padding:9px 14px;border:1px solid var(--community-line);border-radius:999px;background:#0a111c;color:#aeb9c8;font-size:.82rem;cursor:pointer;transition:.18s ease}.creator-category-picker input:checked+span{border-color:#ff2d8b;background:linear-gradient(135deg,rgba(255,45,139,.2),rgba(41,209,211,.1));color:#fff;box-shadow:0 0 0 1px rgba(255,45,139,.18)}.creator-title-field{display:grid;gap:7px;font-weight:700}.creator-title-field input{min-height:54px;padding:0 16px;border:1px solid var(--community-line);border-radius:13px;background:#0a111c;color:#fff;font:700 1.08rem Kanit,sans-serif}.creator-title-field input:focus{outline:0;border-color:#2fd4d5;box-shadow:0 0 0 3px rgba(47,212,213,.08)}.creator-content-block{display:grid;gap:13px;padding:16px;border:1px solid #233146;border-radius:16px;background:linear-gradient(145deg,rgba(18,29,45,.88),rgba(7,13,22,.9));box-shadow:0 14px 35px rgba(0,0,0,.12)}.creator-content-block>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.creator-content-block>header>span:not(.creator-block-controls){color:var(--community-muted);font-size:.72rem}.creator-content-block textarea{margin:0!important;padding:12px!important;border:1px solid transparent!important;border-radius:12px!important;background:#090e17!important}.creator-content-block label{display:grid;gap:6px;color:#dce5ee;font-weight:650}.creator-content-block label input,.creator-content-block label textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--community-line);border-radius:10px;background:#090e17;color:#fff;font:500 .9rem Kanit,sans-serif}.creator-content-block label small{color:var(--community-muted);font-size:.72rem}.creator-dynamic-blocks{display:grid;gap:12px}.creator-block-controls{display:flex;gap:6px}.creator-block-controls button,.creator-poll-options>button,.creator-add-blocks button{border:1px solid var(--community-line);border-radius:9px;background:#111c2a;color:#dce6f0;padding:7px 10px;font:600 .76rem Kanit,sans-serif;cursor:pointer}.creator-block-controls button:last-child{color:#ff7ba7}.creator-block-controls button:disabled{opacity:.35}.creator-poll-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.creator-poll-options>button{grid-column:1/-1;justify-self:start}.creator-content-block.is-poll{border-color:rgba(47,212,213,.28)}.creator-content-block.is-series{border-color:rgba(94,130,255,.3)}.creator-content-block.is-spoiler{border-color:rgba(255,179,61,.3)}.creator-add-blocks{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px;border:1px dashed #31425a;border-radius:14px;background:#080e17}.creator-add-blocks>span{margin-right:auto;color:#79e9e6;font-size:.8rem;font-weight:700}.creator-media-panel{margin-top:16px}.creator-composer-main{overflow:hidden}.creator-preview-content .community-published-post__title{font-size:clamp(1.25rem,2vw,1.7rem)}
@media(max-width:560px){.creator-story-identity,.creator-block-workspace{gap:12px;margin-top:16px}.creator-category-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.creator-category-picker span{text-align:center;padding:8px 6px}.creator-content-block{padding:12px;border-radius:14px}.creator-poll-options{grid-template-columns:1fr}.creator-add-blocks{align-items:stretch}.creator-add-blocks>span{width:100%;margin:0}.creator-add-blocks button{flex:1 1 42%;min-height:42px}.creator-title-field input{font-size:1rem}.creator-section-kicker small{line-height:1.45}}

/* Published structured Creator posts */
.community-post-blocks{display:grid;gap:18px;min-width:0}.community-post-block{min-width:0}.community-post-block--richtext{font-size:clamp(17px,1.35vw,20px);line-height:1.9;color:#e9eef8;white-space:normal}.community-post-block--gallery{overflow:hidden;border-radius:18px}.community-post-block__eyebrow{display:block;margin-bottom:6px;color:#30dbe8;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.community-post-block--poll,.community-post-block--series,.community-post-block--spoiler{border:1px solid #26364a;border-radius:18px;background:linear-gradient(145deg,rgba(15,28,44,.96),rgba(13,18,31,.98));padding:20px}.community-post-block--poll h2{margin:0 0 16px;font-size:clamp(19px,1.8vw,25px)}.community-post-poll__options{display:grid;gap:10px}.community-post-poll__option{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:14px;overflow:hidden;width:100%;min-height:48px;padding:11px 15px;border:1px solid #33465d;border-radius:12px;background:#0b1422;color:#edf4ff;text-align:left;cursor:pointer}.community-post-poll__option::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:var(--poll-percent);background:linear-gradient(90deg,rgba(255,45,139,.25),rgba(43,213,220,.2));transition:width .35s ease}.community-post-poll__option:hover,.community-post-poll__option.is-selected{border-color:#ff2d8b}.community-post-poll__option:disabled{cursor:default;opacity:1}.community-post-poll__summary{margin:12px 0 0;color:#91a1b8;font-size:13px}.community-post-block--series{display:flex;align-items:center;gap:16px;color:#f5f8ff;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.community-post-block--series:hover{transform:translateY(-2px);border-color:#23d0db}.community-post-block--series img{width:66px;aspect-ratio:3/4;object-fit:cover;border-radius:10px}.community-post-block--series>span{display:grid;gap:3px}.community-post-block--series small,.community-post-block--series span span{color:#80a0b8}.community-post-block--series strong{font-size:19px}.community-post-block--spoiler summary{cursor:pointer;font-weight:700;color:#ffd3e7}.community-post-block__spoiler-content{margin-top:14px;padding-top:14px;border-top:1px solid #29384c;line-height:1.75}.community-published-post__content>.community-post-blocks{width:100%}
@media(max-width:760px){.community-post-blocks{gap:14px}.community-post-block--poll,.community-post-block--series,.community-post-block--spoiler{padding:15px;border-radius:15px}.community-post-poll__option{min-height:44px;padding:9px 12px}.community-post-block--series img{width:58px}}