@import url("social-v180.css");
.composer192-body{min-height:100vh}
.composer192-layout{max-width:1480px;margin:20px auto 90px;padding:0 18px;display:grid;grid-template-columns:245px minmax(0,760px) 285px;gap:20px;align-items:start}
.composer192-left,.composer192-right{display:grid;gap:13px;position:sticky;top:90px}
.composer192-profile,.composer192-nav,.composer192-tip,.composer192-card{background:#fff;border:1px solid #e0e7f0;border-radius:18px;box-shadow:0 10px 30px rgba(16,35,63,.06)}
.composer192-profile{overflow:hidden;text-align:center;padding-bottom:15px}.composer192-profile .cover{height:72px;background:linear-gradient(135deg,#173a64,#3f78b6)}
.composer192-profile .avatar{width:66px;height:66px;margin:-33px auto 5px;border-radius:50%;border:4px solid #fff;display:grid;place-items:center;overflow:hidden;background:#eef4fb;color:#10233f;text-decoration:none;font-weight:900;font-size:1.2rem}
.composer192-profile .avatar img{width:100%;height:100%;object-fit:cover}.composer192-profile h3{margin:3px 0}.composer192-profile>span{color:#79879a;font-size:.72rem}
.composer192-profile .stats{display:grid;grid-template-columns:1fr 1fr;margin:13px 14px 0;padding-top:11px;border-top:1px solid #edf1f5}.composer192-profile .stats a{display:flex;flex-direction:column;text-decoration:none;color:#17243a}.composer192-profile .stats small{color:#7d8999;font-size:.62rem}
.composer192-nav{padding:7px}.composer192-nav a{display:grid;grid-template-columns:29px 1fr auto;gap:8px;align-items:center;padding:10px;border-radius:10px;color:#26364c;text-decoration:none;font-weight:750;font-size:.84rem}.composer192-nav a:hover{background:#eef4fb;color:#205f9f}.composer192-nav a>span{width:29px;height:29px;border-radius:9px;background:#f0f4f9;display:grid;place-items:center}.composer192-nav a>b{background:#d92d20;color:#fff;border-radius:999px;padding:2px 6px;font-size:.58rem}
.composer192-center{display:grid;gap:13px;min-width:0}.composer192-heading{display:flex;justify-content:space-between;align-items:start;gap:18px}.composer192-heading h1{margin:4px 0 5px;font-size:clamp(1.8rem,4vw,2.55rem);letter-spacing:-.035em}.composer192-heading p{max-width:650px;margin:0;color:#6d7b8e;line-height:1.55}.composer192-heading>a{padding:9px 11px;border-radius:10px;background:#fff;border:1px solid #dfe6ef;text-decoration:none;color:#536278;font-weight:750}
.composer192-alert{background:#fff0ef;color:#a43129;border:1px solid #efc3bf;border-radius:12px;padding:12px 14px}.composer192-card{overflow:hidden}
.composer192-author{display:flex;gap:10px;align-items:center;padding:15px 17px;border-bottom:1px solid #edf1f5}.composer192-author .avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef4fb;color:#10233f;text-decoration:none;font-weight:900}.composer192-author>div{display:flex;flex-direction:column}.composer192-author span{font-size:.7rem;color:#7c899a;margin-top:2px}
.composer192-text{display:grid;padding:17px;gap:8px}.composer192-text>span,.composer192-options label>span{font-weight:820}.composer192-text textarea{width:100%;min-height:190px;padding:0;border:0;outline:0;resize:vertical;background:transparent;color:#17243a;font:400 1.08rem/1.65 system-ui;overflow-wrap:anywhere}.composer192-text small{text-align:right;color:#8792a2}
.composer192-media{padding:17px;border-top:1px solid #edf1f5}.composer192-media h2{margin:0 0 12px;font-size:1rem}.composer192-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.media-option{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #dfe6ef;border-radius:13px;background:#f9fbfd;cursor:pointer}.media-option:hover{border-color:#a9c0da;background:#f3f7fc}.media-option .icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eaf2fb;color:#2564a5;font-size:1.1rem}.media-option>div{display:flex;flex-direction:column;min-width:0}.media-option small{color:#7d8998;font-size:.66rem;margin-top:2px}.media-option input[type=file]{grid-column:1/-1;width:100%;font-size:.72rem;color:#677589}.media-option.text-option{cursor:default}.media-option.text-option input{grid-column:1/-1;width:100%;border:1px solid #dbe3ec;border-radius:9px;padding:9px 10px;background:#fff;font:inherit}
.composer192-options{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:11px;border-top:1px solid #edf1f5;background:#fbfcfe}.composer192-options label{display:grid;gap:6px}.composer192-options select,.composer192-options input{width:100%;padding:10px 11px;border:1px solid #dbe3ec;border-radius:10px;background:#fff;font:inherit}.composer192-options small{color:#7a8798;font-size:.68rem;line-height:1.35}.schedule-field{grid-column:1/-1}
.composer192-actions{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #edf1f5}.composer192-actions>div:first-child{display:flex;flex-direction:column;gap:3px}.storymotion-action{color:#2767aa;text-decoration:none;font-weight:850}.composer192-actions small{color:#7b8899;font-size:.67rem}.composer192-actions .buttons{display:flex;gap:8px}.composer192-actions .buttons a,.composer192-actions .buttons button{min-height:40px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font:800 .82rem system-ui;cursor:pointer;text-decoration:none}.composer192-actions .cancel{border:1px solid #dce4ed;background:#fff;color:#536278}.composer192-actions button{border:1px solid #10233f;background:#10233f;color:#fff}
.composer192-tip{padding:16px}.composer192-tip .tip-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eaf2fb;color:#2767aa;font-size:1.25rem}.composer192-tip h3{margin:9px 0 5px}.composer192-tip p,.composer192-tip li{color:#6f7d90;line-height:1.5;font-size:.8rem}.composer192-tip ul{margin:8px 0 0;padding-left:19px}.composer192-tip li+li{margin-top:6px}.composer192-tip.game-tip{display:grid;grid-template-columns:auto 1fr;gap:10px}.composer192-tip.game-tip>span{font-size:1.7rem}.composer192-tip.game-tip h3{margin:0}.composer192-tip.game-tip p{margin:4px 0}.composer192-tip a{color:#2867aa;text-decoration:none;font-weight:800;font-size:.76rem}
@media(max-width:1180px){.composer192-layout{grid-template-columns:220px minmax(0,1fr)}.composer192-right{display:none}}
@media(max-width:880px){.composer192-layout{display:block;margin:12px auto;padding:0 10px}.composer192-left{display:none}.composer192-heading{padding:0 3px}.composer192-body{padding-bottom:76px}}
@media(max-width:620px){.composer192-media-grid,.composer192-options{grid-template-columns:1fr}.composer192-actions{align-items:stretch;flex-direction:column}.composer192-actions .buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.composer192-actions .buttons a,.composer192-actions .buttons button{width:100%}.composer192-heading>a{display:none}}

.v140-post>.post-image{display:block;width:100%;max-height:680px;object-fit:contain;background:#eef2f6;min-height:220px}
.v140-post .story-post>img{display:block;width:100%;height:100%;object-fit:cover}
.v140-post .story-placeholder.image-fallback{position:absolute;inset:0;place-items:center;background:linear-gradient(135deg,#173b65,#0d1d33);color:#fff;font-size:2rem}
