/* Refonte Studio Social : coque, accueil, éditeur. Disposition réservée à l'ordinateur (html.rf-on).
   html.rf-on:is(:root,#_) monte la spécificité au-dessus des blocs mcd-sidebar-style et des <style> injectés. */
.rf-ic{width:24px;height:24px;flex:none;overflow:visible}
.rf-ic .l{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rf-ic .a{fill:#FFA51F;transition:transform .4s var(--th-spring);transform-box:fill-box;transform-origin:center}
.rf-ic .s{fill:#7DD3FC;opacity:.9;transition:transform .4s var(--th-spring);transform-box:fill-box;transform-origin:center}
@keyframes rf-hop{40%{translate:0 -4px;rotate:-5deg}}
@keyframes rf-in{from{opacity:0;translate:0 14px}}
@keyframes rf-fill{from{width:0}}

@media (min-width:761px){
/* ===== Barre latérale ===== */
html.rf-on:is(:root,#_) body #app #side{gap:0!important}
html.rf-on:is(:root,#_) body #app #side .brand{order:0;gap:11px;margin:0 0 18px!important;padding:0 2px!important}
html.rf-on:is(:root,#_) body #app #side .fan-wrap{order:1;position:relative!important;left:0!important;right:auto!important;top:0!important;gap:3px!important;margin:0 0 12px!important}
html.rf-on:is(:root,#_) body #app #side .side-create{order:2;width:100%;height:44px;margin:0 0 6px;border-radius:16px}
html.rf-on:is(:root,#_) body #app #side .spacer{order:3}
html.rf-on:is(:root,#_) body #app #side .side-bottom{order:4}
html.rf-on:is(:root,#_) body #app #side .side-foot{order:5}
html.rf-on:is(:root,#_) body #app #side .home-btn{position:relative;display:block;flex:none;width:42px;height:42px;padding:0;border:0;border-radius:15px;background:#FFF1DC;overflow:hidden;transition:scale .3s var(--th-spring),rotate .3s var(--th-spring)}
html.rf-on:is(:root,#_) body #app #side .home-btn:hover{scale:1.07;rotate:-4deg}
html.rf-on:is(:root,#_) body #app #side .home-btn .mcd-house{display:none}
html.rf-on:is(:root,#_) body #app #side .home-btn .rf-brand-av{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
html.rf-on:is(:root,#_) body #app #side .bt{color:#fff!important;font-size:17px!important;font-weight:700!important;line-height:1.1}
html.rf-on:is(:root,#_) body #app #side .bt small{display:block;color:#FFF1DC!important;font-size:12px!important;font-weight:500!important}

html.rf-on:is(:root,#_) body #app #side .fan-wrap .nav-item,
html.rf-on:is(:root,#_) body #app #side .fan-wrap .rf-nav-home{position:relative!important;left:0!important;top:0!important;z-index:1;display:flex!important;align-items:center;width:100%!important;height:46px!important;min-height:46px!important;padding:0 13px!important;gap:13px!important;border-radius:16px!important;color:#fff!important;font-weight:600!important;font-size:15px!important;text-decoration:none;background:transparent!important;box-shadow:none!important;transition:background .22s,color .22s,translate .3s var(--th-spring)!important}
html.rf-on:is(:root,#_) body #app #side .fan-wrap .nav-item>span:not(.badge):not(.np-lock),
html.rf-on:is(:root,#_) body #app #side .fan-wrap .rf-nav-home>span{font-size:15px!important;color:inherit!important}
html.rf-on:is(:root,#_) body #app #side .fan-wrap :is(.nav-item,.rf-nav-home):hover{background:rgba(255,255,255,.2)!important;translate:3px 0}
html.rf-on:is(:root,#_) body #app #side .fan-wrap .nav-item.active,
html.rf-on:is(:root,#_) body #app #side .fan-wrap .nav-item.active:hover{background:transparent!important;color:var(--th-ink)!important;box-shadow:none!important;translate:none}
html.rf-on:is(:root,#_) body #app #side .fan-wrap .nav-item svg.cartoon-ic{display:none!important}
html.rf-on:is(:root,#_) body #app #side .fan-wrap :is(.nav-item,.rf-nav-home) svg.rf-ic{display:block!important;width:25px!important;height:25px!important}
html.rf-on:is(:root,#_) body #app #side .fan-wrap :is(.nav-item,.rf-nav-home):hover .rf-ic{animation:rf-hop .5s var(--th-spring)}
html.rf-on:is(:root,#_) body #app #side .fan-wrap :is(.nav-item,.rf-nav-home):hover .rf-ic .a{transform:scale(1.25) rotate(-10deg)}
html.rf-on:is(:root,#_) body #app #side .fan-wrap :is(.nav-item,.rf-nav-home):hover .rf-ic .s{transform:translate(1.5px,-1.5px)}
html.rf-on:is(:root,#_) body #app #side .fan-wrap .nav-item .badge{background:#FFF1DC!important;color:#A8380A!important}
html.rf-on:is(:root,#_) body #app #side #fan-fab{display:none!important}
html.rf-on:is(:root,#_) body #rf-pill{position:absolute;left:0;right:0;top:0;z-index:0;height:46px;border-radius:16px;background:#fff;box-shadow:0 12px 22px -12px rgba(90,30,0,.6);pointer-events:none;transition:transform .45s var(--th-spring),opacity .2s}

html.rf-on:is(:root,#_) body #app #side #mpl-upgrade,
html.rf-on:is(:root,#_) body #app #side #mcd-gift{border-radius:14px!important}
html.rf-on:is(:root,#_) body #app #side #mpl-upgrade{background:#fff!important;color:#C2410C!important}

/* Crédits : même carte dans le Studio et sur l'accueil */
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits){padding:14px 15px;border-radius:26px;background:#fff;color:var(--th-ink);font-size:12px;line-height:1.2;box-shadow:0 18px 34px -18px rgba(90,30,0,.55)}
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits)[hidden]{display:none}
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits) .sc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits) .sc-top span{font-size:12px;font-weight:600;color:var(--th-mut)}
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits) .sc-top b{font-size:14px;color:var(--th-ink)!important}
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits) .sc-num{display:block;margin-top:4px;font-size:21px!important;font-weight:700;color:var(--th-ink)!important}
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits) .sc-recharge{flex:none;width:auto!important;height:auto!important;min-height:0!important;padding:5px 9px;border:0;border-radius:99px;background:#FFF1DC;color:#A8380A;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:none!important}
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits) .sc-recharge:hover{background:linear-gradient(135deg,#E8590C,#C2410C);color:#fff}
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits) .sc-bar{height:9px;margin-top:8px;border-radius:9px;background:#FFF1DC;overflow:hidden}
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits) .sc-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#FF7A00,#FFA51F);animation:rf-fill 1.1s .2s ease-out backwards}
html.rf-on:is(:root,#_) body :is(#side-credits,#rf-hub-credits) .sc-bar.low i{background:#e5484d}

/* ===== Accueil : 3 colonnes ===== */
html.rf-on:is(:root,#_) body #hub.show{padding:0;align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}
html.rf-on:is(:root,#_) body #hub .hub-inner{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;align-items:start;width:100%;max-width:none;min-height:calc(100 * var(--vh,1vh))}
html.rf-on:is(:root,#_) body #hub .hub-head{display:none}

html.rf-on:is(:root,#_) body #rf-hub-side{position:sticky;top:0;display:flex;flex-direction:column;box-sizing:border-box;height:calc(100 * var(--vh,1vh));padding:16px 12px 92px;overflow:hidden}
.rf-brand{display:flex;align-items:center;gap:11px;margin:0 0 18px;padding:0 2px}
.rf-brand img{width:42px;height:42px;flex:none;object-fit:cover;object-position:top;border-radius:15px;background:#FFF1DC}
.rf-brand-t b{display:block;color:#fff;font-size:17px;font-weight:700;line-height:1.1}
.rf-brand-t small{display:block;color:#FFF1DC;font-size:12px;font-weight:500}
.rf-nav{position:relative;display:flex;flex-direction:column;gap:3px}
#rf-hub-pill{position:absolute;left:0;right:0;top:0;height:46px;border-radius:16px;background:#fff;box-shadow:0 12px 22px -12px rgba(90,30,0,.6);pointer-events:none;transition:transform .45s var(--th-spring)}
html.rf-on:is(:root,#_) body .rf-item{position:relative;display:flex;align-items:center;gap:13px;width:100%;height:46px;padding:0 13px;border:0;border-radius:16px;background:none;color:#fff;font-size:15px;font-weight:600;text-align:left;cursor:pointer;translate:none;transition:color .22s}
html.rf-on:is(:root,#_) body .rf-item.rf-cur{color:var(--th-ink)}
html.rf-on:is(:root,#_) body .rf-item:hover .rf-ic{animation:rf-hop .5s var(--th-spring);rotate:none;scale:1}
.rf-item:hover .rf-ic .a{transform:scale(1.25) rotate(-10deg)}
.rf-item:hover .rf-ic .s{transform:translate(1.5px,-1.5px)}
.rf-badge{margin-left:auto;padding:2px 8px;border-radius:99px;background:#FFF1DC;color:#A8380A;font-size:12px;font-style:normal;font-weight:700}
.rf-lock{margin-left:auto;font-size:12px;font-style:normal}
html.rf-on:is(:root,#_) body #rf-hub-credits{margin-top:auto}

html.rf-on:is(:root,#_) body #rf-hub-main{min-width:0;padding:30px 26px 34px 30px}
.rf-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
html.rf-on:is(:root,#_) body .rf-top h1{margin:0;color:#fff;font-size:34px;font-weight:700;line-height:1.12;letter-spacing:-.5px}
.rf-top p{margin:4px 0 0;color:#2B2118;font-size:15px;font-weight:500}
html.rf-on:is(:root,#_) body .rf-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:50px;padding:0 24px;border:0;border-radius:18px;background:#fff;color:#C2410C;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 14px 26px -12px rgba(90,30,0,.6)}
.rf-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,154,31,.3) 50%,transparent 65%);transform:translateX(-110%)}
.rf-btn:hover::after{transform:translateX(110%);transition:transform .7s ease}
html.rf-on:is(:root,#_) body .rf-btn:hover{translate:0 -3px;scale:1.02}
html.rf-on:is(:root,#_) body .rf-btn:hover .rf-ic{rotate:90deg;scale:1}
.rf-btn .rf-ic{width:20px;height:20px}

/* Cartes outils */
html.rf-on:is(:root,#_) body #hub .hub-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:18px!important;margin-top:62px}
html.rf-on:is(:root,#_) body #hub .hub-card,
html.rf-on:is(:root,#_) body #hub .hub-card.has-avatar{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:5px;min-height:238px;padding:22px!important;border:0!important;border-radius:26px!important;text-align:left}
html.rf-on:is(:root,#_) body #hub .hub-card::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(circle at 92% 8%,#FFF1DC 0 34%,transparent 34.5%),radial-gradient(circle at 104% 30%,#FFF6EC 0 44%,transparent 44.5%)}
html.rf-on:is(:root,#_) body #hub .hub-card .hub-avatar{left:auto;right:8px;top:-52px;bottom:auto;height:152px;width:auto;filter:drop-shadow(0 12px 12px rgba(90,30,0,.28));transform:none!important}
html.rf-on:is(:root,#_) body #hub .hub-card .hub-ic{margin-bottom:auto}
html.rf-on:is(:root,#_) body #hub .hub-card .hub-ct{color:var(--th-ink);font-size:21px;font-weight:700}
html.rf-on:is(:root,#_) body #hub .hub-card .hub-cd{display:block;max-width:92%;color:var(--th-mut)!important;font-size:14px;line-height:1.4}
html.rf-on:is(:root,#_) body #hub .hub-card .hub-go{align-self:flex-start!important;margin:12px 0 0!important;padding:0;background:none!important;box-shadow:none!important;color:#C2410C!important;font-size:14px!important;font-weight:700!important;transform:none!important}
html.rf-on:is(:root,#_) body #hub .hub-card .hub-go-arr{width:18px;height:15px;filter:none}
html.rf-on:is(:root,#_) body #hub .hub-card:not(.hub-locked):hover .hub-go-arr{transform:translateX(6px)}
html.rf-on:is(:root,#_) body #hub .hub-card.hub-locked{cursor:not-allowed!important;background:#fff!important;box-shadow:var(--th-sh)!important}
html.rf-on:is(:root,#_) body #hub .hub-card.hub-locked:hover{translate:none}
html.rf-on:is(:root,#_) body #hub .hub-card.hub-locked .hub-avatar{filter:drop-shadow(0 12px 12px rgba(90,30,0,.28));translate:none;rotate:none;scale:1}
html.rf-on:is(:root,#_) body #hub .hub-card.hub-locked .hub-ct{color:var(--th-ink)!important}
html.rf-on:is(:root,#_) body #hub .hub-card.hub-locked .hub-cd{color:var(--th-mut)!important}
html.rf-on:is(:root,#_) body #hub .hub-card.hub-locked .hub-lock{display:none}
html.rf-on:is(:root,#_) body #hub .hub-card.hub-locked .hub-soon{display:block;position:absolute;left:16px;right:auto;top:16px;padding:4px 11px;border-radius:99px;background:#FFF1DC;color:#9A3607;font-size:12px;font-weight:700;box-shadow:none;opacity:1;transform:none}
html.rf-on:is(:root,#_) body #hub .hub-card.hub-locked .hub-soon::after{display:none}

/* Stats et publications */
.rf-sec{display:flex;align-items:center;justify-content:space-between;margin:30px 0 13px}
html.rf-on:is(:root,#_) body .rf-sec h3{margin:0;color:#fff;font-size:17px;font-weight:600}
html.rf-on:is(:root,#_) body .rf-sec a{color:#2B2118;font-size:14px;font-weight:600;text-decoration:none}
.rf-stats,.rf-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rf-st{display:flex;align-items:center;gap:13px;padding:15px;border-radius:18px;background:#fff;color:var(--th-ink);box-shadow:0 18px 34px -18px rgba(90,30,0,.55);transition:translate .35s var(--th-spring)}
.rf-st:hover{translate:0 -3px}
.rf-st-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:16px;background:#FFF6EC;color:#F2600C}
.rf-st:nth-child(2) .rf-st-ic{background:#FFF1DC;color:#E8590C}
.rf-st b{display:block;font-size:25px;font-weight:700;line-height:1}
.rf-st span{font-size:13px;color:var(--th-mut)}
html.rf-on:is(:root,#_) body .rf-post{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:128px;padding:13px;border:0;border-radius:18px;overflow:hidden;text-align:left;color:var(--th-ink);background:#fff;cursor:pointer;box-shadow:0 18px 34px -18px rgba(90,30,0,.55);transition:translate .4s var(--th-spring),rotate .4s var(--th-spring),scale .3s}
html.rf-on:is(:root,#_) body .rf-post:hover{translate:0 -5px;rotate:-1deg}
html.rf-on:is(:root,#_) body .rf-post.p2{background:linear-gradient(145deg,#FFE3BD,#FFB45C)}
html.rf-on:is(:root,#_) body .rf-post.p3{background:linear-gradient(145deg,#FFF1DC,#CDEBFF)}
.rf-post>b{position:relative;font-size:15px;font-weight:700;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rf-post>em{position:absolute;left:11px;top:11px;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.88);color:var(--th-ink);font-size:12px;font-style:normal;font-weight:700}
.rf-post-val{position:absolute;right:11px;top:11px;padding:3px 9px;border-radius:99px;background:#2B2118;color:#fff;font-size:11px;font-style:normal;font-weight:600}
.rf-post-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:scale .5s var(--th-spring)}
.rf-post:hover .rf-post-im{scale:1.06}
html.rf-on:is(:root,#_) body .rf-post.rf-post-photo{color:#fff}
.rf-post-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(43,33,24,.78),transparent 62%)}
.rf-post-photo>b,.rf-post-photo>em,.rf-post-photo>i{z-index:1}
html.rf-on:is(:root,#_) body .rf-post.rf-post-vide{grid-column:1/-1;height:96px;align-items:center;justify-content:center;gap:3px;text-align:center}
.rf-post-vide small{font-size:13px;color:var(--th-mut)}

/* Panneau blanc */
html.rf-on:is(:root,#_) body #rf-hub-panel{position:sticky;top:18px;display:flex;flex-direction:column;box-sizing:border-box;height:calc(100 * var(--vh,1vh) - 36px);margin:18px 18px 18px 0;padding:72px 20px 16px;border-radius:34px;background:#fff;color:var(--th-ink);box-shadow:0 24px 50px -24px rgba(90,30,0,.55)}
.rf-panel-in{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}
.rf-me{text-align:center}
.rf-ph{width:96px;height:96px;margin:auto;padding:4px;border-radius:50%;background:linear-gradient(145deg,#FFB45C,#FFC766);transition:scale .4s var(--th-spring),rotate .4s var(--th-spring)}
.rf-ph:hover{scale:1.07;rotate:-4deg}
.rf-ph img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;background:#fff}
html.rf-on:is(:root,#_):is(:root,#_) body .rf-me-nom,
html.rf-on:is(:root,#_):is(:root,#_) body .rf-nl{font-family:var(--th-title)!important}
.rf-me-nom{display:block;margin-top:11px;font-size:21px;font-weight:600}
.rf-me-role{font-size:14px;color:var(--th-mut)}
.rf-nl{margin:22px 0 8px;font-size:15px;font-weight:600}
html.rf-on:is(:root,#_) body #hub #hub-networks{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin:0}
html.rf-on:is(:root,#_) body #hub .hub-network-item{position:relative;flex-direction:row;align-items:center;gap:12px;padding:5px 8px;border-radius:18px;transition:background .25s}
html.rf-on:is(:root,#_) body #hub .hub-network-item:has(input:checked){order:-1}
html.rf-on:is(:root,#_) body #hub .hub-network-item:hover{background:#FFF8EF}
html.rf-on:is(:root,#_) body #hub .hub-network-logo{flex:none;width:38px;height:38px;border-radius:14px;opacity:1;filter:none;translate:none;transform:none;box-shadow:0 6px 12px -6px rgba(90,30,0,.5);transition:rotate .35s var(--th-spring),scale .35s var(--th-spring)}
html.rf-on:is(:root,#_) body #hub .hub-network-logo::after{display:none}
html.rf-on:is(:root,#_) body #hub .hub-network-item:hover .hub-network-logo{rotate:-8deg;scale:1.08}
.rf-net-t{min-width:0;flex:1}
.rf-net-t b{display:block;color:var(--th-ink);font-size:14px;font-weight:600;line-height:1.1}
.rf-net-t small{color:var(--th-mut);font-size:12px}
html.rf-on:is(:root,#_) body #hub .hub-network-switch{flex:none;width:42px;height:25px;background:#EADFD2;transition:background .25s}
html.rf-on:is(:root,#_) body #hub .hub-network-switch::after{top:3px;left:3px;width:19px;height:19px;background:#fff;box-shadow:0 2px 5px rgba(43,33,24,.25);transition:transform .35s var(--th-spring)}
html.rf-on:is(:root,#_) body #hub .hub-network-item input:checked + .hub-network-switch{background:#FF7A00}
html.rf-on:is(:root,#_) body #hub .hub-network-item input:checked + .hub-network-switch::after{transform:translateX(17px)}
html.rf-on:is(:root,#_) body #hub .hub-network-item input:focus-visible + .hub-network-switch{outline:2px solid #0284C7}
html.rf-on:is(:root,#_) body #rf-hub-panel .hub-foot{margin:10px 0 0;font-size:0;text-align:center}
html.rf-on:is(:root,#_) body #rf-hub-panel .hub-foot #hub-me{display:none}
html.rf-on:is(:root,#_) body #rf-hub-panel .hub-foot #hub-logout{display:inline-block;padding:7px 16px;border-radius:99px;background:#FFF1DC;color:#A8380A!important;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,translate .3s var(--th-spring)}
html.rf-on:is(:root,#_) body #rf-hub-panel .hub-foot #hub-logout:hover{translate:0 -2px;background:linear-gradient(135deg,#E8590C,#C2410C);color:#fff!important}

/* Barre du site sur l'accueil : boutons sur le panneau, liens en bas de la barre latérale */
html.rf-on:is(:root,#_) body:has(#hub.show) #mcd-social{position:fixed!important;top:30px;right:36px;gap:7px}
html.rf-on:is(:root,#_) body:has(#hub.show) #mcd-social :is(#hub-gear,#mcd-bell,.acct-sq,.social-btn){width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;border:0!important;border-radius:50%!important;background:#FFF1DC!important;color:#A8380A!important;box-shadow:none!important;transition:background .2s,translate .3s var(--th-spring),scale .3s var(--th-spring)!important}
html.rf-on:is(:root,#_) body:has(#hub.show) #mcd-social :is(#hub-gear,#mcd-bell,.acct-sq,.social-btn):hover{translate:0 -2px;scale:1.08}
html.rf-on:is(:root,#_) body:has(#hub.show) #mcd-social :is(#hub-gear,#mcd-bell) svg.mcd-cartoon-ic{width:21px!important;height:21px!important}
html.rf-on:is(:root,#_) body:has(#hub.show) #mcd-pill{position:fixed;left:12px;bottom:14px;width:196px;flex-wrap:wrap;gap:2px;padding:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;animation:none}
html.rf-on:is(:root,#_) body:has(#hub.show) #mcd-pill .mcd-link{padding:5px 9px;color:var(--th-ink)!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none;text-shadow:none!important;background:none!important;box-shadow:none!important}
html.rf-on:is(:root,#_) body:has(#hub.show) #mcd-pill .mcd-link:hover{background:rgba(255,255,255,.35)!important}
html.rf-on:is(:root,#_) body:has(#hub.show) #mcd-drop{top:auto;bottom:100%;left:0;margin:0 0 10px;transform:none}

/* Assistant du site : en haut à gauche il recouvrirait la marque */
html.rf-on:is(:root,#_) body:has(#hub.show) .mcd-chat{left:auto;right:382px;top:auto;bottom:20px}
html.rf-on:is(:root,#_) body:has(#hub.show) .mcd-lanceur{width:52px;height:52px;box-shadow:0 12px 22px -10px rgba(90,30,0,.7)}
html.rf-on:is(:root,#_) body:has(#hub.show) .mcd-fenetre{left:auto;right:0;top:auto;bottom:66px}

@media (max-width:900px){
  html.rf-on:is(:root,#_) body #hub .hub-inner{grid-template-columns:200px minmax(0,1fr) 300px}
  html.rf-on:is(:root,#_) body:has(#hub.show) #mcd-pill{width:176px}
}

/* Entrées */
html.rf-on:is(:root,#_) body #hub.show .rf-top{animation:rf-in .5s ease backwards}
html.rf-on:is(:root,#_) body #hub.show .hub-card:not(.hub-locked){animation:rf-in .5s .08s ease backwards}
html.rf-on:is(:root,#_) body #hub.show .hub-card:not(.hub-locked):nth-child(n+2){animation-delay:.16s}
html.rf-on:is(:root,#_) body #hub.show .hub-card:not(.hub-locked):nth-child(n+3){animation-delay:.24s}
html.rf-on:is(:root,#_) body #hub.show #rf-week{animation:rf-in .5s .3s ease backwards}
html.rf-on:is(:root,#_) body #hub.show #rf-next{animation:rf-in .5s .38s ease backwards}
html.rf-on:is(:root,#_) body #hub.show #rf-hub-panel{animation:rf-in .5s .12s ease backwards}
}

@media (prefers-reduced-motion:reduce){
  html.rf-on body #hub.show :is(.rf-top,.hub-card,#rf-week,#rf-next,#rf-hub-panel),html.rf-on body .sc-bar i{animation:none!important}
  html.rf-on body .rf-ic{animation:none!important}
}

/* ===== Éditeur, agents IA, Marshall, publication =====
   Aucun transform, translate, scale ou filter sur #view-composer, #content-card, #ed-shell-wrap, .ed-shell, .ed-stagewrap, .ed-rail :
   main sert de repère aux éléments fixes. Les :is(...) passent au-dessus de mcd-sidebar-style. */
@keyframes sr-in{from{translate:0 14px}}
@keyframes sr-fly{from{translate:-12px 0}}
@keyframes sr-tourne{to{rotate:360deg}}

@media (min-width:761px){
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #view-composer{padding:0!important;margin:0!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #view-composer .topbar{margin:0!important;padding:0!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #view-composer :is(.composer-grid,#content-card){margin:0!important;padding:0!important;gap:0!important}
/* La largeur de la scène ne doit jamais suivre celle du canvas, sinon edApplyFmt ne le réduit plus */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #view-composer .composer-grid{grid-template-columns:minmax(0,1fr)!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #view-composer :is(.composer-grid,#content-card,#ed-shell-wrap,.ed-shell,.ed-stagewrap){min-width:0!important;max-width:100%!important;box-sizing:border-box}

/* Barre du haut : au-dessus du panneau */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions{top:17px!important;right:18px!important;gap:6px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions :is(#hdr-books,#hdr-share,#hdr-dl,#mcd-gear-hdr,#mcd-bell){border:0!important;border-radius:50%!important;background:#fff!important;color:var(--th-ink)!important;box-shadow:0 10px 20px -12px rgba(90,30,0,.5)!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions :is(#hdr-books,#hdr-dl,#mcd-gear-hdr,#mcd-bell){width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;flex:0 0 38px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions #hdr-share{height:38px!important;border-radius:99px!important}

/* Rail d'outils */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail{left:14px!important;top:14px!important;bottom:14px!important;right:auto!important;height:fit-content!important;max-height:calc(100% - 28px)!important;margin-block:auto!important;width:76px!important;padding:10px 7px!important;gap:2px!important;border:0!important;border-radius:26px!important;background:#fff!important;box-shadow:var(--th-sh)!important;overflow:hidden auto!important;scrollbar-width:none}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail .ed-tool:not(#ed-ai){min-height:52px!important;padding:6px 2px!important;gap:3px!important;border-radius:16px!important;font-size:10.5px!important;font-weight:600!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail .ed-tool:not(#ed-ai)>svg:not(.rf-ic){display:none!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail .ed-tool .rf-ic{display:block;width:25px!important;height:25px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail .ed-tool:hover .rf-ic{animation:rf-hop .5s var(--th-spring);rotate:none;scale:1}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail .ed-tool:hover .rf-ic .a{transform:scale(1.25) rotate(-10deg)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail .ed-tool:hover .rf-ic .s{transform:translate(1.5px,-1.5px)}

/* Scène : le canvas tient entre le rail et le panneau */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app:has(#view-composer.active) .ed-stagewrap{padding:14px 340px 14px 104px!important;justify-content:flex-start!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app:has(#view-composer.active):has(#ed-multipage.show) .ed-stagewrap{padding-left:230px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app:has(#view-composer.active):has(#ed-multipage.show) .ed-toolbar{margin-left:-126px!important;max-width:calc(100% + 126px)!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app:has(#view-composer.active):has(.ed-flyout.show:not(.marshall-mode)) .ed-stagewrap:is(.ed-stagewrap,#_){padding-left:440px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app:has(#view-composer.active):has(.ed-flyout.show:not(.marshall-mode)) .ed-toolbar:is(.ed-toolbar,#_){margin-left:0!important;max-width:100%!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app:has(#view-composer.active):has(.ed-flyout.settings-mode.show) .ed-stagewrap:is(.ed-stagewrap,#_){padding-left:560px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body:has(#marshall-agent-dock.open:not(.min)) #app:has(#view-composer.active) .ed-stagewrap:is(.ed-stagewrap,#_){padding-right:434px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-stagewrap:has(#ed-zoom option[value="1.15"]:checked,#ed-zoom option[value="1.3"]:checked){overflow:auto!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #ed-stage{border-radius:0!important}

/* Barre d'outils */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar{flex:none;margin-top:0!important;margin-bottom:10px!important;padding:6px 8px!important;gap:5px!important;border-radius:22px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar .ed-tb:not(.ed-tb-text){width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;flex:0 0 36px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar .ed-tb.ed-tb-text{height:36px!important;padding:0 11px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar .ed-sel{height:36px!important;max-width:152px;padding-top:0!important;padding-bottom:0!important;font-size:13px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar #ed-zoom{width:86px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar :is(#ed-my-tpl,#ed-to-story,#ed-visual-check)>span{display:none!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar :is(#ed-my-tpl,#ed-to-story,#ed-visual-check) .rf-ic{display:block;width:22px;height:22px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar .ed-tb-sep{background:var(--th-line)!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar.has-sel #ed-qbar{gap:2px;flex-wrap:nowrap}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #ed-qbar .ctx-font{width:108px!important;height:36px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #ed-qbar .ctx-size{height:36px;border:0;background:#FFF8EF}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #ed-qbar .ctx-size button{width:26px;height:36px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #ed-qbar .ctx-sizev{width:36px;height:36px;border:0;background:none}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #ed-qbar .ctx-b{min-width:30px;height:36px;padding:0 4px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #ed-qbar .ctx-b:hover{background:#FFF1DC}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #ed-qbar .ctx-b.on{background:#FFF1DC;border-color:#E8590C;color:#C2410C}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #ed-qbar .ctx-more{padding:0 10px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar #ed-back+.ed-tb-sep{display:none!important}

/* Mélanger le style */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .eds-mix{flex:none;margin:0 auto 10px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .eds-mix .eds-go{background:#fff;color:#C2410C;box-shadow:0 10px 20px -12px rgba(90,30,0,.5)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .eds-mix .eds-n{color:var(--th-ink)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .eds-mix [data-eds-garde].on{background:var(--th-ink);color:#fff}

/* Écran de départ */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start{background:#fff;color:var(--th-ink)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start h3{color:var(--th-ink);font-size:clamp(20px,2.4vw,28px);font-weight:700;letter-spacing:-.02em}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start p{color:var(--th-mut);font-size:14px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start-grid{width:min(100%,430px);gap:12px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start-card{padding:14px 8px;border:0;border-radius:20px;background:#FFF8EF;color:var(--th-ink);box-shadow:none;transition:background .2s,translate .35s var(--th-spring),box-shadow .25s}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start-card:hover{translate:0 -4px;background:#FFF1DC;box-shadow:0 14px 24px -14px rgba(90,30,0,.5)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start-card>i{display:none}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start-card .rf-ill{width:58px;height:58px;transition:rotate .35s var(--th-spring),scale .35s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start-card:hover .rf-ill{rotate:-6deg;scale:1.08}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start-card small{color:var(--th-mut)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-start-blank{color:#A8380A;font-weight:600}

/* Le survol général ne doit pas atteindre le canvas ni l'aperçu */
html.rf-on:is(:root,#_):is(:root,#_) body :is(#ed-stage,.pub2-phone,#pv-stage) :is(button,a,[role="button"]):not(.ed-start-card):hover,
html.rf-on:is(:root,#_):is(:root,#_) body :is(#ed-stage,.pub2-phone,#pv-stage) :is(button,a,[role="button"]):not(.ed-start-card):active{translate:none!important;scale:none!important}
html.rf-on:is(:root,#_):is(:root,#_) body :is(#ed-stage,.pub2-phone,#pv-stage) :is(button,a,[role="button"]) svg:not(.rf-ill){rotate:none!important;scale:none!important;transition:none!important}

/* Volets */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout.show:not(.marshall-mode){left:104px!important;top:14px!important;bottom:14px!important;width:320px!important;border:0!important;border-radius:28px!important;box-shadow:var(--th-sh)!important;overflow:hidden!important;animation:sr-fly .32s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout.settings-mode.show{width:440px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout:not(.marshall-mode) .ed-fly-head{padding:15px 16px 11px!important;border:0!important;background:#fff!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout:not(.marshall-mode) #ed-fly-title{color:var(--th-ink)!important;font-family:var(--th-title)!important;font-size:18px!important;font-weight:700!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout .ed-fly-x{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;background:#FFF8EF;color:var(--th-ink);transition:background .2s,rotate .3s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout .ed-fly-x:hover{background:#FFF1DC;rotate:90deg;translate:none}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout .tx-add{border-radius:14px;background:linear-gradient(135deg,#E8590C,#C2410C)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout .tx-combo{border:0;border-radius:16px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout .ag-item{border:0;border-radius:16px;background:#FFF8EF;transition:background .2s,translate .3s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout .ag-item:hover{background:#FFF1DC}

/* Motion */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout .ed-motion-card{border:0;border-radius:18px;background:#FFF8EF;box-shadow:none}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout #ed-motion-play{border:0;border-radius:14px;background:linear-gradient(135deg,#E8590C,#C2410C);color:#fff}

/* Panneau blanc */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel{position:fixed;right:18px;top:72px;bottom:18px;z-index:64;display:flex;flex-direction:column;gap:9px;box-sizing:border-box;width:300px;padding:14px 16px 16px;border-radius:34px;background:#fff;color:var(--th-ink);box-shadow:0 24px 50px -24px rgba(90,30,0,.55);overflow:hidden;animation:sr-in .5s ease;transition:opacity .2s,visibility .2s}
.sr-t{flex:none;height:24px;color:var(--th-ink);font-size:17px;font-weight:700;line-height:24px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body .sr-t{font-family:var(--th-title)!important}
.sr-slot{flex:none;height:60px}

html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail #ed-ai{top:120px!important;right:34px!important;bottom:auto!important;left:auto!important;width:268px!important;height:60px!important;padding:0 12px!important;flex-direction:row!important;justify-content:flex-start!important;gap:11px!important;border:0!important;border-radius:18px!important;background:linear-gradient(135deg,#E8590C,#C2410C)!important;color:#fff!important;box-shadow:0 12px 22px -12px rgba(90,30,0,.7)!important;transition:box-shadow .25s,translate .3s var(--th-spring)!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail #ed-ai .ed-ai-face{position:relative;display:block;flex:none;width:42px;height:42px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail #ed-ai .ed-ai-avatar{width:42px!important;height:42px!important;background:#fff;object-fit:cover;object-position:top}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail #ed-ai>span{display:block!important;color:#fff;font-size:15px;font-weight:700;line-height:1.2;text-align:left}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-rail #ed-ai>span::after{content:"Superviseur";display:block;font-size:12px;font-weight:500;color:#FFF1DC}

html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel #ed-agent-rail{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:min-content;align-content:start;gap:7px;flex:1 1 0;min-height:0;width:auto!important;max-height:none!important;margin:0;padding:1px 3px 1px 1px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;overflow:hidden auto!important;scrollbar-width:thin;scrollbar-color:#F6E7D6 transparent}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel .ed-agent-rail-title{display:none}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel .ed-agent-tool{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;min-width:0;min-height:52px;padding:6px 7px;border:2px solid transparent;border-radius:15px;background:#FFF8EF;color:var(--th-ink);box-shadow:none;transition:background .2s,border-color .2s,translate .3s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel .ed-agent-tool:hover{background:#FFF1DC;translate:0 -2px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel .ed-agent-tool.active{border-color:#E8590C;background:#FFF1DC;color:var(--th-ink)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel .ed-agent-tool:disabled::after{content:"";position:absolute;right:6px;top:6px;width:11px;height:11px;border:2px solid #FFC766;border-top-color:#E8590C;border-radius:50%;animation:sr-tourne .7s linear infinite}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel .ed-agent-tool-icon{width:28px;height:28px;border-radius:10px!important;background:#FFE3BD!important;color:#C2410C!important;transition:rotate .3s var(--th-spring),scale .3s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel .ed-agent-tool:hover .ed-agent-tool-icon{rotate:-6deg;scale:1.08}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel .ed-agent-tool-copy b{display:block;font-size:11.5px!important;font-weight:600!important;line-height:1.15!important;color:var(--th-ink)!important;overflow-wrap:anywhere}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-panel .ed-agent-tool-copy small{font-size:10px!important;color:var(--th-mut)!important}
#sr-panel [data-agent-rail="social"]{order:1}
#sr-panel [data-agent-rail="story"]{order:2}
#sr-panel [data-agent-rail="brand"]{order:3}
#sr-panel [data-agent-rail="campaign"]{order:4}
#sr-panel [data-agent-rail="image"]{order:5}
#sr-panel [data-agent-rail="visual"]{order:6}
#sr-panel [data-agent-rail="testing"]{order:7}
#sr-panel [data-agent-rail="audit"]{order:8}
#sr-panel [data-agent-rail="team"]{order:9;grid-column:1/-1}
#sr-panel [data-agent-rail="marshall"]{order:10}
#sr-panel [data-agent-rail="studio"]{order:11}
#sr-panel [data-agent-rail="motion"]{order:12}
#sr-panel [data-agent-rail="genjutsu"]{order:13}
#sr-panel [data-agent-rail="avatar"]{order:14}
#sr-panel [data-agent-rail="clipper"]{order:15}
#sr-panel [data-agent-rail="nation"]{order:16}

html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-ask{flex:none;display:flex;align-items:center;gap:6px;height:44px;padding:0 5px 0 14px;border-radius:16px;background:#FFF8EF;transition:box-shadow .2s}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-ask:focus-within{box-shadow:0 0 0 2px #E8590C}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-ask input{flex:1;min-width:0;height:100%;padding:0;border:0!important;outline:0;background:none;color:var(--th-ink);font-size:14px;box-shadow:none!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-ask input::placeholder{color:var(--th-mut)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-ask button{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:12px;background:linear-gradient(135deg,#E8590C,#C2410C);color:#fff;cursor:pointer}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-ask button svg{width:18px;height:18px}

html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-nets{flex:none;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-nets:empty{display:none}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body .sr-net{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;color:#fff;cursor:pointer;opacity:.45;box-shadow:0 0 0 2px transparent;transition:opacity .2s,box-shadow .2s,translate .3s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body .sr-net.off{opacity:.25}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body .sr-net.on{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 4px #E8590C}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body .sr-net svg{width:16px;height:16px}

html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-publish{position:relative;flex:none;height:48px;border:0;border-radius:16px;background:linear-gradient(135deg,#E8590C,#C2410C);color:#fff;font-size:16px;font-weight:700;cursor:pointer;overflow:hidden;box-shadow:0 14px 26px -12px rgba(90,30,0,.7)}
#sr-publish::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-110%)}
#sr-publish:hover::after{transform:translateX(110%);transition:transform .7s ease}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #sr-publish.mpub-locked{opacity:.65}

/* Propriétés : au-dessus du panneau, même place */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-panel{top:72px!important;right:18px!important;bottom:18px!important;width:300px!important;border:0!important;border-radius:34px!important;box-shadow:0 24px 50px -24px rgba(90,30,0,.55)!important;z-index:66!important}

/* Marshall : la conversation s'ouvre en grand, sous la barre du haut */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout.marshall-mode.show:not(.minimized){right:18px!important;top:72px!important;bottom:18px!important;width:min(980px,calc(100% - 130px))!important;border:0!important;border-radius:34px!important;box-shadow:0 26px 50px -22px rgba(90,30,0,.6)!important;overflow:hidden!important;z-index:96!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout.marshall-mode .mv4-sidebar{background:#FFF8EF!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-flyout.marshall-mode .mv4-send{background:linear-gradient(135deg,#E8590C,#C2410C)!important;color:#fff!important}

/* Fiche d'un agent */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #marshall-agent-dock.madock{left:auto!important;right:18px!important;top:72px!important;bottom:18px!important;width:400px!important;border:0!important;border-radius:28px!important;box-shadow:var(--th-sh)!important;overflow:hidden!important}

/* Atelier : pastille dans l'en-tête du panneau */

/* Publication */
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #pub-step.pub2 :is(.pub2-main,.pub2-side){border-radius:28px;box-shadow:var(--th-sh)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #pub-step.pub2 .pub2-bar{padding:12px 16px;border-radius:24px;box-shadow:var(--th-sh)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #pub-step.pub2 .pub2-adv{border:0;border-radius:18px;background:#FFF8EF}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #pub-step.pub2 #net-row .net-line{border-color:var(--th-line)!important;transition:border-color .2s,background .2s,translate .3s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #pub-step.pub2 #net-row .net-line:hover{translate:0 -2px;border-color:#FFC766!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #pub-step.pub2 #net-row .net-line.on{border-color:#E8590C!important;background:#FFF1DC!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #pub-step.pub2 :is(.pub2-back,.pub2-when-btn){border:0;border-radius:14px;background:#FFF8EF;color:var(--th-ink);transition:background .2s,translate .3s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #pub-step.pub2 :is(.pub2-back,.pub2-when-btn):hover{background:#FFF1DC}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #pub-step.pub2 .pub2-bar #publish-btn{border-radius:16px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app #pub-step.pub2 .pub2-when-pop{border:0;border-radius:22px}
}

/* Sous 1500 px : le panneau s'efface pour laisser la place au volet, Marshall revient en bulle */
@media (min-width:761px) and (max-width:1499px){
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body:has(.ed-flyout.show:not(.marshall-mode)) #sr-panel{opacity:0;visibility:hidden}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body:has(.ed-flyout.show:not(.marshall-mode)) #app .ed-rail #ed-ai{top:auto!important;right:22px!important;bottom:22px!important;width:66px!important;height:66px!important;padding:0!important;justify-content:center!important;border-radius:50%!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body:has(.ed-flyout.show:not(.marshall-mode)) #app .ed-rail #ed-ai>span{display:none!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body:has(.ed-flyout.show:not(.marshall-mode)):not(:has(#marshall-agent-dock.open:not(.min))) #app:has(#view-composer.active) .ed-stagewrap{padding-top:64px!important;padding-right:28px!important}
}

/* Sous 1600 px : la barre d'outils et le haut passent en icônes */
@media (min-width:761px) and (max-width:1599px){
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar :is(#ed-safezones,#ed-preview-mode){width:36px!important;min-width:36px!important;padding:0!important;flex:0 0 36px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar :is(#ed-safezones,#ed-preview-mode) span{display:none!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions #hdr-share{width:38px!important;min-width:38px!important;padding:0!important;font-size:0!important;flex:0 0 38px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions #hdr-share span{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  html.rf-on body :is(#sr-panel,.ed-flyout),html.rf-on body .ed-rail .rf-ic,html.rf-on body .ed-agent-tool::after{animation:none!important}
}

/* ===== Fiche d'agent : discussion (maquettes/fiches-agents, design 5) ===== */
@media (min-width:761px){
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock{display:flex!important;flex-direction:column!important;background:#fff!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-head{position:absolute!important;z-index:5;top:14px;right:14px;width:auto;padding:0!important;border:0!important;background:none!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-title{display:none!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-btn{width:34px!important;height:34px!important;border:0!important;border-radius:50%!important;background:#FFF1DC!important;color:#2B2118!important;transition:rotate .3s var(--th-spring),scale .3s var(--th-spring)!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-btn:hover{rotate:90deg;scale:1.1}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-body{flex:1 1 0!important;display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important;padding:0!important;overflow:hidden!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock:has(.madock-detail>.madock-actions-grid) .madock-detail{display:contents!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-detail-head:is(.madock-detail-head,#_){flex:none;display:flex!important;align-items:center;gap:11px!important;padding:14px 60px 14px 17px!important;border:0!important;border-bottom:1px solid var(--th-line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-detail-head:is(.madock-detail-head,#_)::after{display:none}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-detail-head .mag-hero{flex:none;width:48px;height:48px;padding:0;border-radius:50%;background:#FFF1DC;box-shadow:none}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-detail-head .mag-hero img{object-fit:cover;object-position:top;filter:none}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-detail-head>.madock-pill-icon{flex:none;width:48px!important;height:48px!important;border-radius:50%!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-detail-head .madock-meta{display:none!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-detail-copy b{display:block;font:800 18px/1.15 var(--th-title)!important;color:var(--th-ink)!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-detail-copy .mag-tag{display:block;margin:2px 0 0;padding:0;border:0;background:none;color:#14683A;font:500 13px var(--th-font)}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-detail-copy .mag-tag::before{display:none}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock:has(.madock-detail>.madock-actions-grid) .madock-detail-copy p{display:none}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock:has(.madock-detail>.madock-actions-grid) .madock-chat{order:2;flex:1 1 0!important;display:flex;flex-direction:column;gap:9px;min-height:0!important;padding:15px;border:0!important;border-radius:0!important;background:#FFF8EF!important;box-shadow:none!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock:has(.madock-detail>.madock-actions-grid) .madock-chat-head{display:none}
#rf-ag-intro{display:flex;flex-direction:column;gap:9px;flex:none}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-thread:is(.madock-thread,#_){display:flex;flex-direction:column;gap:9px;flex:1 1 0!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:auto;background:none!important;font:400 14px/1.45 var(--th-font)!important;color:var(--th-ink)!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock:has(.madock-detail>.madock-actions-grid) .madock-thread:is(.madock-thread,#_){font-size:0!important}
#rf-ag-intro .rf-bu,html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-msg{max-width:88%;align-self:flex-start;padding:11px 14px;border:0!important;border-radius:18px 18px 18px 5px;background:#fff!important;color:var(--th-ink)!important;font:400 14px/1.45 var(--th-font)!important;box-shadow:0 8px 16px -12px rgba(90,30,0,.5);animation:rf-bulle .3s var(--th-spring) backwards}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-msg.user{align-self:flex-end;border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,#E8590C,#C2410C)!important;color:#fff!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-msg.error{background:#FDE3E0!important;color:#A3241B!important}
@keyframes rf-bulle{from{translate:0 9px;scale:.96}}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-actions-grid:is(.madock-actions-grid,#_){order:3;flex:none;display:flex!important;flex-wrap:wrap;gap:7px!important;padding:13px 15px!important;background:#fff}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-action:is(.madock-action,#_){width:auto;min-height:0!important;padding:9px 13px!important;border:0!important;border-radius:99px!important;background:#FFF1DC!important;color:#A8380A!important;font:600 14px/1.2 var(--th-font)!important;transition:background .2s,translate .3s var(--th-spring)!important}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-action:is(.madock-action,#_):hover{background:#FFE1B8!important;translate:0 -3px}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-action:is(.madock-action,#_):disabled{opacity:.5}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock .madock-action em{display:none}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock #marshall-agent-dock-status{order:4;flex:none}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock #marshall-agent-dock-status:empty{display:none}
}
@media (prefers-reduced-motion:reduce){#rf-ag-intro .rf-bu,html.rf-on body #marshall-agent-dock .madock-msg{animation:none!important}}
/* ===== Bulles de discussion ===== */
@keyframes rf-dock-in{from{translate:70px 0;scale:.94}}
@keyframes rf-bulle-in{from{scale:0;rotate:-16deg}}
@keyframes rf-ask-in{from{translate:18px 0;scale:.9}}
@keyframes rf-secoue{25%{translate:-5px 0}50%{translate:5px 0}75%{translate:-3px 0}}
@keyframes rf-pense{from{scale:1;opacity:.8}to{scale:1.3;opacity:0}}
@media (min-width:761px){
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #marshall-agent-dock.open:not(.min){transform-origin:right center;animation:rf-dock-in .42s var(--th-spring) backwards}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app:has(#view-composer.active) .ed-stagewrap:is(.ed-stagewrap,#_):is(.ed-stagewrap,#_){transition:padding .18s ease}
html.rf-on.rf-a-bulles:is(:root,#_):is(:root,#_):is(:root,#_) body:not(:has(#marshall-agent-dock.open:not(.min))) #app:has(#view-composer.active) .ed-stagewrap:is(.ed-stagewrap,#_){padding-right:412px!important}
html.rf-on:is(:root,#_) body #rf-bulles{position:fixed;right:328px;top:50%;translate:0 -50%;z-index:64;display:flex;flex-direction:column;gap:11px;box-sizing:border-box;width:72px;max-height:calc(100% - 190px);padding:6px;overflow:hidden auto;scrollbar-width:none;transition:right .2s}
#rf-bulles .rf-bulle{position:relative;flex:none;width:60px;height:60px;animation:rf-bulle-in .5s var(--th-spring) backwards}
#rf-bulles .rf-bulle.rf-secoue{animation:rf-secoue .35s ease}
html.rf-on:is(:root,#_) body #rf-bulles .rf-bulle-a{display:block;width:60px;height:60px;padding:0;border:3px solid #fff;border-radius:50%;background:#FFF1DC;overflow:hidden;box-shadow:0 12px 20px -10px rgba(90,30,0,.7);translate:none;transition:scale .3s var(--th-spring)!important}
html.rf-on:is(:root,#_) body #rf-bulles .rf-bulle-a:hover{scale:1.09;translate:none}
#rf-bulles .rf-bulle-a img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
html.rf-on:is(:root,#_) body #rf-bulles .rf-bulle.on .rf-bulle-a{border-color:var(--th-ink)}
html.rf-on:is(:root,#_) body:has(#marshall-agent-dock[aria-busy="true"]) #rf-bulles .rf-bulle.on::after{content:"";position:absolute;inset:0;border:3px solid #fff;border-radius:50%;pointer-events:none;animation:rf-pense 1s ease-out infinite}
html.rf-on:is(:root,#_) body #rf-bulles .rf-bulle-x{position:absolute;top:-3px;right:-3px;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:var(--th-ink);color:#fff;font-size:14px;line-height:1;opacity:0;translate:none;transition:opacity .15s,scale .25s var(--th-spring)!important}
html.rf-on:is(:root,#_) body #rf-bulles .rf-bulle:hover .rf-bulle-x,html.rf-on:is(:root,#_) body #rf-bulles .rf-bulle-x:focus-visible{opacity:1}
html.rf-on:is(:root,#_) body #rf-bulles .rf-bulle-x:hover{scale:1.15;translate:none}
html.rf-on:is(:root,#_) body #rf-ask-agent{position:fixed;right:330px;z-index:70;box-sizing:border-box;width:282px;padding:15px;border-radius:24px;background:#fff;color:var(--th-ink);box-shadow:0 24px 44px -18px rgba(90,30,0,.7);transform-origin:right center;animation:rf-ask-in .3s var(--th-spring) backwards}
#rf-ask-agent img{float:left;width:52px;height:52px;margin:0 11px 8px 0;object-fit:cover;object-position:top;border-radius:50%;background:#FFF1DC}
#rf-ask-agent p{min-height:52px;margin:0;font-size:15px;line-height:1.3}
#rf-ask-agent .rf-ask-b{clear:both;display:grid;grid-template-columns:1fr 1.25fr;gap:7px;margin-top:9px}
html.rf-on:is(:root,#_) body #rf-ask-agent button{padding:11px 8px;border:0;border-radius:14px;font-weight:600;font-size:14px;cursor:pointer}
html.rf-on:is(:root,#_) body #rf-ask-agent .rf-ask-non{background:#FFF1DC;color:#A8380A}
html.rf-on:is(:root,#_) body #rf-ask-agent .rf-ask-oui{background:linear-gradient(135deg,#E8590C,#C2410C);color:#fff}
}
@media (min-width:761px){
html.rf-on.rf-a-bulles:is(:root,#_):is(:root,#_):is(:root,#_) body:has(#marshall-agent-dock.open:not(.min)) #app:has(#view-composer.active) .ed-stagewrap:is(.ed-stagewrap,#_){padding-right:508px!important}
html.rf-on:is(:root,#_) body:has(#marshall-agent-dock.open:not(.min)) #rf-bulles{right:426px}
}
@media (prefers-reduced-motion:reduce){#rf-bulles .rf-bulle,#rf-ask-agent,html.rf-on body #marshall-agent-dock.open,html.rf-on body #rf-bulles .rf-bulle::after{animation:none!important}}

@media (min-width:761px){
}
/* Bibliothèque : icône orange en haut à droite du panneau Agents IA */
@media (min-width:761px){
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body:has(#view-composer.active):not(:has(#pub-step.pub2:not([style*="none"]))) #app .hdr-actions #hdr-books:is(#hdr-books,#_){position:fixed;top:80px;right:32px;z-index:65;width:36px!important;min-width:36px!important;height:36px!important;flex:none!important;background:linear-gradient(135deg,#E8590C,#C2410C)!important;color:#fff!important;box-shadow:0 10px 18px -10px rgba(90,30,0,.7)!important}
}
@media (min-width:761px) and (max-width:1499px){
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body:has(.ed-flyout.show:not(.marshall-mode)) #app .hdr-actions #hdr-books:is(#hdr-books,#_):is(#hdr-books,#_){position:static!important;width:40px!important;min-width:40px!important;height:40px!important;box-sizing:border-box;border:1px solid rgba(255,255,255,.9)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important}
}
/* Icônes du haut : même fond que l'espace compte, toutes centrées */
@media (min-width:761px){
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions{align-items:center!important;gap:7px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions :is(#mcd-gear-hdr,#mcd-bell,#hdr-dl,#hdr-share,#pv-open){box-sizing:border-box;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;flex:0 0 40px!important;padding:0!important;margin:0!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important;transform:none!important;transition:background .2s,translate .3s var(--th-spring),scale .3s var(--th-spring)!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions :is(#mcd-gear-hdr,#mcd-bell,#hdr-dl,#hdr-share,#pv-open):hover{background:rgba(255,255,255,.28)!important;translate:0 -2px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions :is(#mcd-gear-hdr,#mcd-bell,#pv-open) svg{width:23px!important;height:23px!important;min-width:0!important;margin:0!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions :is(#hdr-dl,#hdr-share) svg{width:20px!important;height:20px!important;margin:0!important;stroke:currentColor!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions #hdr-share span{display:none!important}
}

/* Barres centrées sur le canvas, sauf quand un volet occupe la gauche */
@media (min-width:761px){
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body #app:has(#view-composer.active):not(:has(.ed-flyout.show:not(.marshall-mode))) .ed-toolbar:is(.ed-toolbar,#_){align-self:center;width:max-content!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .eds-mix{align-self:center}
#rf-couleur{flex:none;box-sizing:border-box;width:32px;height:32px;padding:0;border:3px solid #fff;border-radius:50%;cursor:pointer;box-shadow:0 6px 12px -6px rgba(30,60,90,.6);animation:rf-bulle-in .35s var(--th-spring) backwards;transition:scale .25s var(--th-spring)}
#rf-couleur[hidden]{display:none}
html.rf-on:is(:root,#_) body #rf-couleur:hover{scale:1.12;translate:none}
}
@media (min-width:761px) and (max-width:1599px){
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar .ed-sel{max-width:150px}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar #ed-zoom{width:84px!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body #app .ed-toolbar{gap:3px!important;padding:6px!important}
}

/* Menu de gauche : ni Créer ni Atelier, réglages et espace compte au-dessus de Réseaux */
@media (min-width:761px){
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body:is(body,#_) #app #side #side-create{display:none!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body:is(body,#_) .at-lanceur{display:none!important}
.rf-side-outils{display:flex;gap:8px;margin:0 0 12px}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #side .rf-side-ic{display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;box-shadow:none;transition:background .2s,translate .3s var(--th-spring),scale .3s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #side .rf-side-ic:hover{background:rgba(255,255,255,.26);translate:0 -2px}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #side .rf-side-ic .rf-ic{width:23px;height:23px}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #side #rf-side-compte .rf-ic .l{stroke:#fff}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #studio-profile-card:is(#studio-profile-card,#_){position:fixed;top:var(--rf-fiche-haut,64px);right:var(--rf-fiche-droite,18px);left:auto;bottom:auto;z-index:10001}
html.rf-on.rf-fiche-gauche:is(:root,#_):is(:root,#_) body:is(body,#_) #studio-profile-card:is(#studio-profile-card,#_){top:auto;right:auto;left:232px;bottom:14px}
html.rf-on.rf-fiche-gauche:is(:root,#_):is(:root,#_) body:is(body,#_) #perm-sheet:is(#perm-sheet,#_){justify-content:flex-start;align-items:flex-end;padding:14px 14px 14px 232px!important}
html.rf-on.rf-fiche-gauche:is(:root,#_):is(:root,#_) body:is(body,#_) #perm-sheet .sheet:is(.sheet,#_){transform-origin:bottom left;max-height:min(580px,calc(100 * var(--vh,1vh) - 28px))}
}

/* Un seul menu de gauche : celui du Studio reste affiché sur l'accueil */
@media (min-width:761px){
html.rf-on:is(:root,#_):is(:root,#_) body:has(#hub.show) #app:is(#app,#_){display:block!important;position:fixed;left:0;top:0;bottom:0;width:220px;min-height:0;z-index:11}
html.rf-on:is(:root,#_):is(:root,#_) body:has(#hub.show) #app:is(#app,#_) main{display:none!important}
html.rf-on:is(:root,#_):is(:root,#_) body:has(#hub.show) #app:is(#app,#_) #side{height:100%}
html.rf-on:is(:root,#_):is(:root,#_) body:has(#hub.show) #rf-hub-side{visibility:hidden}
html.rf-on:is(:root,#_):is(:root,#_) body:has(#hub.show) #mcd-pill{display:none!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body:has(#hub.show) #app #side .fan-wrap .nav-item.active{color:#fff!important}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_) body:has(#hub.show) #app #side .fan-wrap .rf-nav-home{color:var(--th-ink)!important}

/* En-têtes : réglages, compte et langue vivent dans le menu, seule la cloche reste */
html.rf-on:is(:root,#_):is(:root,#_) body:has(#hub.show) #mcd-social :is(.social-btn,.acct-sq){display:none!important}
/* La roue reste rendue : le code place la cloche d'après elle, et Réglages la clique */
html.rf-on:is(:root,#_):is(:root,#_) body:has(#hub.show) #mcd-social #hub-gear:is(#hub-gear,#_){position:absolute!important;width:0!important;min-width:0!important;height:0!important;flex:none!important;padding:0!important;overflow:hidden;visibility:hidden}
html.rf-on:is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_):is(:root,#_) body #app .hdr-actions :is(#mcd-gear-hdr,#studio-profile){display:none!important}

/* Langue dans le menu : même rond que réglages et compte, liste vers le haut */
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #side .mcd-lang-btn{box-sizing:border-box;width:40px;height:40px;min-width:40px;padding:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.08);box-shadow:none;transition:background .2s,translate .3s var(--th-spring)}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #side .mcd-lang-btn:hover{background:rgba(255,255,255,.26);translate:0 -2px}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #side .mcd-lang-btn .mcd-caret{display:none}
html.rf-on:is(:root,#_):is(:root,#_) body:is(body,#_) #side .mcd-lang-menu{top:auto;bottom:calc(100% + 8px);left:0;right:auto;color:var(--th-ink)}
}

/* Accueil : plus d'icône dans l'en-tête, le panneau remonte */
@media (min-width:761px){
html.rf-on:is(:root,#_):is(:root,#_) body:has(#hub.show) #mcd-social #mcd-bell:is(#mcd-bell,#_){display:none!important}
html.rf-on:is(:root,#_):is(:root,#_) body #rf-hub-panel:is(#rf-hub-panel,#_){padding-top:24px}
}