body.skin-gallery .skin-columns{display:none}
body.skin-gallery .skin-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.skin-gallery .skin-row{display:flex;flex-wrap:wrap;align-content:start;gap:10px;padding:18px;border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden;margin:0}
body.skin-gallery .skin-row-category{width:100%;font-size:11px}
body.skin-gallery .skin-row-story{width:100%;display:flex;flex-direction:column;gap:14px;align-items:stretch}
body.skin-gallery .skin-thumbnail{display:block;width:calc(100% + 36px);height:auto;aspect-ratio:4/3;margin:-18px -18px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;order:-1}
body.skin-gallery .skin-row-category{order:1}body.skin-gallery .skin-row-story{order:0}body.skin-gallery .skin-author,body.skin-gallery .skin-views,body.skin-gallery .skin-date{order:2}
body.skin-gallery .skin-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.skin-gallery .skin-thumbnail.empty-preview{background:var(--soft);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:13px}
body.skin-gallery .skin-author{margin-right:auto;max-width:100%}body.skin-gallery .skin-date{font-size:11px;margin-left:auto}body.skin-gallery .skin-views{font-size:11px}.skin-gallery .skin-mobile-label{display:inline}
body.skin-gallery .skin-empty{grid-column:1/-1}
@media(max-width:1000px){body.skin-gallery .skin-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:460px){body.skin-gallery .skin-rows{grid-template-columns:1fr;gap:16px}body.skin-gallery .skin-title{font-size:16px}}