#v-postgrid{--pg-ink:var(--white,#1a1712);--pg-line:var(--hairline,#ddd8cb);--pg-paper:var(--bg-card,#f5f2e9);--pg-accent:var(--gold-ink,#786633);color:var(--pg-ink);max-width:1200px;margin:0 auto;padding:12px 0 48px}
#v-postgrid *{box-sizing:border-box}#v-postgrid [hidden]{display:none!important}
#v-postgrid .pg-heading h1{font-family:inherit;font-size:clamp(28px,4vw,40px);font-weight:500;letter-spacing:-.04em;line-height:1.15;margin:0 0 8px}
#v-postgrid p{line-height:1.5}#v-postgrid .pg-muted{color:var(--muted,#756f62);font-size:13px}#v-postgrid .pg-heading p{font-size:16px;margin:0 0 24px}
#v-postgrid .pg-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}#v-postgrid .pg-filters input{flex:1;min-width:160px}#v-postgrid .pg-filters select{width:auto;max-width:210px}
#v-postgrid .pg-input{min-height:44px;border:1px solid var(--pg-line);border-radius:8px;background:var(--bg-elev,#fff);color:var(--pg-ink);padding:11px 12px;font:inherit;font-size:14px;width:100%}
#v-postgrid textarea.pg-input{resize:vertical;line-height:1.6;min-height:160px}#v-postgrid .pg-order-note{max-width:720px;margin:14px 0}#v-postgrid .pg-count{font-size:13px;font-weight:600;margin:0 0 6px}#v-postgrid .pg-live{font-size:13px;color:var(--muted,#756f62);min-height:20px;margin:0 0 14px}
#v-postgrid .pg-layout{display:grid;grid-template-columns:minmax(0,800px) 320px;gap:28px;align-items:start}#v-postgrid .pg-feed{min-width:0}#v-postgrid .pg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#v-postgrid .pg-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 14px;border:1px solid var(--pg-line);border-radius:8px;background:var(--bg-elev,#fff);color:var(--pg-ink);font:inherit;font-size:13px;font-weight:500;text-align:center;line-height:1.4;cursor:pointer;text-decoration:none;white-space:normal}
#v-postgrid .pg-button:hover{border-color:var(--pg-accent)}#v-postgrid .pg-button:focus-visible,#v-postgrid input:focus-visible,#v-postgrid textarea:focus-visible,#v-postgrid select:focus-visible{outline:3px solid var(--pg-accent);outline-offset:3px}
#v-postgrid .pg-button:disabled,#v-postgrid .pg-button[aria-disabled=true]{opacity:.48;cursor:not-allowed}#v-postgrid .pg-primary{background:var(--pg-accent);color:var(--bg,#fbfaf5);border-color:var(--pg-accent)}
#v-postgrid .pg-tile{padding:0;display:flex;flex-direction:column;align-items:stretch;gap:0;border:0;background:transparent;overflow:hidden;border-radius:3px;min-width:0;text-align:left;position:relative}
#v-postgrid .pg-tile[aria-pressed=true]{outline:3px solid var(--pg-accent);outline-offset:-3px}#v-postgrid .pg-thumb{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:var(--pg-paper);width:100%}#v-postgrid .pg-grid[data-crop=portrait] .pg-thumb{aspect-ratio:3/4}
#v-postgrid .pg-thumb img,#v-postgrid .pg-thumb video{display:block;width:100%;height:100%;object-fit:cover}#v-postgrid .pg-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted,#756f62);font-size:18px}
#v-postgrid .pg-badge,#v-postgrid .pg-kind,#v-postgrid .pg-video-label{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.82);color:#fff;padding:4px 7px;border-radius:4px;font-size:10px;font-weight:500;line-height:1.3}#v-postgrid .pg-ready{background:#525252}#v-postgrid .pg-kind{left:auto;right:8px;top:auto;bottom:8px}#v-postgrid .pg-video-label{top:auto;bottom:8px}
#v-postgrid .pg-tile-title{padding:8px 6px 10px;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#v-postgrid .pg-empty{grid-column:1/-1;min-height:240px;display:grid;place-items:center;text-align:center;color:var(--muted,#756f62)}#v-postgrid .pg-feed>.pg-button{margin:22px auto;display:flex}
#v-postgrid .pg-aside{position:sticky;top:24px}#v-postgrid .pg-inspector{background:var(--pg-paper);padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:12px;min-width:0}#v-postgrid .pg-inspector h2{font-family:inherit;font-size:19px;font-weight:500;margin:0}#v-postgrid .pg-inspector p{margin:0}#v-postgrid .pg-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:12px}#v-postgrid .pg-inspector-head .pg-button{padding:8px 10px}
#v-postgrid .pg-preview{background:var(--bg,#fbfaf5);border-radius:6px;overflow:hidden}#v-postgrid .pg-preview>img,#v-postgrid .pg-preview>video{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}#v-postgrid .pg-preview audio{width:100%;display:block}#v-postgrid .pg-slide-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px}#v-postgrid .pg-slide-controls span{font-size:12px;white-space:nowrap}
#v-postgrid .pg-field{display:flex;flex-direction:column;gap:7px}#v-postgrid .pg-label{font-size:13px;font-weight:600}#v-postgrid .pg-ready-control{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}#v-postgrid .pg-ready-control input{width:20px;height:20px;accent-color:var(--pg-accent)}#v-postgrid .pg-downloads{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--pg-line)}#v-postgrid .pg-moves{display:flex;gap:8px}#v-postgrid .pg-moves>*{flex:1}
#v-postgrid .pg-feedback{font-size:13px;line-height:1.5;color:var(--pg-ink)}#v-postgrid .pg-feedback:empty{display:none}#v-postgrid .pg-feedback button{margin-top:8px}#v-postgrid .pg-error{color:var(--pg-ink);border-left:3px solid #b45c40;padding-left:12px}#v-postgrid .pg-notice{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:14px}#v-postgrid .pg-notice:empty{display:none}#v-postgrid .pg-decision{padding:12px;border:2px solid var(--pg-accent);border-radius:8px;display:flex;gap:8px;flex-wrap:wrap}#v-postgrid .pg-decision p{width:100%;font-size:14px}
#v-postgrid .pg-dialog{border:0;padding:0;background:var(--pg-paper);color:var(--pg-ink);width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;overscroll-behavior:contain}#v-postgrid .pg-dialog::backdrop{background:rgba(0,0,0,.5)}
@media(max-width:1000px){#v-postgrid .pg-layout{gap:16px;grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:760px){#v-postgrid .pg-input{font-size:16px}#v-postgrid{padding-bottom:100px}#v-postgrid .pg-layout{display:block}#v-postgrid .pg-aside{display:none}#v-postgrid .pg-grid{gap:3px}#v-postgrid .pg-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#v-postgrid .pg-filters input{order:-1;grid-column:1/-1;min-width:0}#v-postgrid .pg-filters select{min-width:0;max-width:none;width:100%}#v-postgrid .pg-filters .pg-button{width:100%;min-width:0}#v-postgrid .pg-thumb .pg-badge{font-size:9px;top:5px;left:5px;padding:3px 5px}#v-postgrid .pg-kind{font-size:9px;right:5px;bottom:5px}#v-postgrid .pg-tile-title{font-size:11px;padding:6px 3px 9px}#v-postgrid .pg-dialog .pg-inspector{border-radius:0;padding:16px 20px calc(32px + env(safe-area-inset-bottom));min-height:100%;gap:14px}#v-postgrid .pg-dialog .pg-inspector-head{position:sticky;top:0;z-index:2;background:var(--pg-paper);padding:8px 0}#v-postgrid .pg-preview>img,#v-postgrid .pg-preview>video{max-height:45dvh}}
@media(prefers-reduced-motion:reduce){#v-postgrid *,#v-postgrid *::before,#v-postgrid *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}