:root{--profile-accent:#5f9fc1;--profile-paper:#f4f0e9;--profile-ink:#18191b;--profile-muted:#69645e}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Noto Sans Thai",system-ui,sans-serif}.creator-profile-page{min-height:100vh;color:var(--profile-ink);background-color:var(--profile-paper);background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.68),transparent 28%),repeating-linear-gradient(115deg,rgba(73,61,47,.025) 0 1px,transparent 1px 4px)}a{color:inherit;text-decoration:none}.creator-profile-shell{width:min(760px,calc(100% - 28px));margin:auto;padding:30px 0 64px}.profile-back{display:inline-flex;margin-bottom:18px;color:var(--profile-accent);font-size:.78rem;font-weight:900}.profile-poster{padding:50px 24px 26px;background:transparent}.profile-stats{display:grid;grid-template-columns:46.5% 25% 28.5%;gap:0;width:77%;margin:0 0 18px auto}.profile-stats div{min-width:0}.profile-stats b,.profile-stats span,.profile-stats a{display:block}.profile-stats b{margin-bottom:4px;font-size:.78rem;letter-spacing:.025em}.profile-stats span,.profile-stats a{overflow:hidden;font-size:.7rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.profile-stats a:hover{color:var(--profile-accent)}.profile-name{position:relative;z-index:2;width:100%;margin:0 auto -36px;overflow:hidden;color:var(--profile-accent);font-size:clamp(4.08rem,17.52vw,11.52rem);font-weight:1000;letter-spacing:-.07em;line-height:1;text-align:center;text-overflow:clip;text-transform:uppercase;white-space:nowrap}.profile-image-wrap{position:relative;z-index:1;width:100%;overflow:hidden;background:#ded8ce}.profile-image-wrap img{display:block;width:100%;height:auto}.profile-image-empty{display:grid;width:100%;aspect-ratio:4/3;place-items:center;color:#857e75;font-weight:800}.creator-tracks{margin-top:34px}.creator-tracks>header small,.creator-profile-editor small{color:var(--profile-accent);font-size:.68rem;font-weight:900;letter-spacing:.14em}.creator-tracks>header h2{margin:5px 0 18px;font-size:clamp(1.5rem,4vw,2.3rem)}.creator-tracks>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.creator-tracks article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding:12px;border:1px solid rgba(84,74,62,.14);background:rgba(255,255,255,.66)}.creator-track-cover img{display:block;width:112px;aspect-ratio:1;object-fit:cover}.creator-tracks h3{margin:4px 0 6px;font-size:1rem}.creator-tracks p{margin:0 0 14px;color:var(--profile-muted);font-size:.72rem}.creator-track-play{color:var(--profile-accent);font-size:.72rem;font-weight:900}.creator-tracks-empty{padding:24px;border:1px solid rgba(84,74,62,.14);background:rgba(255,255,255,.5);color:var(--profile-muted)}
.creator-profile-editor{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:center}.creator-profile-editor-copy h2{margin:5px 0 7px}.creator-profile-editor-copy p{margin:0 0 13px;color:#826f7d}.creator-profile-editor>img{width:150px;height:auto;border-radius:14px}.creator-profile-editor>form{display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.creator-profile-editor .button{display:inline-flex;width:fit-content}
@media(max-width:650px){.creator-profile-shell{width:min(100% - 18px,540px);padding-top:16px}.profile-poster{padding:28px 15px 18px}.profile-stats{grid-template-columns:42% 29% 29%;width:100%;gap:0;margin-bottom:12px}.profile-stats b{font-size:.6rem}.profile-stats span,.profile-stats a{font-size:.62rem}.profile-name{width:100%;margin-bottom:-26px;font-size:clamp(3.12rem,20.4vw,6.48rem)}.creator-tracks>div{grid-template-columns:1fr}.creator-profile-editor{grid-template-columns:1fr}.creator-profile-editor>img{width:100%;max-width:260px}.creator-profile-editor>form{grid-template-columns:1fr}.creator-profile-editor>form button{width:100%}}
@media(max-width:390px){.profile-stats{grid-template-columns:1fr 1fr}.profile-stats div:first-child{grid-column:1/-1}.creator-tracks article{grid-template-columns:86px minmax(0,1fr)}.creator-track-cover img{width:86px}}
.creator-tabs{display:flex;gap:8px;padding:6px;margin-bottom:20px;border:1px solid #ecdce3;border-radius:18px;background:#fff;width:fit-content;max-width:100%}.creator-tabs a{display:inline-flex;justify-content:center;align-items:center;padding:12px 22px;border-radius:13px;color:#986176;font-weight:800;transition:background .18s,color .18s,box-shadow .18s}.creator-tabs a:hover{background:#fff0f5;color:#c64072}.creator-tabs a.active{color:#fff;background:linear-gradient(135deg,#f18cad,#dc5889);box-shadow:0 5px 14px #dc588930}.creator-tabs a:focus-visible{outline:2px solid #d94c7e;outline-offset:2px}@media(max-width:650px){.creator-tabs{width:100%}.creator-tabs a{flex:1;padding:12px 8px;font-size:.85rem}}
.profile-stats b i{font-style:normal;font-size:.85em;vertical-align:baseline}