.px-layout { display: grid; grid-template-columns: minmax(0, 600px) 1fr; gap: 20px; align-items: start; margin-top: 20px; }
.px-feed { display: grid; gap: 18px; }
.px-post header { display: flex; align-items: center; gap: 10px; padding: 12px 14px; }
.px-post header a { display: flex; align-items: center; gap: 10px; flex: 1; }
.px-post header img { width: 34px; height: 34px; border-radius: 50%; image-rendering: pixelated; }
.px-img { display: block; width: 100%; background: #000; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.px-body { padding: 12px 14px 14px; display: grid; gap: 8px; font-size: 14px; }
.px-actions { display: flex; align-items: center; gap: 14px; }
.px-like { display: inline-flex; align-items: center; gap: 6px; color: var(--dim); }
.px-like.on { color: var(--gold); }
.px-like.on svg { fill: var(--gold); }
.px-del { color: var(--faint); }
.px-del:hover { color: var(--bad); }
.px-comments { display: grid; gap: 3px; color: #d6e6c8; }
.px-cf { display: flex; gap: 8px; }
.px-side { display: grid; gap: 16px; position: sticky; top: 84px; }
.px-drop { display: grid; place-items: center; min-height: 150px; border: 2px dashed var(--line-2); border-radius: var(--r-sm); cursor: pointer; text-align: center; color: var(--dim); font-size: 13px; overflow: hidden; padding: 10px; }
.px-drop.over { border-color: var(--ice); background: rgba(139, 212, 80, .06); }
.px-drop img { width: 100%; display: block; border-radius: 6px; }
@media (max-width: 960px) { .px-layout { grid-template-columns: 1fr; } .px-side { position: static; order: -1; } }