.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.social-card{border:1px solid #d8c99f;border-radius:14px;overflow:hidden;background:#fffaf1;padding:14px}.social-card img,.social-placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px}.social-placeholder{background:#123b2a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box}.social-placeholder img{width:75px;height:75px;aspect-ratio:auto;object-fit:contain}.social-placeholder strong{font:28px Georgia;margin-top:20px}.social-tabs,.social-actions,.social-steps{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.social-tabs button[aria-pressed=true]{background:#123b2a;color:white}.social-badge{display:inline-block;padding:4px 8px;border-radius:8px;background:#eee5ce;font-size:12px;margin-right:5px}.social-editor{width:calc(100% - 32px);max-width:1120px;max-height:92vh;overflow:auto;border-radius:20px;border:1px solid #d8a52f;background:#fffaf0;color:#123b2a;padding:24px}.social-editor::backdrop{background:#05251ddb}.social-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:24px}.social-canvas{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain;touch-action:none;cursor:move}.social-editor label,.social-admin label{display:block;margin:12px 0}.social-editor textarea,.social-admin textarea,.social-admin input:not([type=checkbox]),.social-admin select{width:100%;box-sizing:border-box;padding:10px;border:1px solid #b6c5b6;border-radius:8px}.social-admin .social-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.social-admin pre{white-space:pre-wrap}.social-center button,.social-editor button,.social-admin button{padding:9px 14px;border:1px solid #cdb56e;border-radius:9px;cursor:pointer}.social-center button:disabled,.social-editor button:disabled{opacity:.5;cursor:default}.social-primary{background:#123b2a;color:#fff}.social-help{background:#f0ebdc;padding:18px;border-radius:12px;margin:20px 0}.social-steps span{padding:9px 12px;background:#f0ebdc;border-radius:10px}.social-error{color:#9a2929}.social-admin details{padding:10px;border:1px solid #dbd3bf;border-radius:9px;margin:12px 0}.social-admin-list{display:flex;flex-wrap:wrap;gap:8px}.social-video-source{display:none}@media(max-width:1000px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.social-grid,.social-editor-layout,.social-admin .social-fields{grid-template-columns:1fr}.social-editor{padding:16px}.social-canvas{max-height:55vh}}

/* Keep Social checkboxes next to their own labels. */
.social-admin label:has(> input[type="checkbox"]){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important}.social-admin label>input[type="checkbox"]{order:-1;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important}

/* Reader Social: clear selections, visible scrolling, and a persistent return action. */
.social-center button.social-pressed,.social-editor button.social-pressed,.social-tabs button[aria-pressed="true"]{background:#D8A52F!important;color:#123B2A!important;border-color:#D8A52F!important}
.social-center button.social-pressed::before,.social-editor button.social-pressed::before{content:"✓ ";font-weight:bold}
.reader-studio-sidebar nav button.active{background:#D8A52F!important;color:#123B2A!important}
.reader-studio-sidebar nav button.active::before{content:"✓ ";font-weight:bold}
.reader-studio-sidebar,.social-editor{overflow-y:scroll!important;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#927439 #f2ead8}
.reader-studio-sidebar::-webkit-scrollbar,.social-editor::-webkit-scrollbar{width:12px}
.reader-studio-sidebar::-webkit-scrollbar-track,.social-editor::-webkit-scrollbar-track{background:#f2ead8}
.reader-studio-sidebar::-webkit-scrollbar-thumb,.social-editor::-webkit-scrollbar-thumb{background:#927439;border:2px solid #f2ead8;border-radius:10px}
.social-backbar{position:sticky;top:0;z-index:5;background:#fffaf0;padding:10px 0;border-bottom:1px solid #d9c9a8;margin-bottom:15px}
.social-channel-picker{border:1px solid #d8a52f;border-radius:12px;padding:18px;margin:15px 0;background:#f7efd9}.social-channel-picker button{margin:5px}
/* Build 337: quiet navigation, clear actions, and gifts in their own Studio page. */
.social-center .social-steps{gap:8px 24px;color:#52685b;font:14px/1.6 Arial,sans-serif;margin:20px 0 28px}
.social-center .social-steps span{background:transparent;border:0;border-radius:0;padding:0}
.social-center .social-tabs{border-bottom:1px solid #d8c99f;gap:4px 18px;margin-bottom:26px}
.social-center .social-tabs button.social-category{background:transparent!important;color:#123b2a!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;box-shadow:none!important;font:15px/1.5 Arial,sans-serif!important;padding:10px 0!important}
.social-center .social-tabs button.social-category[aria-pressed=true]{border-bottom-color:#b5892e!important;font-weight:700!important}
.social-center .social-tabs button::before,.social-center button.social-pressed::before,.social-editor button.social-pressed::before{content:none!important}
.social-center .social-card .social-actions button,.social-editor button{background:#fffaf0;color:#123b2a;border:1px solid #b5892e;min-height:44px}
.social-center .social-card .social-actions button:first-child,.social-editor button.social-primary{background:#d4af57!important;color:#123b2a!important;border-color:#b5892e!important;font-weight:700}
.social-dialog-header{position:sticky;top:-24px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fffaf0;border-bottom:1px solid #d8c99f;padding:16px 0;margin:0 0 20px}
.social-dialog-header h2{font:28px/1.25 Georgia,serif;margin:0;color:#123b2a}
.social-dialog-header button{flex-shrink:0;background:transparent;border:0;font:15px Arial,sans-serif}
.social-template-viewer>img{display:block;margin:0 auto;max-width:100%;object-fit:contain}
.social-editor select{display:block;width:100%;box-sizing:border-box;padding:12px;margin-top:8px;border:1px solid #b6c5b6;border-radius:8px;color:#123b2a;background:#fffaf0}
.social-offer-hint{font-size:14px;color:#52685b}
[data-studio-panel=offers] .reader-offers{background:#fffaf0;border:1px solid #d8c99f;padding:24px}
[data-studio-panel=offers] .offer-form{padding:24px 0;border-bottom:1px solid #d8c99f;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
[data-studio-panel=offers] .offer-form h3{grid-column:1/-1;margin:0}
[data-studio-panel=offers] .offer-form label{display:flex;flex-direction:column;gap:8px;margin:0}
[data-studio-panel=offers] .offer-form input:not([type=checkbox]),[data-studio-panel=offers] .offer-form select{padding:12px;width:100%;box-sizing:border-box;border:1px solid #b6c5b6;border-radius:8px;background:white;color:#123b2a}
[data-studio-panel=offers] .offer-form label:has(input[type=checkbox]){flex-direction:row;align-items:center;grid-column:1/-1}
[data-studio-panel=offers] .offer-form input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}
[data-studio-panel=offers] .offer-form button{justify-self:start;min-height:44px}
@media(max-width:650px){.social-dialog-header{top:-16px;gap:12px;flex-wrap:wrap}.social-dialog-header h2{font-size:23px}.social-center .social-tabs{gap:4px 14px}[data-studio-panel=offers] .offer-form{grid-template-columns:1fr}}