.publication-composer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.publication-composer>form,.publication-composer>.image-credits{min-width:0}.publication-settings,.image-credit-settings{margin-top:16px;border-top:1px solid #e4e8ed;padding-top:12px}.publication-settings summary,.image-credit-settings summary{cursor:pointer;font-weight:650}.hector-generation{display:flex;align-items:center;gap:16px;padding:18px;background:#f5f9ff;border:1px solid #dce8ff;border-radius:16px}.hector-generation[hidden]{display:none}.hector-generation img{width:80px;height:80px;object-fit:contain;animation:hector-working 2s ease-in-out infinite}.image-credit-preview img{max-width:100%;height:auto;border-radius:12px}.image-credit-balances{display:flex;gap:12px;flex-wrap:wrap}.image-credit-balances p{margin:0}.publication-composer textarea{box-sizing:border-box;width:100%}@keyframes hector-working{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.hector-generation img{animation:none}}@media(max-width:760px){.publication-composer{grid-template-columns:1fr}}

#social-posts>.unified-publication{grid-column:1/-1;width:100%;box-sizing:border-box}.publication-composer>.image-credits{padding:16px;background:#fafbfe}.publication-composer>.image-credits h3{font-size:18px;margin:0 0 12px}.publication-composer .image-credit-balances p{font-size:12px;padding:6px 8px}.publication-composer .image-credit-preview{min-height:220px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background:#f3f5f8;border:1px dashed #d9dee7;border-radius:12px;padding:12px;box-sizing:border-box}.publication-composer form>textarea{min-height:220px}.publication-settings button{margin:8px 8px 0 0}@media(max-width:760px){.publication-composer .image-credit-preview{min-height:180px}.publication-composer form>textarea{min-height:160px}}

.image-credits>.image-credit-preview+a,.image-credits>.image-credit-preview+button{min-height:44px;max-width:100%;margin-block:12px;scroll-margin-block-end:calc(24px + env(safe-area-inset-bottom,0px))}.image-credit-preview>a{min-height:44px;display:inline-flex;align-items:center;max-width:100%;margin:8px 0;scroll-margin-block-end:calc(24px + env(safe-area-inset-bottom,0px))}@media(max-width:760px){.publication-composer>.image-credits{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}

/* A calm default view: one open draft and optional tools below the work. */
#panel-social .publication-intro-top{display:flex;align-items:center;justify-content:space-between;gap:24px}
#panel-social .publication-intro h2{font-size:28px;margin:8px 0}
#panel-social .publication-intro-top p{margin:0;max-width:650px}
#panel-social .publication-intro-top>button{flex-shrink:0}
#panel-social .publication-steps{list-style:none;display:flex;gap:24px;padding:0;margin:24px 0 16px;flex-wrap:wrap;color:#536277;font-size:14px}
#panel-social .publication-steps li{display:flex;align-items:center;gap:9px}
#panel-social .publication-steps span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff1e6;color:#a74b08;font-weight:700}
#panel-social #social-quota{margin:0;color:#66758a;font-size:13px}
#panel-social #publication-create[open]{padding-top:20px}
#panel-social #social-generate{max-width:760px;padding-top:20px}
#panel-social #social-generate>label:has(select){max-width:260px}
#panel-social .publication-ideas{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px;font-size:13px}
#panel-social .publication-ideas button{background:#f5f7fa;color:#344456;border:1px solid #dfe5eb;border-radius:999px;font-size:13px;min-height:38px;padding:8px 12px}
#panel-social .publication-ideas button:hover{background:#fff1e6;border-color:#edab76}
#panel-social .publication-list-heading{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-top:30px}
#panel-social .publication-list-heading h3{margin:0;font-size:20px}
#panel-social .publication-list-heading>span{font-size:13px;color:#6a7788}
#panel-social .publication-filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
#panel-social .publication-filter{font-size:13px;min-height:42px;padding:9px 14px;background:#fff;color:#526073;border:1px solid #e0e5eb;border-radius:9px}
#panel-social .publication-filter[aria-pressed=true]{background:#fff1e6;color:#91410a;border-color:#e9b08a;font-weight:700}
#panel-social #social-posts{display:flex;flex-direction:column;gap:12px;margin:0 0 24px}
#panel-social #social-posts>.card{padding:0;margin:0;border:1px solid #e0e5eb;box-shadow:none;border-radius:14px;overflow:hidden}
#panel-social .publication-item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;background:#fff}
#panel-social .publication-item>summary::-webkit-details-marker{display:none}
#panel-social .publication-item[open]>summary{background:#fbfcfe;border-bottom:1px solid #e8edf1}
#panel-social .publication-item-title{min-width:0}
#panel-social .publication-item h3{font-size:18px;margin:6px 0 0;overflow-wrap:anywhere}
#panel-social .publication-item .badge{font-size:11px;color:#626e7e;background:none;padding:0}
#panel-social .publication-item-action{font-size:12px;color:#8b460f;flex-shrink:0}
#panel-social .publication-item>form{padding:24px;max-width:900px;margin:auto}
#panel-social .publication-step{font-size:16px;font-weight:650}
#panel-social .publication-step textarea{min-height:150px;line-height:1.65;font-weight:400;margin-top:12px;resize:vertical}
#panel-social .publication-count{text-align:right;margin:-6px 0 0;font-size:12px}
#panel-social .publication-media{margin:24px 0;padding:20px;background:#f8fafc;border:1px solid #e5ebf0;border-radius:12px}
#panel-social .publication-media h4{font-size:16px;margin:0 0 8px}
#panel-social .publication-media-choices{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
#panel-social .publication-media-choices>button{font-size:13px;background:#fff;color:#344456;border:1px solid #d4dce5;min-height:44px}
#panel-social .publication-media .social-photo-preview{display:block;width:auto;max-width:100%;max-height:380px;object-fit:contain;border-radius:10px;margin:16px auto}
#panel-social .publication-media .social-photo-preview[hidden]{display:none}
#panel-social .publication-ai [data-image-studio]{padding-top:18px}
#panel-social .publication-ai .image-credits{padding:0;background:none;border:0;box-shadow:none;margin:0}
#panel-social .publication-ai .image-credits h3{font-size:18px}
#panel-social .publication-delivery{padding-bottom:16px}
#panel-social .publication-delivery[open]>label{margin-top:18px;max-width:460px}
#panel-social .publication-secondary{padding:20px 24px;margin:14px 0}
#panel-social .publication-secondary>summary{cursor:pointer;font-size:15px;font-weight:650;line-height:1.5}
#panel-social .publication-secondary>summary>span{font-size:12px;font-weight:400;color:#758196;margin-left:12px;display:inline-block}
#panel-social .publication-secondary[open]>summary{margin-bottom:20px}
#panel-social .publication-empty{padding:28px;text-align:center;border:1px dashed #d8e1e8;background:#fbfcfe;box-shadow:none}
#panel-social .publication-empty p{max-width:620px;margin:12px auto 20px}
#panel-social [hidden]{display:none!important}
#panel-social button:focus-visible,#panel-social summary:focus-visible{outline:3px solid #dd832e;outline-offset:3px}
@media(max-width:760px){#panel-social .publication-intro-top{align-items:stretch;flex-direction:column;gap:18px}#panel-social .publication-intro h2{font-size:24px}#panel-social .publication-steps{gap:12px;font-size:12px}#panel-social .publication-steps span{width:24px;height:24px}#panel-social .publication-item>summary{padding:18px;align-items:start}#panel-social .publication-item-action{max-width:84px;white-space:normal;text-align:right}#panel-social .publication-item>form{padding:18px}#panel-social .publication-media{padding:16px}#panel-social .publication-secondary{padding:18px}#panel-social .publication-secondary>summary>span{display:block;margin:6px 0 0}#panel-social .publication-filter{padding:9px 11px}#panel-social .publication-media-choices>button{flex:1 1 145px}}
#panel-social .publication-item-title>small{display:block;margin-top:8px;color:#66758a;font-size:12px}#panel-social [data-post-state=failed] .badge,#panel-social [data-post-state=uncertain] .badge{color:#ab401f}#panel-social [data-post-state=published] .badge{color:#257554}
#panel-social button.publication-filter,#panel-social .publication-ideas button,#panel-social .publication-media-choices>button{background:#fff!important;color:#526073!important;border-color:#dbe3eb!important}#panel-social button.publication-filter[aria-pressed=true]{background:#fff1e6!important;color:#91410a!important;border-color:#e9b08a!important}#panel-social .publication-ideas button:hover{background:#fff1e6!important;border-color:#edab76!important}