.as-studio{--as-line:var(--bord,#d9d3c7);--as-ink:var(--hud-ink,#15181c);color:var(--as-ink)}.as-studio h2,.as-studio h3{margin:4px 0 12px}.as-studio label{display:flex;flex-direction:column;gap:6px;font-size:12px}.as-studio input:not([type=checkbox]),.as-studio textarea,.as-studio select{box-sizing:border-box;min-width:0;width:100%;padding:10px 12px;border:1px solid var(--as-line);border-radius:10px;background:var(--hud-panel,#faf8f5);color:inherit;font:inherit}.as-studio textarea{min-height:92px;resize:vertical}.as-studio small{display:block;font-size:12px;line-height:1.5;color:var(--hud-muted,#627078);margin:8px 0}.as-studio .as-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.as-ligne h2,.as-ligne h3{margin:0}.as-ligne>select{width:auto;max-width:260px;margin-left:auto}.as-surtitre{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--lagon,#147f77)}.as-charte,.as-formats,.as-grille-volet{border:1px solid var(--as-line);border-radius:15px;margin-bottom:16px;background:var(--hud-panel,#faf8f5)}.as-studio summary{cursor:pointer;font-weight:600;padding:15px 18px}.as-charte-contenu,[data-formats],[data-grille]{padding:4px 18px 20px}.as-palette,.as-modeles{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.as-nuance{border:1px solid #8884;border-radius:10px;min-height:68px;flex:1;min-width:90px;padding:14px;cursor:pointer;font:inherit}.as-nuance:hover{transform:translateY(-3px)}.as-charte-form{display:grid;gap:10px;padding:20px 0}.as-studio .as-check{display:flex;flex-direction:row;align-items:center;gap:7px}.as-check input{width:auto}[data-formats]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.as-studio .ec-grille{grid-template-columns:minmax(0,1fr) 280px;margin-bottom:32px}.as-studio .ec-canevas{height:56vh;overflow:auto;padding:12px;box-sizing:border-box;background:repeating-conic-gradient(#aca8a512 0% 25%,transparent 0% 50%) 50%/16px 16px;border-radius:12px}.as-studio .ec-canevas canvas{max-height:50vh;max-width:100%}.as-studio .ec-panneau{max-height:56vh}.as-studio .ec-barre{gap:8px}.as-studio .ec-barre input{max-width:250px}.as-studio .ec-barre select{flex:1}.as-studio .ec-actions{gap:6px}.as-studio .as-ia{display:inline-flex;align-items:center;justify-content:center;width:30px;height:24px;padding:2px;border-radius:7px;border:1px solid #17c3b266;color:var(--lagon,#0e8f82);background:#17c3b211;font-size:10px;font-weight:700;cursor:pointer;align-self:flex-end}.as-ia-panel{padding:12px;border:1px solid var(--as-line);border-radius:10px;background:var(--hud-panel,#faf8f5);display:grid;gap:8px}.as-ia-panel textarea{min-height:65px}.as-studio progress{display:block;width:100%;height:6px;margin:12px 0;accent-color:var(--corail,#ff5a3c)}.as-studio progress[hidden]{display:none}.as-studio [data-diffusion]{border-top:1px solid var(--as-line);padding-top:28px;margin-top:16px}.as-source-texte{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-top:18px}.as-orbite{position:relative;min-height:520px;margin:16px 0;isolation:isolate;background:radial-gradient(ellipse at center,#17c3b20d,transparent 68%)}.as-orbite>svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none}.as-orbite path{fill:none;stroke:var(--lagon,#17c3b2);stroke-width:2;stroke-dasharray:7 7;animation:as-courant 9s linear infinite}.as-source{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:280px;padding:18px;box-sizing:border-box;border:1px solid #17c3b280;border-radius:20px;background:var(--hud-panel,#faf8f5);box-shadow:0 12px 40px #15181c12;text-align:center;display:grid;gap:10px}.as-source video{width:100%;height:160px;border-radius:10px;background:#15181c;object-fit:contain}.as-video-vide{height:150px;display:grid;place-items:center;border:1px dashed var(--as-line);border-radius:10px;color:var(--hud-muted,#627078);font-size:13px}.as-poignee{justify-self:center;background:var(--lagon,#17c3b2);color:#15181c;border:0;border-radius:30px;padding:9px 15px;cursor:crosshair;touch-action:none;font:inherit;font-size:11px}.as-reseau{position:absolute;width:128px;padding:16px 10px;border:1px solid var(--as-line);border-radius:18px;background:var(--hud-panel,#faf8f5);color:inherit;cursor:pointer;display:grid;justify-items:center;gap:5px;box-shadow:0 5px 20px #15181c08;transition:transform .2s,border-color .2s,box-shadow .2s}.as-reseau img{height:30px;width:30px}.as-reseau span{font-size:12px;font-weight:600}.as-reseau small{font-size:10px;margin:0}.as-reseau:hover,.as-reseau.as-cible{transform:translateY(-5px);border-color:var(--lagon,#17c3b2);box-shadow:0 8px 25px #17c3b222}.as-reseau[aria-pressed=true]{border-color:var(--lagon,#17c3b2);background:var(--hud-panel,#f4fbf8)}.as-r0{left:7%;top:3%}.as-r1{right:7%;top:3%}.as-r2{left:1%;top:38%}.as-r3{right:1%;top:38%}.as-r4{left:7%;bottom:2%}.as-r5{right:7%;bottom:2%}.as-bas{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.as-declinaison,.as-horaires{border:1px solid var(--as-line);border-radius:18px;padding:20px;background:var(--hud-panel,#faf8f5)}.as-declinaison>label,.as-horaires>label{margin:12px 0}.as-agenda{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--as-line);flex-wrap:wrap}.as-agenda img{width:20px;height:20px}.as-agenda b{font-size:12px}.as-agenda label{width:100%}.as-horaires>.btn{margin:14px 5px 0 0}.as-erreur{color:var(--rouge,#bc3434)!important}.as-retour{font-size:12px;padding-top:10px}.as-grille-volet{margin-top:28px}.as-ig-profil{display:flex;align-items:center;gap:16px;margin:20px 0}.as-ig-profil img,.as-avatar{width:56px;height:56px;object-fit:cover;border-radius:50%;border:2px solid var(--corail,#ff5a3c)}.as-avatar{display:grid;place-items:center}.as-ig-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:560px}.as-ig-grille>div{aspect-ratio:3/4;overflow:hidden;background:#b9b3aa14}.as-ig-grille img{width:100%;height:100%;object-fit:cover}.as-ig-vide{display:grid;place-items:center;color:var(--hud-muted,#627078);font-size:11px}.as-studio [data-statut]{font-size:12px;min-height:20px;margin:16px 0 0;background:var(--hud-panel,#faf8f5);padding:10px 14px;border-radius:10px;border:1px solid var(--as-line)}
@keyframes as-courant{to{stroke-dashoffset:-56}}@media(prefers-reduced-motion:reduce){.as-orbite path{animation:none}.as-reseau,.as-nuance{transition:none;transform:none!important}}@media(max-width:800px){[data-formats]{grid-template-columns:1fr 1fr}.as-studio .ec-grille,.as-bas,.as-source-texte{grid-template-columns:1fr}.as-studio .ec-panneau{max-height:none}.as-orbite{min-height:700px}.as-source{top:190px;width:240px}.as-reseau{width:100px;padding:12px}.as-r0{left:3%;top:390px}.as-r1{right:3%;top:390px}.as-r2{left:3%;top:490px}.as-r3{right:3%;top:490px}.as-r4{left:3%;bottom:0}.as-r5{right:3%;bottom:0}.as-reseau img{width:24px;height:24px}.as-ligne>select{margin-left:0;max-width:100%}.as-studio .ec-barre input{max-width:100%}}

.as-reseau.as-selection{outline:2px solid var(--lagon,#17c3b2);outline-offset:3px}.as-reseau img,.as-agenda img{background:#f9f8f6;border-radius:4px;padding:3px;box-sizing:content-box}

/* Une publication centrale, six destinations : la couleur décrit la préparation. */
.as-orbite{display:grid;grid-template-columns:112px minmax(0,1fr) 112px;justify-content:center;gap:20px;min-height:560px;padding:24px 0;align-items:center}
.as-orbite .as-source{position:relative;left:auto;top:auto;transform:none;width:100%;grid-column:2;grid-row:1 / 4;text-align:left;min-width:0}
.as-orbite .as-reseau{position:relative;inset:auto;width:100%;min-height:112px}
.as-orbite .as-r0{grid-column:1;grid-row:1}.as-orbite .as-r1{grid-column:3;grid-row:1}
.as-orbite .as-r2{grid-column:1;grid-row:2}.as-orbite .as-r3{grid-column:3;grid-row:2}
.as-orbite .as-r4{grid-column:1;grid-row:3}.as-orbite .as-r5{grid-column:3;grid-row:3}
.as-source .as-declinaison{border:0;padding:0;background:transparent;min-width:0}
.as-source .as-declinaison h3{font-size:20px}.as-source label{font-size:14px}
.as-reseau span{font-size:14px}.as-reseau small{font-size:12px}
.as-orbite path[data-etat=vierge]{stroke:var(--hud-muted,#627078);opacity:.4;animation:none;stroke-dasharray:3 6}
.as-orbite path[data-etat=preparation]{stroke:var(--rouge,#bc3434);stroke-width:3}
.as-orbite path[data-etat=pret]{stroke:var(--vert,#18834b);stroke-width:3;stroke-dasharray:none;animation:none}
.as-reseau[data-etat=preparation]{border-color:var(--rouge,#bc3434)}
.as-reseau[data-etat=pret]{border-color:var(--vert,#18834b)}
.as-legende{font-size:14px;line-height:1.6;color:var(--hud-muted,#627078)}
.as-bas{grid-template-columns:1fr}

/* Le canevas vivant occupe le centre ; les outils restent dans un tiroir.
   Une seule rupture pour l'orbite : la largeur du panneau, mesurée sur .as-studio.
   Elle vaut aussi pour un écran étroit, et en plus pour un panneau étroit dans un
   écran large — deux ruptures concurrentes se contrediraient entre 760 et 800 px. */
.as-studio{container-type:inline-size}
.as-source .ec-grille{grid-template-columns:minmax(0,1fr);margin:0;gap:12px}
.as-source .ec-panneau{max-height:300px;min-width:0}
.as-source .ec-canevas{height:auto;min-height:240px;max-height:60vh}
.as-source .ec-canevas canvas{width:auto;height:auto;max-width:100%;max-height:52vh;object-fit:contain}
.as-source .ec-barre{min-width:0;margin:0}
.as-source .ec-barre input,.as-source .ec-barre select{min-width:0;max-width:100%}
.as-source .ec-barre select{flex-basis:100%}
.as-studio [hidden]{display:none!important}
@container(max-width:760px){
 .as-orbite{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px 0;min-height:0}
 .as-orbite .as-source{grid-column:1 / 3;grid-row:1;padding:12px}
 .as-orbite .as-r0{grid-column:1;grid-row:2}.as-orbite .as-r1{grid-column:2;grid-row:2}
 .as-orbite .as-r2{grid-column:1;grid-row:3}.as-orbite .as-r3{grid-column:2;grid-row:3}
 .as-orbite .as-r4{grid-column:1;grid-row:4}.as-orbite .as-r5{grid-column:2;grid-row:4}
 .as-source-texte{grid-template-columns:1fr}
}

/* Le fuseau de l’heure de publication, écrit sous chaque horaire (ui/atelier-studio.js, champHoraire). */
.as-fuseau{display:block;margin:4px 0 10px;font-size:13px;line-height:1.5;color:var(--hud-muted,#627078)}

/* Aperçu du réseau choisi, à côté du montage sur les écrans larges. */
.as-composition{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}
.as-apercu-social{position:sticky;top:16px;min-width:0;padding:16px;border:1px solid var(--as-line);border-radius:16px;background:var(--hud-panel,#faf8f5)}
.as-apercu-profil{display:flex;gap:8px;align-items:center;margin:12px 0;overflow-wrap:anywhere}.as-apercu-profil img{width:36px;height:36px;object-fit:cover;border-radius:50%}
.as-apercu-surface{display:grid;gap:4px;margin:12px 0;overflow:hidden}.as-apercu-instagram,.as-apercu-tiktok{grid-template-columns:repeat(3,minmax(0,1fr))}.as-apercu-youtube{grid-template-columns:repeat(2,minmax(0,1fr))}
.as-apercu-surface article{min-width:0;position:relative;overflow-wrap:anywhere;background:var(--hud-row,#eeebe7)}.as-apercu-surface img,.as-apercu-surface video{display:block;width:100%;height:auto}.as-apercu-instagram img,.as-apercu-tiktok img{aspect-ratio:3/4;object-fit:cover}.as-apercu-youtube img{aspect-ratio:16/9;object-fit:cover}
.as-apercu-surface p{font-size:12px;padding:6px;margin:0;white-space:pre-wrap}.as-apercu-surface a{display:block;font-size:10px;padding:4px}.as-apercu-creation{outline:2px solid var(--lagon,#17c3b2);outline-offset:-2px}.as-apercu-creation>small{margin:0;padding:4px;font-size:10px}
.as-apercu-telephone{display:block;max-width:260px;border:6px solid #15181c;border-radius:24px;padding:8px;background:var(--hud-panel,#faf8f5)}.as-apercu-telephone[data-format=story] img,.as-apercu-telephone[data-format=reel] img{aspect-ratio:9/16;object-fit:contain;background:#15181c}
@container(max-width:1100px){.as-composition{grid-template-columns:minmax(0,1fr)}.as-apercu-social{position:static;max-width:420px;width:100%;box-sizing:border-box;justify-self:center}}

.as-apercu-entete,.as-apercu-commandes{padding:10px 4px;font-size:11px;overflow-wrap:anywhere}.as-apercu-entete{font-weight:700;border-bottom:1px solid var(--as-line)}

/* Compositeur ordonné : même cadre, sans positionnement de l’orbite. */
.as-carrousel>.as-source{position:relative;left:auto;top:auto;transform:none;width:100%;min-width:0;text-align:left}
.as-carrousel>.as-source video{height:auto;max-height:65vh}