.v8FeedPage{
  max-width:1280px;
  margin:0 auto;
  padding:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:16px;
}
.feedHero{
  grid-column:1/-1;
  background:linear-gradient(135deg,#0d1c2b,#142c3f);
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  padding:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 20px 55px rgba(0,0,0,.18);
}
.feedHero h1{
  margin:6px 0 8px;
  font-size:42px;
  letter-spacing:-.045em;
}
.feedHero p{margin:0;color:#b8c6d6}
.feedPanel,.feedSide .rightCard{
  background:rgba(13,28,43,.88);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:16px;
  box-shadow:0 20px 55px rgba(0,0,0,.18);
}
.feedComposer{
  display:grid;
  gap:12px;
  margin-bottom:14px;
}
.feedComposer .composerTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.feedComposer .composerTop h3{
  margin:0 0 4px;
  font-size:20px;
  letter-spacing:0;
}
.feedComposer .composerTop span{
  color:#b8c6d6;
  font-size:14px;
}
.feedComposer .composerGrid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  gap:10px;
  align-items:stretch;
}
.feedComposer input,
.feedComposer textarea,
.feedComposer select{
  width:100%;
  min-width:0;
  background:#07131f;
  color:#eef6ff;
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  padding:12px 14px;
  font:inherit;
  outline:none;
}
.feedComposer input::placeholder,
.feedComposer textarea::placeholder{
  color:#8fa2b8;
}
.feedComposer input:focus,
.feedComposer textarea:focus,
.feedComposer select:focus{
  border-color:#60a5fa;
  box-shadow:0 0 0 3px rgba(96,165,250,.16);
}
.feedComposer textarea{
  grid-column:1/-1;
  min-height:92px;
  resize:vertical;
}
.composerActions{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.composerUpload{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 14px;
  border-radius:14px;
  background:#132638;
  color:#eef6ff;
  border:1px solid rgba(255,255,255,.12);
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.composerUpload input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}
.composerFileName{
  color:#9fb0c4;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.composerActions button{
  min-height:44px;
  background:#f0184f;
  color:#fff;
  border-radius:14px;
  padding:10px 18px;
  font-weight:1000;
  white-space:nowrap;
}
.feedSide{display:grid;gap:14px;align-content:start}
.typeFilters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:14px 0;
}
.typeFilters button{
  background:#132638;
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
}
.typeFilters button.active{
  background:#f0184f;
}
@media(max-width:960px){
  .v8FeedPage{grid-template-columns:1fr}
}
@media(max-width:720px){
  .feedHero{
    display:grid;
    gap:14px;
  }
  .feedHero h1{
    font-size:34px;
  }
  .feedComposer .composerGrid,
  .composerActions{
    grid-template-columns:1fr;
  }
  .composerFileName{
    white-space:normal;
  }
  .composerActions button{
    width:100%;
  }
}