.sp-page{max-width:1360px;margin:0 auto;padding:28px}.sp-top,.sp-toolbar,.sp-actions,.sp-state{display:flex;align-items:center;gap:10px}.sp-top{justify-content:space-between;margin-bottom:22px}.sp-top h1{font-size:28px;letter-spacing:-.8px;margin:0}.sp-platforms{display:flex;gap:8px}.sp-platforms button,.sp-toolbar select,.sp-state button{border:1px solid #e5e5e5;border-radius:10px;padding:9px 14px;background:white;color:#555}.sp-platforms .selected,.sp-state [aria-pressed=true]{background:#202124;color:white;border-color:#202124}.sp-toolbar{margin:18px 0}.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.sp-card{border:1px solid #e7e7e7;border-radius:14px;overflow:hidden;background:white}.sp-card>button{width:100%;border:0;padding:0;background:white;text-align:left}.sp-card-info{padding:15px}.sp-meta{display:flex;justify-content:space-between;color:#7a7a7a;font-size:11px;margin-bottom:8px}.sp-card h3{font-size:14px;margin:0 0 8px}.sp-card p{font-size:13px;line-height:1.55;margin:0 0 12px;white-space:pre-line}.sp-link{background:none;border:0;text-decoration:underline;font-size:12px;padding:4px;color:#555}.sp-visual{border:1px solid #eee;border-radius:10px;overflow:hidden;margin-bottom:18px}.sp-field{display:block;margin:14px 0}.sp-field>span{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.sp-field textarea,.sp-field input,.sp-field select{box-sizing:border-box;width:100%;border:1px solid #ddd;border-radius:9px;background:white;padding:11px;color:#222;font:inherit}.sp-field textarea{resize:vertical;font-size:14px;line-height:1.6}.sp-note{font-size:12px;color:#777;line-height:1.5}.sp-state button{min-width:100px;font-weight:600}.sp-state button[disabled]{opacity:.55}.sp-details{margin-top:20px;border-top:1px solid #eee;padding-top:14px}.sp-details summary{cursor:pointer;color:#666;font-size:13px}.sp-error{color:#9f2828;font-size:13px;white-space:pre-line}.sp-hint{margin:12px 0;border-left:2px solid #ddd;padding:0 12px;font-size:12px;color:#666;line-height:1.6}.sp-staged{font-size:11px;color:#77531d}.sp-load{display:block;margin:25px auto}.sp-actions{flex-wrap:wrap}.sp-actions button{font-size:12px}.sp-save-state{font-size:11px;color:#777;margin-left:auto}.sp-text-only{padding:26px;color:#777}.sp-page .rm-art{margin:0}.sp-sequence{font-size:12px;color:#777;line-height:1.6}.sp-details p{white-space:pre-line;font-size:12px;line-height:1.6}
@media(max-width:1150px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-page{padding:20px}}@media(max-width:600px){.sp-grid{grid-template-columns:1fr}.sp-top{align-items:flex-start;gap:10px;flex-direction:column}.sp-page{padding:15px}.sp-toolbar{flex-wrap:wrap}}

/* Keep the selected post inside its platform and filter context. */
.sp-layout.with-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:24px;align-items:start}.with-editor .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-inline-editor{min-width:0;position:sticky;top:calc(var(--top) + 16px);max-height:calc(100vh - var(--top) - 32px);overflow:auto;border:1px solid #e7e7e7;border-radius:14px;padding:20px;background:#fff}.sp-inline-editor .rm-art{max-width:100%}
@media(max-width:1250px){.with-editor .sp-grid{grid-template-columns:1fr}.sp-layout.with-editor{grid-template-columns:minmax(0,1fr) minmax(320px,390px)}}
@media(max-width:850px){.sp-layout.with-editor{display:flex;flex-direction:column}.sp-inline-editor{position:static;max-height:none;width:100%;box-sizing:border-box;order:-1}.with-editor .sp-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.with-editor .sp-grid{grid-template-columns:1fr}.sp-inline-editor{padding:15px}.sp-state{flex-wrap:wrap}}

.sp-page{padding:16px 0;max-width:none}
