/* HauntSync community show library — usable on phones and desktops. */
.hs-library-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(290px,.85fr); align-items:start; gap:1.2rem; margin-top:1.5rem; }
.hs-library-sidebar { display:grid; align-content:start; gap:1.2rem; }
.hs-library-heading { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.hs-library-heading h2 { margin:.3rem 0; }
.hs-library-heading .form-group { min-width:160px; margin:0; }
.hs-shared-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.hs-shared-card { display:flex; flex-direction:column; min-width:0; padding:1.2rem; gap:.55rem; border-radius:15px; background:linear-gradient(160deg,#17201b,#0e1417); border:1px solid var(--site-border); }
.hs-shared-card:hover { border-color:rgba(120,255,67,.46); }
.hs-shared-card h3 { margin:.3rem 0; overflow-wrap:anywhere; }
.hs-shared-card .hs-meta { font-size:.84rem; color:var(--site-muted); overflow-wrap:anywhere; }
.hs-shared-card .hs-blurb { color:var(--site-muted); line-height:1.6; overflow-wrap:anywhere; margin:0; flex:1; }
.hs-shared-card .btn { align-self:flex-start; margin-top:.6rem; }
.hs-library-placeholder { grid-column:1/-1; padding:2.5rem 1rem; text-align:center; color:var(--site-muted); border-radius:14px; border:1px dashed var(--site-border-bright); }
.hs-library-placeholder h3 { margin:0 0 .7rem; color:var(--site-text); }
.hs-publish-form { display:grid; gap:1.1rem; margin-top:1.1rem; }
.hs-publish-form .form-group { display:grid; gap:.3rem; min-width:0; margin:0; }
.hs-publish-form .form-group label { font-weight:750; }
.hs-publish-form .form-control { max-width:100%; min-width:0; }
.hs-publish-form input[type=file] { font-size:.83rem; }
.hs-publish-warning { background:rgba(255,93,62,.075); border-left:3px solid #ff674c; padding:1rem; border-radius:8px; color:var(--site-text); line-height:1.55; font-size:.9rem; }
.hs-publish-confirm { display:flex; align-items:flex-start; gap:.7rem; color:var(--site-muted); line-height:1.5; cursor:pointer; }
.hs-publish-confirm input { width:auto; margin-top:.32rem; flex:none; accent-color:#78ff43; }
.hs-show-dialog { width:min(640px,calc(100% - 1rem)); max-height:calc(100dvh - 2rem); overflow:auto; border:1px solid rgba(120,255,67,.35); border-radius:19px; color:var(--site-text); background:#10191b; box-shadow:0 25px 90px #000b; padding:0; }
.hs-show-dialog::backdrop { background:#020505c9; backdrop-filter:blur(4px); }
.hs-dialog-inner { padding:clamp(1.1rem,3vw,2rem); display:grid; gap:.85rem; }
.hs-dialog-inner h2 { margin:0; overflow-wrap:anywhere; }
.hs-dialog-top { display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.hs-dialog-inner p { margin:.1rem 0; overflow-wrap:anywhere; }
.hs-preview-stats { display:flex; flex-wrap:wrap; gap:.6rem; }
.hs-preview-stats .hs-tag { color:#bbff9e; }
@media(max-width:960px) { .hs-library-layout { grid-template-columns:1fr; } }
@media(max-width:650px) { .hs-shared-list { grid-template-columns:1fr; } .hs-library-heading .form-group { width:100%; } }