/* Panneau « Post » : publication directe sur TikTok, Instagram, YouTube (assets/social.js) */
.sp-dlg{position:fixed;border:1px solid var(--line,#2a2a2e);border-radius:22px;background:var(--surface,#141416);color:var(--text,#fff);padding:24px 22px 20px;width:min(460px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;font-family:"Bricolage Grotesque",system-ui,sans-serif;box-sizing:border-box}
.sp-dlg::backdrop{background:rgba(10,4,20,.72);backdrop-filter:blur(4px)}
.sp-dlg *{box-sizing:border-box}
.sp-x{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;background:transparent;color:var(--text,#fff);font-size:1.6rem;line-height:1;cursor:pointer;border-radius:10px}
.sp-x:hover{background:var(--raise,#1d1d20)}
.sp-dlg h2{margin:0 40px 6px 0;font-size:1.45rem;line-height:1.15}
.sp-sub{color:var(--mute,#a1a1aa);margin:0 0 16px;font-size:.92rem}
.sp-load{color:var(--mute,#a1a1aa);margin:12px 0}
.sp-ic{display:inline-grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--raise,#1d1d20);border:1px solid var(--line,#2a2a2e)}
.sp-ic svg{width:18px;height:18px}
.sp-nm{display:flex;flex-direction:column;min-width:0;flex:1}
.sp-nm b{font-size:.95rem}
.sp-nm small{color:var(--mute,#a1a1aa);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-nm small.bad{color:#ffb4a8;white-space:normal}
.sp-list{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.sp-list li{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line,#2a2a2e);border-radius:999px;font-weight:700;font-size:.88rem}
.sp-list .sp-ic{width:28px;height:28px;flex-basis:28px;border-radius:50%}
.sp-nets{border:0;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.sp-net{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line,#2a2a2e);border-radius:14px;background:var(--deep,#050506)}
.sp-net label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer}
.sp-net input{width:20px;height:20px;accent-color:var(--clip,#ff2d7a);flex:0 0 20px}
.sp-net.off .sp-nm b{color:var(--mute,#a1a1aa)}
.sp-link{border:0;background:transparent;color:var(--mute,#a1a1aa);text-decoration:underline;font-size:.8rem;cursor:pointer;padding:8px 4px;font-family:inherit}
.sp-dlg .btn.sm{padding:7px 11px;font-size:.82rem;border-radius:10px;min-height:36px}
.sp-f{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:.88rem;margin:0 0 6px}
.sp-cnt{color:var(--mute,#a1a1aa);font-weight:500;font-size:.78rem}
.sp-dlg textarea,.sp-dlg input[type=datetime-local],.sp-dlg #spTitle{display:block;width:100%;background:var(--deep,#050506);color:var(--text,#fff);border:1px solid var(--line,#2a2a2e);border-radius:12px;padding:10px 12px;font:inherit;font-size:.92rem;margin:0 0 12px}
.sp-dlg textarea{resize:vertical;min-height:110px;line-height:1.4}
.sp-dlg textarea:focus,.sp-dlg input:focus-visible{outline:2px solid var(--clip,#ff2d7a);outline-offset:1px}
.sp-yt[hidden],#spWhen[hidden]{display:none}
.sp-sw{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.9rem;margin:2px 0 10px;cursor:pointer;min-height:36px}
.sp-sw input{width:20px;height:20px;accent-color:var(--clip,#ff2d7a)}
.sp-fine{display:block;color:var(--mute,#a1a1aa);font-size:.8rem;margin:-4px 0 12px}
.sp-ai{display:flex;align-items:center;gap:8px;margin:4px 0 12px;font-size:.85rem;color:var(--text,#fff)}
.sp-ai span{display:inline-grid;place-items:center;height:22px;padding:0 7px;border-radius:6px;background:var(--video,#3ee6c4);color:#050506;font-weight:800;font-size:.72rem;letter-spacing:.04em}
.sp-err{color:#ffd23f;margin:0 0 10px;min-height:1em;font-size:.88rem}
.sp-err:empty{min-height:0;margin:0}
.sp-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.sp-acts .btn{flex:1 1 auto;min-height:46px}
.sp-acts .btn:disabled{opacity:.5;cursor:not-allowed}
.sp-st{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.sp-st li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;border:1px solid var(--line,#2a2a2e);border-radius:14px;background:var(--deep,#050506)}
.sp-chip{font-size:.75rem;font-weight:800;padding:4px 9px;border-radius:999px;background:var(--raise,#1d1d20);color:var(--mute,#a1a1aa)}
.sp-chip.queued::before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;border:2px solid var(--line,#2a2a2e);border-top-color:var(--clip,#ff2d7a);animation:spin 1s linear infinite;vertical-align:-1px}
.sp-chip.published{background:rgba(62,230,196,.16);color:var(--video,#3ee6c4)}
.sp-chip.failed{background:rgba(255,120,100,.16);color:#ffb4a8}
.sp-chip.scheduled{background:rgba(169,139,255,.18);color:var(--photo,#a98bff)}
@keyframes spin{to{transform:rotate(360deg)}}
/* Bouton « Post » sur les cartes de My creations */
.lcell{position:relative;display:flex;flex-direction:column;min-width:0;container-type:inline-size}
.lcell>.item{flex:1}
.sp-card{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,11,.78);color:#fff;font:inherit;font-weight:800;font-size:.8rem;cursor:pointer;backdrop-filter:blur(6px)}
.sp-card:hover{background:var(--clip,#ff2d7a);border-color:var(--clip,#ff2d7a);color:#0a0a0a}
.sp-card svg{width:14px;height:14px}
@media (max-width:560px){.sp-dlg{padding:20px 16px 16px}.sp-dlg h2{font-size:1.25rem}}
@container (max-width:240px){.sp-card{width:34px;height:34px;padding:0;justify-content:center;top:5px;right:6px}.sp-card span{display:none}.sp-card svg{width:16px;height:16px}}
.sp-acts~.sp-fine{margin:12px 0 0}
/* Check-list avant de poster (panneau Post et vue résultat du Studio) : vert = ok, orange = conseil, jamais bloquante */
.sp-ck{margin:2px 0 14px;padding:12px 12px 10px;border:1px solid var(--line,#2a2a2e);border-radius:14px;background:var(--deep,#050506);min-width:0}
.sp-ck h3{margin:0 0 8px;font-size:.92rem;line-height:1.2}
.sp-ck .ck-sub{margin:-4px 0 8px;color:var(--mute,#a1a1aa);font-size:.8rem}
.sp-ck ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.sp-ck li{display:flex;align-items:flex-start;gap:9px;min-width:0}
.sp-ck .ck-i{display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;margin-top:1px}
.sp-ck .ck-i svg{width:13px;height:13px}
.sp-ck li.ok .ck-i{background:rgba(62,230,196,.16);color:var(--video,#3ee6c4)}
.sp-ck li.tip .ck-i{background:rgba(255,170,60,.18);color:#ffb347}
.sp-ck li.wait .ck-i{background:var(--raise,#1d1d20);color:var(--mute,#a1a1aa)}
.sp-ck .ck-t{display:flex;flex-direction:column;min-width:0;flex:1}
.sp-ck .ck-t b{font-size:.84rem;line-height:1.25}
.sp-ck .ck-t small{color:var(--mute,#a1a1aa);font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}
.sp-ck li.tip .ck-t small{color:#ffd29a}
.sp-ck .ck-note{margin:10px 0 0;color:var(--mute,#a1a1aa);font-size:.74rem;line-height:1.35}
.ck-btn{display:inline-flex;align-items:center;gap:6px;margin:12px 0 0;padding:6px 2px;min-height:36px;border:0;background:transparent;color:var(--mute,#a1a1aa);font:inherit;font-weight:700;font-size:.86rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ck-btn:hover,.ck-btn[aria-expanded="true"]{color:var(--text,#fff)}
.ck-box{max-width:520px;margin-top:6px}
.ck-box[hidden]{display:none}