.creator-public-page .creator-shell,
.creator-public-page .watch-top-nav .watch-shell {
    width:min(1440px,calc(100% - clamp(2rem,4.8vw,5rem)));
}

.creator-channel-shell {
    --channel-accent:#f97316;
    --channel-accent-deep:#c2410c;
    --channel-accent-soft:#fff1e7;
    --channel-signal:#2dd4bf;
    --channel-ink:#0f1c31;
    position:relative;
    display:grid;
    gap:1.25rem;
    isolation:isolate;
}
.creator-channel-shell[hidden] { display:none!important; }
.creator-channel-shell [data-creator-posts-section][hidden] { display:none!important; }
.creator-channel-shell::before { content:""; position:absolute; z-index:-1; inset:-.75rem; border-radius:2rem; pointer-events:none; background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--channel-accent) 17%,transparent) 1px,transparent 0); background-size:18px 18px; mask-image:linear-gradient(to bottom,#000,transparent 82%); opacity:.48; }
.creator-channel-shell>.creator-public-card { border-color:color-mix(in srgb,var(--channel-accent) 34%,#cbd5e1); border-radius:1.45rem; box-shadow:0 20px 45px rgba(15,28,49,.12); }
.creator-channel-shell .creator-public-banner { min-height:340px; background-color:var(--channel-ink); }
.creator-channel-shell .creator-public-banner::before { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(115deg,color-mix(in srgb,var(--channel-accent) 25%,transparent),transparent 42%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 80px); }
.creator-channel-shell .creator-public-kicker { color:color-mix(in srgb,var(--channel-accent) 72%,white); }
.creator-channel-shell .creator-public-avatar { border-color:color-mix(in srgb,var(--channel-accent) 48%,white); border-radius:1.35rem 1.35rem 1.35rem .35rem; transform:rotate(-1deg); }
.creator-channel-plaque { position:relative; z-index:2; display:flex; width:fit-content; max-width:calc(100% - 3rem); flex-wrap:wrap; align-items:center; gap:.45rem .75rem; align-self:flex-start; margin:0 1.5rem .8rem; border:1px solid rgba(255,255,255,.24); border-radius:.7rem; padding:.5rem .7rem; color:#e2e8f0; background:rgba(15,28,49,.68); box-shadow:0 8px 20px rgba(2,6,23,.18); font-size:.7rem; font-weight:750; letter-spacing:.02em; backdrop-filter:blur(10px); }
.creator-channel-plaque-mark { color:#fff; font-weight:950; letter-spacing:.12em; text-transform:uppercase; }
.creator-channel-plaque-mark i { color:var(--channel-accent); }
.creator-channel-signal { display:inline-flex; align-items:center; gap:.35rem; color:#dbeafe; }
.creator-channel-signal>i { color:var(--channel-signal); }
.creator-experience-enabled .creator-public-bio { position:relative; overflow:hidden; border-color:color-mix(in srgb,var(--channel-accent) 36%,#fed7aa)!important; background:linear-gradient(100deg,var(--channel-accent-soft),#fff 58%,#f0fdfa)!important; }
.creator-experience-enabled .creator-public-bio::before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--channel-accent); }
.creator-experience-enabled .creator-public-bio-label { color:var(--channel-accent-deep)!important; }
.creator-channel-shell .creator-public-map { grid-template-columns:1fr; border-color:color-mix(in srgb,var(--channel-accent) 46%,#fed7aa); border-top:3px solid var(--channel-accent); }
.creator-channel-shell .creator-public-map-links { grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); }
.creator-channel-shell .creator-public-map-links a i { color:var(--channel-accent); }
.creator-channel-shell .creator-public-map-links a:hover { border-color:var(--channel-accent); color:var(--channel-accent-deep); background:var(--channel-accent-soft); }
.creator-channel-shell .creator-public-map-links .creator-public-map-feed { border-color:color-mix(in srgb,var(--channel-accent) 38%,#fed7aa); color:var(--channel-accent-deep); background:var(--channel-accent-soft); }

.creator-stage {
    --feature-accent:#f97316;
    overflow: hidden;
    border: 1px solid color-mix(in srgb,var(--channel-accent) 50%,#fdba74);
    border-top: 4px solid var(--channel-accent);
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 22px 52px rgba(15, 23, 42, .13);
}
.creator-stage[data-creator-feature-type="podcast"] { --feature-accent:#db2777; }
.creator-stage[data-creator-feature-type="show"] { --feature-accent:#0f766e; }
.creator-stage[data-creator-feature-type="stream"] { --feature-accent:#ef4444; }
.creator-stage[data-creator-feature-type="clip"] { --feature-accent:#f59e0b; }
.creator-stage-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; padding:1.15rem 1.5rem; background:linear-gradient(110deg,var(--channel-accent-soft),#fff 62%,#ecfdf5); }
.creator-stage-heading h2 { margin:.3rem 0 0; color:#0f1c31; font-family:Georgia,serif; font-size:clamp(1.5rem,2.4vw,2.2rem); line-height:1.12; }
.creator-stage-heading-copy { position:relative; padding-left:1rem; }
.creator-stage-heading-copy::before { content:""; position:absolute; inset:.1rem auto .1rem 0; width:3px; border-radius:999px; background:var(--channel-accent); }
.creator-stage-follow,.creator-stage-primary,.creator-stage-secondary { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-height:44px; border-radius:.8rem; font-weight:800; transition:transform .18s ease,box-shadow .18s ease; }
.creator-stage-follow[hidden],.creator-guestbook-composer[hidden] { display:none!important; }
.creator-stage-primary:hover,.creator-stage-secondary:hover,.creator-stage-follow:hover { transform:translateY(-1px); box-shadow:0 7px 16px rgba(15,23,42,.11); }
.creator-stage-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr); border-top:1px solid #fed7aa; }
.creator-stage-feature { display:grid; grid-template-columns:minmax(250px,.9fr) minmax(0,1fr); min-height:360px; background:linear-gradient(135deg,#0b1628,#172554 62%,#1e293b); color:#fff; }
.creator-stage-art { position:relative; display:flex; align-items:center; justify-content:center; min-height:300px; overflow:hidden; background:linear-gradient(135deg,#1e3658,#0f766e); background-position:center; background-size:cover; }
.creator-stage-art::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:repeating-linear-gradient(90deg,rgba(255,255,255,.68) 0 10px,transparent 10px 28px) top/100% 7px no-repeat,repeating-linear-gradient(90deg,rgba(255,255,255,.68) 0 10px,transparent 10px 28px) bottom/100% 7px no-repeat; opacity:.65; }
.creator-stage-art::after { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--feature-accent) 48%,transparent),transparent 38%); }
.creator-stage[data-creator-feature-type="show"] .creator-stage-art::before,.creator-stage[data-creator-feature-type="podcast"] .creator-stage-art::before { inset:18% 7%; border-block:1px solid rgba(255,255,255,.28); background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.7) 8px 11px,transparent 11px 17px) center/100% 42% no-repeat; opacity:.55; }
.creator-stage[data-creator-feature-type="stream"] .creator-stage-art::before { inset:0; border:0; background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 5px); opacity:.72; }
.creator-stage[data-creator-feature-type="clip"] .creator-stage-art::before { inset:12px; border:1px dashed rgba(255,255,255,.58); background:none; opacity:.8; }
.creator-stage-art-poster { position:absolute; z-index:2; width:auto; max-width:72%; height:auto; max-height:88%; border:1px solid rgba(255,255,255,.48); border-radius:14px; object-fit:contain; box-shadow:0 18px 38px rgba(2,6,23,.42); }
.creator-stage-art-poster[hidden] { display:none; }
.creator-stage-art-icon { position:relative; z-index:3; display:grid; width:76px; height:76px; place-items:center; border:2px solid rgba(255,255,255,.8); border-radius:50%; background:rgba(15,28,49,.68); color:#fff; font-size:1.5rem; box-shadow:0 0 0 7px rgba(255,255,255,.08); backdrop-filter:blur(7px); }
.creator-stage-art[data-creator-media-shape="portrait"] .creator-stage-art-icon,.creator-stage-art[data-creator-media-shape="square"] .creator-stage-art-icon { z-index:2; }
.creator-stage-art-label { position:absolute; z-index:3; right:1rem; bottom:1rem; left:1rem; width:max-content; max-width:calc(100% - 2rem); border:1px solid rgba(255,255,255,.24); border-radius:999px; padding:.32rem .55rem; color:#fff; background:rgba(15,28,49,.62); font-size:.66rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; backdrop-filter:blur(8px); }
.creator-stage-body { align-self:center; padding:2rem; }
.creator-stage-format { color:color-mix(in srgb,var(--feature-accent) 70%,white); font-size:.75rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.creator-stage-body h3 { margin:.65rem 0 .8rem; font-family:Georgia,serif; font-size:clamp(1.65rem,3vw,2.55rem); line-height:1.08; }
.creator-stage-body>p:last-of-type { color:#cbd5e1; font-size:1rem; line-height:1.65; }
.creator-stage-actions { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1.5rem; }
.creator-stage-primary { padding:.75rem 1rem; background:var(--channel-accent-deep); color:#fff; box-shadow:0 8px 22px color-mix(in srgb,var(--channel-accent-deep) 26%,transparent); }
.creator-stage-secondary { border:1px solid rgba(255,255,255,.28); padding:.75rem 1rem; background:rgba(255,255,255,.06); color:#fff; }
.creator-stage-around { position:relative; padding:1.65rem 1.5rem 1.5rem; background:linear-gradient(90deg,transparent 0 34px,rgba(239,68,68,.13) 34px 35px,transparent 35px),repeating-linear-gradient(#fffdf7 0 31px,#dbeafe 31px 32px); }
.creator-stage-around h3 { margin:.35rem 0 1.1rem; color:#0f1c31; font-family:Georgia,serif; font-size:1.45rem; line-height:1.15; }
.creator-stage-around dl { display:grid; gap:.75rem; }
.creator-stage-around dl>div { padding:.8rem .85rem .75rem; border:1px solid color-mix(in srgb,var(--channel-accent) 24%,#fed7aa); border-radius:.45rem; background:rgba(255,255,255,.82); box-shadow:2px 3px 0 color-mix(in srgb,var(--channel-accent) 10%,transparent); }
.creator-stage-around dt { display:flex; align-items:center; gap:.45rem; color:var(--channel-accent-deep); font-size:.7rem; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.creator-stage-around dd { margin:.35rem 0 0; color:#475569; font-size:.88rem; line-height:1.45; }
.creator-stage-follow { width:100%; margin-top:1rem; border:1px solid var(--channel-accent); padding:.7rem 1rem; background:#fff; color:var(--channel-accent-deep); }
.creator-experience-enabled .creator-public-bio { display:grid!important; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:.75rem; min-height:0!important; padding:.85rem 1.25rem!important; }
.creator-experience-enabled .creator-public-bio-label { color:#c2410c; font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; }
.creator-experience-enabled .creator-public-bio p { margin:0!important; color:#334155; font-size:.95rem; line-height:1.45; }
.creator-public-section:not([hidden]) { scroll-margin-top:90px; }
.creator-channel-shell .creator-public-section,.creator-channel-shell .creator-posts-panel { --section-accent:#f97316; position:relative; overflow:hidden; border-color:color-mix(in srgb,var(--section-accent) 28%,#cbd5e1); border-top:4px solid var(--section-accent); box-shadow:0 16px 36px rgba(15,23,42,.08); }
.creator-channel-shell [data-creator-public-clips-section] { --section-accent:#f59e0b; }
.creator-channel-shell [data-creator-public-shows-section] { --section-accent:#0f766e; }
.creator-channel-shell [data-creator-public-live-section] { --section-accent:#ef4444; }
.creator-channel-shell .creator-public-section>.flex>i,.creator-channel-shell .creator-posts-panel>.flex>i { display:grid; width:2.55rem; height:2.55rem; flex:0 0 2.55rem; place-items:center; border-radius:.75rem; color:var(--section-accent)!important; background:color-mix(in srgb,var(--section-accent) 11%,#fff); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--section-accent) 22%,#e2e8f0); }
.creator-channel-shell [data-creator-public-videos-section] .creator-public-video-card { border-top:3px solid #f97316; }
.creator-channel-shell [data-creator-public-clips] .watch-content-card { border-style:dashed; border-color:#fbbf24; background:#fffbeb; }
.creator-channel-shell [data-creator-public-clips] .watch-published-art { border-bottom:1px dashed #fbbf24; }
.creator-channel-shell [data-creator-public-shows] .creator-public-video-card { border-top:3px solid #0f766e; background:linear-gradient(180deg,#f0fdfa,#fff 24%); }
.creator-channel-shell [data-creator-public-live] .creator-live-library-card { border-left:4px solid #ef4444; }
.creator-channel-shell :is(a,button,textarea):focus-visible { outline:2px solid #c2410c; outline-offset:3px; box-shadow:0 0 0 2px #fff,0 0 0 5px #7c2d12; }
.creator-guestbook { overflow:hidden; border:1px solid #fed7aa; border-top:4px solid var(--channel-accent); border-radius:1.25rem; background:#fff; box-shadow:0 12px 26px rgba(15,23,42,.07); scroll-margin-top:90px; }
.creator-guestbook-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1.35rem 1.5rem; background:linear-gradient(115deg,#fffdf8,#fff7ed 55%,#fff); }
.creator-guestbook-heading h2 { margin:.25rem 0 .35rem; color:#0f172a; font-family:Georgia,serif; font-size:2rem; }
.creator-guestbook-heading p:last-child { color:#64748b; line-height:1.6; }
.creator-guestbook-heading>i { color:#f97316; font-size:1.7rem; }
.creator-guestbook-notice { margin:1rem 1.5rem 0; padding:.8rem 1rem; border:1px solid #fed7aa; border-radius:.85rem; background:#fff7ed; color:#9a3412; font-weight:700; }
.creator-guestbook-composer { display:grid; gap:.75rem; margin:1rem 1.5rem; padding:1rem; border:1px solid #cbd5e1; border-radius:1rem; background:#f8fafc; }
.creator-guestbook-composer textarea { min-height:95px; width:100%; resize:vertical; border:1px solid #cbd5e1; border-radius:.85rem; background:#fff; padding:.85rem 1rem; color:#0f172a; font-size:1rem; line-height:1.55; }
.creator-guestbook-actions,.creator-comment-form-actions { display:flex; align-items:center; justify-content:flex-end; gap:.6rem; }
.creator-guestbook-actions button,.creator-comment-form-actions button { border:1px solid #fdba74; border-radius:.8rem; background:#fff; padding:.65rem .9rem; color:#c2410c; font-weight:800; }
.creator-guestbook-actions button[type="submit"],.creator-comment-form-actions button[type="submit"] { border-color:#f97316; background:#f97316; color:#fff; }
.creator-guestbook-gif,.creator-comment-gif-preview { position:relative; width:min(280px,100%); }
.creator-guestbook-gif img,.creator-comment-gif-preview img,.creator-guestbook-post-gif,.creator-thread-gif { display:block; max-height:280px; max-width:100%; border-radius:.85rem; object-fit:contain; }
.creator-guestbook-gif button,.creator-comment-gif-preview button { position:absolute; right:.4rem; top:.4rem; display:grid; width:2rem; height:2rem; place-items:center; border:0; border-radius:50%; background:#0f172acc; color:#fff; }
.creator-guestbook-list { display:grid; gap:1rem; padding:0 1.5rem 1.5rem; }
.creator-guestbook-empty { padding:1.2rem; border:1px dashed #cbd5e1; border-radius:1rem; color:#64748b; text-align:center; }
.creator-guestbook-card { overflow:hidden; border:1px solid #dbe3ee; border-radius:1rem; background:#fff; box-shadow:0 6px 16px rgba(15,23,42,.05); }
.creator-guestbook-card.is-pinned { border-color:#fb923c; box-shadow:0 8px 20px rgba(249,115,22,.12); }
.creator-guestbook-card.is-pending { border-style:dashed; background:#fffbeb; }
.creator-guestbook-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1rem 1rem .5rem; }
.creator-guestbook-author { display:flex; align-items:center; gap:.7rem; min-width:0; }
.creator-guestbook-author>img,.creator-guestbook-author>span { display:grid; flex:0 0 44px; width:44px; height:44px; place-items:center; border-radius:50%; background:#e2e8f0; object-fit:cover; color:#475569; font-weight:900; }
.creator-guestbook-author strong,.creator-guestbook-author small { display:block; }
.creator-guestbook-author small { margin-top:.15rem; color:#64748b; font-size:.75rem; }
.creator-guestbook-badges { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.35rem; }
.creator-guestbook-badges em { border-radius:999px; background:#fff7ed; padding:.3rem .55rem; color:#c2410c; font-size:.7rem; font-style:normal; font-weight:800; }
.creator-guestbook-card>.creator-post-card-copy,.creator-guestbook-card>.creator-guestbook-post-gif { margin:.6rem 1rem 1rem; }
.creator-guestbook-moderation { display:flex; flex-wrap:wrap; gap:.5rem; padding:0 1rem .8rem; }
.creator-guestbook-moderation button { border:1px solid #cbd5e1; border-radius:.65rem; background:#fff; padding:.45rem .65rem; color:#475569; font-size:.78rem; font-weight:800; }
.creator-comment-form { display:grid; gap:.65rem; }
.creator-comment-form>button { display:none; }
.creator-thread-gif { margin-top:.5rem; }
@media (max-width:900px) {
    .creator-channel-shell { gap:1rem; }
    .creator-stage-grid,.creator-stage-feature { grid-template-columns:1fr; }
    .creator-stage-art { min-height:240px; }
    .creator-stage-around { border-top:1px solid #fed7aa; }
}
@media (max-width:800px) {
    .creator-public-page .creator-shell,
    .creator-public-page .watch-top-nav .watch-shell { width:min(100% - 20px,680px); }
    .creator-channel-shell .creator-public-map-links { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(108px,1fr); overflow-x:auto; }
}
@media (max-width:640px) {
    .creator-public-page .creator-shell,
    .creator-public-page .watch-top-nav .watch-shell { width:min(100% - 16px,620px); }
    .creator-channel-shell { gap:.85rem; }
    .creator-channel-shell::before { inset:-.25rem; border-radius:1.25rem; }
    .creator-channel-shell .creator-public-banner { min-height:0; }
    .creator-channel-shell .creator-public-avatar { transform:none; }
    .creator-channel-plaque { max-width:calc(100% - 1.5rem); margin:0 .75rem .65rem; padding:.45rem .6rem; font-size:.66rem; }
    .creator-channel-signal { min-width:0; }
    .creator-stage { border-radius:1rem; }
    .creator-stage-heading { align-items:stretch; flex-direction:column; padding:1rem; }
    .creator-stage-heading-copy { padding-left:.75rem; }
    .creator-stage-heading h2 { font-size:1.55rem; }
    .creator-stage-art { min-height:210px; }
    .creator-stage-body,.creator-stage-around { padding:1.15rem; }
    .creator-stage-body h3 { font-size:1.65rem; }
    .creator-stage-body>p:last-of-type,.creator-stage-around dd { font-size:.94rem; }
    .creator-stage-actions { flex-direction:column; }
    .creator-stage-primary,.creator-stage-secondary { width:100%; }
    .creator-experience-enabled .creator-public-bio { grid-template-columns:1fr!important; gap:.3rem!important; padding:.8rem 1rem!important; }
    .creator-experience-enabled .creator-public-bio-label { font-size:.65rem; }
    .creator-guestbook { border-radius:1rem; }
    .creator-guestbook-heading { padding:1.1rem; }
    .creator-guestbook-heading h2 { font-size:1.65rem; }
    .creator-guestbook-notice,.creator-guestbook-composer { margin:.85rem 1rem 0; }
    .creator-guestbook-list { padding:1rem; }
    .creator-guestbook-card-head { align-items:flex-start; flex-direction:column; }
    .creator-guestbook-badges { justify-content:flex-start; }
    .creator-guestbook-actions,.creator-comment-form-actions { justify-content:space-between; }
    .creator-guestbook-actions button,.creator-comment-form-actions button { min-height:44px; }
}
@media (prefers-reduced-motion:reduce) {
    .creator-channel-shell .creator-public-avatar,.creator-stage-primary:hover,.creator-stage-secondary:hover,.creator-stage-follow:hover { transform:none; }
    .creator-stage-follow,.creator-stage-primary,.creator-stage-secondary { transition:none; }
}