.community-page .community-hero.cm-personal-background::before{inset:0;background-image:var(--cm-personal-image);background-position:var(--cm-bg-x,50%) var(--cm-bg-y,50%);background-size:cover;opacity:1;transform:scale(var(--cm-bg-scale,1));transform-origin:var(--cm-bg-origin,50% 50%);}
.community-page .community-hero>.cm-bg-motion{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:var(--cm-bg-x,50%) var(--cm-bg-y,50%);transform:scale(var(--cm-bg-scale,1));transform-origin:var(--cm-bg-origin,50% 50%);pointer-events:none;max-width:none;opacity:1;filter:none;}
.community-page .community-hero>.cm-bg-motion[hidden],.community-page .cm-bg-pause[hidden],.community-page .cm-bg-poster-editor[hidden]{display:none!important;}
.community-page .community-hero .cm-bg-pause{position:absolute;right:16px;bottom:14px;padding:9px 13px;min-height:40px;font:12px/1.4 Arial,sans-serif;z-index:2;}
.community-page .cm-bg-poster-editor{border-top:1px solid #a5824e44;padding-top:18px;display:grid;gap:12px;}
.community-page .cm-bg-poster-editor video{width:min(100%,420px);max-height:190px;object-fit:contain;background:#090709;border-radius:10px;}
.community-page .cm-bg-poster-editor button{justify-self:start;padding:10px 16px;min-height:42px;}
.community-page .cm-bg-motion-note:empty{display:none;}
.community-page .community-hero.cm-personal-background{padding-bottom:70px;}
.community-page .cm-background-framing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.community-page .cm-background-framing button{justify-self:start;padding:10px 14px;grid-column:1/-1;}
@media(max-width:560px){.community-page .cm-background-framing{grid-template-columns:1fr;gap:16px;}}
.community-page .community-hero.cm-personal-background::after{background:linear-gradient(90deg,rgba(21,16,21,.92),rgba(21,16,21,.35) 65%,rgba(21,16,21,.15)),linear-gradient(rgba(0,0,0,var(--cm-personal-darkness,.45)),rgba(0,0,0,var(--cm-personal-darkness,.45)));}
.community-page .cm-background{margin:10px 0 18px;border:1px solid #b58b5738;border-radius:12px;background:#151015;color:#e9ddcb;}
.community-page .cm-background summary{padding:12px 16px;cursor:pointer;font:600 13px/1.5 Arial,sans-serif;color:#d9b981;list-style:none;}
.community-page .cm-background summary::after{content:'＋';float:right;}.community-page .cm-background[open] summary::after{content:'−';}
.community-page .cm-background-panel{padding:6px 18px 17px;display:grid;gap:16px;}
.community-page .cm-background-heading{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font:14px/1.5 Arial,sans-serif;}
.community-page .cm-background-heading span{color:#b5a49b;font-size:12px;}
.community-page .cm-background-actions{display:flex;gap:10px;flex-wrap:wrap;}
.community-page .cm-background-actions button{padding:11px 16px;min-height:42px;font-size:13px;}
.community-page .cm-background input[type=file][hidden]{display:none!important;}
.community-page .cm-background label{display:block;max-width:420px;font:13px/1.5 Arial,sans-serif;}
.community-page .cm-background output{float:right;color:#e9c58a;}
.community-page .cm-background input[type=range]{display:block;width:100%;margin:12px 0 0;padding:0;min-height:24px;accent-color:#d9b36d;}
.community-page .cm-background p{margin:0;color:#b9aaa2;font:12px/1.5 Arial,sans-serif;}
@media(max-width:500px){.community-page .cm-background-actions button{flex:1;}.community-page .community-hero.cm-personal-background::after{background:linear-gradient(90deg,#151015c9,#15101570),linear-gradient(rgba(0,0,0,var(--cm-personal-darkness,.45)),rgba(0,0,0,var(--cm-personal-darkness,.45)));}}
