.social-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.social-heading h1{margin:4px 0 12px}.social-heading p{margin:0}.social-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px}.social-filters label{min-width:0}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0 28px}.social-card{padding:0!important;text-align:left;background:white!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:20px;overflow:hidden;display:block!important;box-shadow:0 8px 26px #19384d08;transition:transform .18s}.social-card:hover{transform:translateY(-3px)}.social-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#eeeae3;display:block}.social-card-body{display:block;padding:18px}.social-card strong{display:block;font-size:20px;line-height:1.3;margin:8px 0 14px}.social-kicker{font-size:12px;font-weight:500;color:#4a6170}.social-badge{font-size:12px;background:#e5f1ef;border-radius:20px;padding:5px 10px;display:inline-block}.social-note-marker{font-size:12px;margin-left:10px}.social-placeholder{min-height:200px;display:grid;place-items:center;background:#edf3f1;color:#48605b;padding:24px;font-size:24px}.social-empty{grid-column:1/-1;padding:40px;background:white;border-radius:20px}.social-editor{width:min(1120px,94vw);max-height:92dvh;border:1px solid #d7e2e8;border-radius:24px;padding:28px;color:#19384d;background:#f9faf9;box-sizing:border-box}.social-editor::backdrop{background:#112d42b8}.social-editor-head{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:22px}.social-editor-head h2{font-size:26px;margin:0}.social-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.social-main-preview{display:block;width:100%;max-height:65dvh;object-fit:contain;border-radius:12px;background:#eeeae3}.social-editor label{display:block;margin:14px 0 8px;font-size:14px;font-weight:600}.social-editor input,.social-editor textarea,.social-editor select{display:block;width:100%;box-sizing:border-box;margin-top:6px}.social-editor textarea{resize:vertical}.social-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.social-file{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 0;border-bottom:1px solid #d7e2e8;font-size:13px}.social-file>div{flex:1 1 100%;min-width:0}.social-file strong{display:block;overflow-wrap:anywhere}.social-file span{display:block;color:#4a6170;margin-top:5px}.social-file a{padding:10px 0;font-weight:650}.social-upload{padding:16px;border:1px dashed #6b9294;border-radius:12px;background:#edf6f3}.social-upload input{font-size:13px;max-width:100%}.social-editor details{margin-top:18px}.social-editor details p,.social-editor .muted,.social-library>.muted{font-size:13px;line-height:1.5}.social-editor button:focus-visible,.social-card:focus-visible{outline:3px solid #277e89;outline-offset:3px}#social-save-status,#social-file-status{overflow-wrap:anywhere}#social-save-status.error{color:#9f2424}
@media(min-width:1500px){.social-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-filters{grid-template-columns:1fr 1fr}}@media(max-width:650px){.social-heading{display:block}.social-heading>button{margin-top:18px}.social-grid{grid-template-columns:1fr;gap:20px}.social-editor{padding:16px;width:96vw;border-radius:16px;max-height:96dvh}.social-editor-layout{grid-template-columns:1fr;gap:20px}.social-main-preview{max-height:45dvh}.social-editor-head h2{font-size:21px}.social-form-row,.social-filters{grid-template-columns:1fr}.social-card strong{font-size:21px}.social-editor-head button{padding:10px}}@media(prefers-reduced-motion:reduce){.social-card{transition:none}.social-card:hover{transform:none}}

.social-file-thumb{flex:0 0 72px;padding:0!important}.social-file-thumb img{display:block;width:72px;height:90px;object-fit:contain;border-radius:6px;background:#eeeae3}.social-file-thumb+div{flex:1 1 140px}

.social-editor input:not([type=file]),.social-editor textarea,.social-editor select,.social-filters input,.social-filters select{font:inherit;line-height:1.45;color:#19384d;background:#fff;padding:12px 14px;border:1px solid #bdcdd5;border-radius:10px;min-height:46px;box-sizing:border-box;width:100%}.social-editor textarea{font-weight:400}.social-filters label{font-size:14px;font-weight:600}.social-filters input,.social-filters select{display:block;margin-top:6px}.social-editor-head{position:sticky;top:-28px;z-index:2;background:#f9faf9;padding:16px 0;border-bottom:1px solid #d7e2e8}.social-editor input:focus-visible,.social-editor textarea:focus-visible,.social-editor select:focus-visible{outline:2px solid #277e89;outline-offset:2px}@media(max-width:650px){.social-editor-head{top:-16px}}
