.media-field{margin-top:18px;border-top:1px solid #303044;padding-top:16px}.media-title{margin:0 0 10px;font-size:15px;color:#f5f2fa}.media-title span{font-size:13px;color:#b3afc5;margin-left:8px}.media-pick{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:10px 20px;border:1px dashed #7fdde1;border-radius:9px;color:#7fdde1;cursor:pointer;font-size:15px;font-weight:650}.media-pick:hover{background:#1d1d2d}#media-input:focus-visible+.media-pick{outline:3px solid #7fdde1;outline-offset:5px}.media-note{display:block;margin-top:8px;font-size:13px;line-height:1.7;color:#b3afc5}.media-preview{margin-top:16px}.media-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.media-thumbs a,.media-thumbs figure{display:block;margin:0;position:relative;border-radius:10px;overflow:hidden;border:1px solid #45445b;background:#10101b;aspect-ratio:4/3}.media-thumbs img{width:100%;height:100%;object-fit:cover;display:block}.media-thumbs a span{position:absolute;right:6px;bottom:6px;font-size:12px;padding:2px 8px;border-radius:99px;background:rgba(13,13,24,.82);color:#f5f2fa}.media-mood{margin:12px 0 4px;font-size:14px;color:#f9c66e}.media-help{margin:0 0 12px;font-size:13px;line-height:1.7;color:#b3afc5}.media-actions{display:flex;flex-wrap:wrap;gap:10px}