/* Flixy — interface (thème clair, couleur principale #FF80BF, Roboto) */
:root{
  --ink:#FAF8FB; --ink-2:#FFFFFF; --ink-3:#F3EEF5; --side-bg:#F5F1F7; --line:#E8E1EC; --line-2:#D8CEDE;
  --text:#1E1A24; --muted:#6A6274; --faint:#9C94A6;
  --amber:#FF80BF; --amber-2:#FF5FA8; --amber-ink:#FFFFFF; --accent-text:#C72E78; --accent-soft:#FFE6F2;
  --violet:#E0559B; --danger:#D93A4A; --ok:#1FA463;
  --r-lg:20px; --r-md:12px; --r-sm:10px;
  --display:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --body:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --side:264px;
  --tab-h:56px;
  --safe-b:env(safe-area-inset-bottom, 0px);
  --safe-t:env(safe-area-inset-top, 0px);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,textarea,select{font:inherit;color:inherit}
a{color:inherit}
[hidden]{display:none !important}
:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:6px}
::selection{background:rgba(255,128,191,.35)}

/* Pas de barre de défilement visible : le défilement reste au doigt, à la molette et au clavier */
*{scrollbar-width:none;-ms-overflow-style:none}
*::-webkit-scrollbar{display:none;width:0;height:0}

/* Sensation d'application : pas de surbrillance au toucher, pas de double-tap zoom, pas de rebond de la page */
button,a,label,.opt-btn,.tile,.row{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
body.shell{overflow:hidden;overscroll-behavior:none;position:fixed;inset:0}
body.shell .tabbar,body.shell .topbar,body.shell .hero-nav,body.shell .side{-webkit-user-select:none;user-select:none}
img,video{-webkit-user-drag:none}

/* ---------- Boutons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;border-radius:999px;padding:10px 18px;font-weight:500;font-size:14px;text-decoration:none;transition:background .15s, opacity .15s, transform .08s;white-space:nowrap}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn-primary{background:var(--amber);color:#fff}
.btn-primary:hover{background:#FF94CA}
.btn-ghost{background:var(--ink-2);color:var(--text);border:1px solid var(--line-2)}
.btn-ghost:hover{background:var(--ink-3)}
.btn-quiet{background:transparent;color:var(--muted);padding:8px 12px}
.btn-quiet:hover{color:var(--text);background:var(--ink-3)}
.btn-danger{background:var(--danger);color:#fff}
.btn-danger:hover{background:#C42F3F}
.btn-sm{padding:6px 12px;font-size:13px}
.btn.wide{width:100%}
.icon-btn{width:38px;height:38px;padding:0;border-radius:50%}
.icon{width:18px;height:18px;flex:none}

/* ---------- Structure : coque d'application de la hauteur exacte de l'écran ---------- */
.app{display:flex;position:fixed;left:0;right:0;top:var(--vv-top,0);height:var(--app-h,100dvh);overflow:hidden}
.side{width:var(--side);flex:none;background:var(--side-bg);border-right:1px solid var(--line);display:flex;flex-direction:column;height:100%}
.col{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;position:relative}
.main{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}
.scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
body.guest .side, body.landing .side{display:none}

.side-head{display:flex;align-items:center;justify-content:space-between;padding:18px 16px 12px}
.side-new{margin:4px 14px 10px}
.side-new .btn{width:100%}
.side-links{display:flex;flex-direction:column;gap:2px;padding:0 8px 8px}
.side-links a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);text-decoration:none;color:var(--muted);font-size:13px}
.side-links a:hover,.side-links a.on{background:var(--ink-3);color:var(--text)}
.side-links a.on{color:var(--accent-text)}
.side-title{font-size:12px;color:var(--faint);padding:8px 18px 6px;font-weight:500;border-top:1px solid var(--line);margin-top:4px}
.plist{flex:1;overflow:auto;padding:0 8px 12px}
.pitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);text-decoration:none;color:var(--muted);cursor:pointer}
.pitem:hover{background:var(--ink-3);color:var(--text)}
.pitem.active{background:var(--ink-3);color:var(--text)}
.pthumb{width:40px;height:28px;border-radius:6px;background:var(--ink-3) center/cover no-repeat;flex:none;border:1px solid var(--line);position:relative;overflow:hidden}
.pthumb video{width:100%;height:100%;object-fit:cover}
.pname{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.pdot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);flex:none;animation:pulse 1.4s ease-in-out infinite}
.pempty{color:var(--faint);font-size:13px;padding:8px 12px}
.side-foot{border-top:1px solid var(--line);padding:12px 14px;display:flex;align-items:center;gap:10px;text-decoration:none}
.side-foot:hover{background:var(--ink-3)}
.side-foot .who{flex:1;min-width:0;line-height:1.3}
.side-foot .who b,.side-foot .who small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-foot .who b{font-size:13px;font-weight:500}
.side-foot .who small{font-size:11px;color:var(--faint)}

.avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--accent-text);flex:none;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar.sm{width:30px;height:30px;font-size:12px}
.avatar.xl{width:58px;height:58px;font-size:22px}
.avatar.xxl{width:96px;height:96px;font-size:36px}
.nav-av{background:none;border:0;padding:0;cursor:pointer;border-radius:50%}

.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-.02em}
.logo img{width:28px;height:28px}

/* ---------- Barre de navigation du bas (mobile) ---------- */
.tabbar{display:none}
.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;padding:6px 0 4px;color:var(--faint);font-size:10.5px;font-weight:500;cursor:pointer;min-width:0}
.tabbar svg{width:23px;height:23px;flex:none}
.tabbar button.on{color:var(--accent-text)}
.tabbar button:active svg{transform:scale(.9)}
.tab-av{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;overflow:hidden}
.tab-av img{width:100%;height:100%;object-fit:cover}
.tabbar button.on .tab-av:has(img){box-shadow:0 0 0 2px var(--amber)}

/* ---------- Bannière d'accueil ---------- */
.hero{position:relative;display:flex;flex-direction:column;isolation:isolate}
.hero::before{ /* faisceau du projecteur : la seule animation automatique */
  content:"";position:absolute;inset:-20% -30% auto;height:120%;z-index:-1;pointer-events:none;
  background:conic-gradient(from 180deg at 50% 0%, transparent 155deg, rgba(255,128,191,.16) 172deg, rgba(255,170,212,.24) 180deg, rgba(255,128,191,.16) 188deg, transparent 205deg);
  filter:blur(30px);transform-origin:50% 0;animation:beam 14s ease-in-out infinite alternate}
.hero::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 70% 50% at 50% 100%, rgba(255,128,191,.10), transparent 70%)}
@keyframes beam{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.hero > *{flex:none}

.hero-nav{display:flex;align-items:center;justify-content:space-between;padding:calc(14px + var(--safe-t)) clamp(16px,4vw,40px) 12px;position:sticky;top:0;z-index:6;background:rgba(250,248,251,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-body{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px clamp(16px,4vw,40px) 48px;text-align:center;min-height:calc(100% - 70px)}
.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(30px,4.6vw,56px);line-height:1.05;letter-spacing:-.03em;margin:0 0 14px;max-width:16ch;text-wrap:balance}
.hero p.lead{font-size:clamp(15px,1.2vw,17px);color:var(--muted);margin:0 0 28px;max-width:44ch;text-wrap:pretty}

@media (min-width:901px){
  /* Titre et sous-titre sur une seule ligne : le champ remonte au milieu de l'écran */
  .hero h1{max-width:none;white-space:nowrap;font-size:clamp(32px,3.6vw,52px);margin-bottom:10px}
  .hero p.lead{max-width:none;margin-bottom:20px;font-size:16px}
}
/* Clavier ouvert sur mobile : seuls le titre et le champ restent */
body.kb .hero .demo, body.kb .hero p.lead{display:none}

/* Micro (prompt vocal) */
.mic{flex:none;width:38px;height:38px;border:0;border-radius:50%;background:var(--ink-3);color:var(--text);display:grid;place-items:center;cursor:pointer;position:relative;transition:background .15s,color .15s}
.mic:hover{background:var(--line)}
.mic .icon{width:19px;height:19px}
.mic.on{background:#E5484D;color:#fff}
.mic.on::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #E5484D;animation:micPulse 1.2s ease-out infinite}
@keyframes micPulse{from{transform:scale(.9);opacity:.9}to{transform:scale(1.35);opacity:0}}
.mic.busy{color:var(--faint);pointer-events:none}
.mic.busy .icon{animation:pulse 1s ease-in-out infinite}
.screen-bar .mic{width:40px;height:40px}
.composer .mic{width:36px;height:36px;background:none;color:var(--muted)}
.composer .mic:hover{background:var(--ink-3);color:var(--text)}
.composer .mic.on{background:#E5484D;color:#fff}

/* Zone de saisie */
.stage{width:min(980px,100%);text-align:left}
.screen{position:relative;background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:14px 14px 10px;box-shadow:0 24px 60px -28px rgba(120,40,90,.28)}
.screen:focus-within{border-color:var(--violet)}
.screen textarea{display:block;width:100%;border:0;background:transparent;resize:none;outline:none;font-size:16px;line-height:1.5;min-height:76px;max-height:220px;color:var(--text);padding:0}
.screen textarea::placeholder{color:var(--faint)}
.screen-bar{display:flex;align-items:center;gap:8px;margin-top:8px}

/* Paramètres : une seule ligne qui défile ; le bouton d'envoi reste fixe à droite */
.opts{flex:1;min-width:0;display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);padding-right:18px}
.opts > *{flex:none;scroll-snap-align:start}
.go{flex:none}
.go .ico{display:none}

.shape{width:20px;height:20px;display:grid;place-items:center;flex:none}
.shape i{display:block;border:2px solid currentColor;border-radius:3px;transition:width .2s,height .2s}

.opt{position:relative}
.opt-btn{display:inline-flex;align-items:center;gap:6px;background:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:13px;color:var(--text);cursor:pointer;white-space:nowrap}
.opt-btn:hover{border-color:var(--line-2)}
.opt-btn[aria-expanded="true"]{border-color:var(--amber);background:var(--accent-soft)}
.opt-btn .k{color:var(--muted)}

/* Menu d'un paramètre (ordinateur : sous/au-dessus du bouton ; mobile : feuille du bas) */
.opt-menu{position:fixed;z-index:150;max-height:min(60vh,420px);overflow:auto;background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r-md);padding:6px;min-width:200px;box-shadow:0 16px 40px -12px rgba(60,20,50,.25);animation:fade .12s ease-out}
.opt-menu button{display:flex;width:100%;align-items:center;gap:10px;background:none;border:0;padding:9px 10px;border-radius:8px;cursor:pointer;text-align:left;font-size:13px}
.opt-menu button:hover{background:var(--ink-3)}
.opt-menu button[aria-checked="true"]{color:var(--accent-text);font-weight:500;background:var(--accent-soft)}
.opt-menu small{color:var(--faint);margin-left:auto;font-size:12px}
.opt-menu.sheet{left:0;right:0;bottom:0;top:auto;max-height:72%;border-radius:20px 20px 0 0;border:0;padding:6px 12px calc(14px + var(--safe-b));animation:sheetUp .22s cubic-bezier(.2,.8,.2,1)}
.opt-menu.sheet button{padding:13px 12px;font-size:15px;border-radius:12px}
.sheet-grip{width:38px;height:5px;border-radius:3px;background:var(--line-2);margin:4px auto 8px}
.sheet-title{font-weight:700;font-size:15px;text-align:center;padding:2px 0 10px}
.sheet-backdrop{position:fixed;inset:0;z-index:140;background:rgba(40,20,40,.32);animation:fade .18s ease-out}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}

.cmode{display:inline-flex;background:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:2px;gap:2px;flex:none}
.cmode button{background:none;border:0;border-radius:999px;padding:4px 11px;font-size:13px;color:var(--muted);cursor:pointer}
.cmode button[aria-pressed="true"]{background:var(--amber);color:#fff;font-weight:500}
.mode-switch{margin:0 0 10px;display:flex;gap:4px;justify-content:center;font-size:13px;color:var(--muted);background:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:3px;width:max-content;max-width:100%;margin-inline:auto}
.mode-switch button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--muted);cursor:pointer;padding:6px 13px;border-radius:999px;white-space:nowrap}
.mode-switch button .icon{width:16px;height:16px}
.mode-switch button[aria-pressed="true"]{color:#fff;background:var(--amber);font-weight:500}
.photo-drop{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;border:1.5px dashed var(--line-2);background:var(--ink);border-radius:14px;padding:16px 12px;margin:0 0 10px;cursor:pointer;color:var(--muted);font-size:12px}
.photo-drop b{color:var(--text);font-size:14px;font-weight:500}
.photo-drop .icon{width:26px;height:26px;color:var(--accent-text)}
.photo-drop:hover{border-color:var(--amber);background:var(--accent-soft)}
.photo-chip{display:flex;align-items:center;gap:10px;background:var(--ink-3);border-radius:12px;padding:6px;margin:0 0 10px;font-size:13px}
.photo-chip img{width:52px;height:52px;border-radius:9px;object-fit:cover;flex:none}
.photo-chip span{flex:1;min-width:0;color:var(--muted)}
.photo-chip.sm{margin:0 0 6px}
.photo-chip.sm img{width:40px;height:40px}
.attach{flex:none;width:36px;height:36px;border:0;background:none;color:var(--muted);border-radius:50%;display:grid;place-items:center;cursor:pointer;margin-left:-8px}
.attach:hover{background:var(--ink-3);color:var(--text)}
.msg-photo{align-self:flex-end;max-width:min(220px,60%);max-height:220px;border-radius:14px;border:1px solid var(--line);object-fit:cover;margin-bottom:-14px}
.msg-tag{display:inline-block;font-size:11px;font-weight:500;color:var(--accent-text);background:var(--accent-soft);border-radius:999px;padding:0 7px;margin-right:6px}

.ideas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px;width:min(780px,100%)}
.ideas button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ideas button:hover{color:var(--text);border-color:var(--line-2)}

/* ---------- Démonstration animée de l'accueil (boucle de 10 s) ---------- */
.demo{width:min(220px,100%);margin:0 auto 16px;--d:10s}
.demo-steps{display:flex;justify-content:center;gap:4px;margin:0 -90px 7px;font-size:10.5px;font-weight:500;white-space:nowrap}
.demo-steps span{padding:2px 8px;border-radius:999px;color:var(--faint);background:var(--ink-3);animation:var(--d) infinite}
.demo-steps .s1{animation-name:dS1}.demo-steps .s2{animation-name:dS2}.demo-steps .s3{animation-name:dS3}
@keyframes dS1{0%,36%{background:var(--amber);color:#fff}38%,100%{background:var(--ink-3);color:var(--faint)}}
@keyframes dS2{0%,37%{background:var(--ink-3);color:var(--faint)}39%,62%{background:var(--amber);color:#fff}64%,100%{background:var(--ink-3);color:var(--faint)}}
@keyframes dS3{0%,63%{background:var(--ink-3);color:var(--faint)}65%,97%{background:var(--amber);color:#fff}100%{background:var(--ink-3);color:var(--faint)}}
.demo-card{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:7px;box-shadow:0 26px 60px -30px rgba(120,40,90,.4);text-align:left}
.demo-prompt{position:relative;display:flex;align-items:center;gap:2px;background:var(--ink-3);border-radius:10px;padding:5px 5px 5px 9px;font-size:11px;color:var(--text);height:30px}
.demo-txt{white-space:nowrap;overflow:hidden;flex:0 1 auto;min-width:0;clip-path:inset(0 100% 0 0);animation:dType var(--d) infinite}
@keyframes dType{0%,4%{clip-path:inset(0 100% 0 0)}32%,96%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
.demo-caret{width:2px;height:12px;background:var(--accent-text);flex:none;animation:dBlink .8s steps(1) infinite}
@keyframes dBlink{50%{opacity:0}}
.demo-go{margin-left:auto;flex:none;width:20px;height:20px;border-radius:50%;background:var(--amber);color:#fff;display:grid;place-items:center;animation:dGo var(--d) infinite}
.demo-go svg{width:11px;height:11px}
@keyframes dGo{0%,33%{transform:scale(1);box-shadow:none}35%{transform:scale(.8)}37%{transform:scale(1.08);box-shadow:0 0 0 7px rgba(255,128,191,.3)}40%,100%{transform:scale(1);box-shadow:none}}
.demo-tap{position:absolute;right:2px;top:20px;width:16px;height:16px;border-radius:50%;background:rgba(30,26,36,.25);border:2px solid #fff;opacity:0;animation:dTap var(--d) infinite}
@keyframes dTap{0%,28%{opacity:0;transform:translate(30px,26px)}33%{opacity:1;transform:translate(-4px,-14px)}35%{transform:translate(-4px,-14px) scale(.8)}39%{opacity:1}43%,100%{opacity:0;transform:translate(-4px,-14px)}}
.demo-screen{position:relative;margin-top:7px;border-radius:10px;overflow:hidden;aspect-ratio:2/1;background:linear-gradient(110deg, #F6F1F8 30%, #FDE8F3 50%, #F6F1F8 70%);background-size:220% 100%;animation:sheen 2.2s linear infinite}
.demo-wait{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:10.5px;opacity:0;animation:dWait var(--d) infinite}
@keyframes dWait{0%,37%{opacity:0}40%,60%{opacity:1}63%,100%{opacity:0}}
.demo-ring{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--line-2);border-top-color:var(--amber);animation:dSpin .8s linear infinite}
@keyframes dSpin{to{transform:rotate(360deg)}}
.demo-art{position:absolute;inset:0;opacity:0;animation:dArt var(--d) infinite}
@keyframes dArt{0%,60%{opacity:0;transform:scale(1.04)}64%{opacity:1;transform:scale(1)}96%{opacity:1}100%{opacity:0}}
.demo-art svg{width:100%;height:100%;display:block;animation:dZoom var(--d) infinite}
@keyframes dZoom{0%,62%{transform:scale(1)}100%{transform:scale(1.1)}}
.d-fox{animation:dFox var(--d) linear infinite}
@keyframes dFox{0%,62%{transform:translate(-50px,146px)}100%{transform:translate(340px,140px)}}
.d-flakes{animation:dSnow var(--d) linear infinite}
@keyframes dSnow{0%,62%{transform:translateY(-10px)}100%{transform:translateY(40px)}}
.d-sun{animation:dSun var(--d) ease-in-out infinite}
@keyframes dSun{0%,62%{transform:translateY(0)}100%{transform:translateY(16px)}}
.demo-wm{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,.45);color:#fff;font-size:7px;font-weight:500;padding:2px 3px 2px 5px;border-radius:4px}
.demo-wm img{width:9px;height:9px}
.demo-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.4)}
.demo-bar i{display:block;height:100%;background:var(--amber);transform-origin:left;transform:scaleX(0);animation:dBar var(--d) linear infinite}
@keyframes dBar{0%,63%{transform:scaleX(0)}97%,100%{transform:scaleX(1)}}
.demo-share{position:absolute;left:6px;bottom:6px;display:flex;gap:4px}
.demo-share span{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;opacity:0;transform:translateY(8px) scale(.7);animation:dShare var(--d) infinite}
.demo-share span:nth-child(2){animation-delay:.12s}.demo-share span:nth-child(3){animation-delay:.24s}.demo-share span:nth-child(4){animation-delay:.36s}
.demo-share svg{width:11px;height:11px}
@keyframes dShare{0%,70%{opacity:0;transform:translateY(8px) scale(.7)}74%,95%{opacity:1;transform:none}100%{opacity:0}}

/* ---------- Barre du haut des écrans du studio ---------- */
.topbar{flex:none;z-index:10;display:flex;align-items:center;gap:8px;padding:calc(10px + var(--safe-t)) clamp(12px,3vw,28px) 10px;background:rgba(250,248,251,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);min-height:56px}
.topbar .ttl{flex:1;min-width:0;margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.back-btn{display:none;margin-left:-6px;color:var(--text)}
.ptitle{flex:1;min-width:0;font-family:var(--display);font-weight:500;font-size:16px;background:transparent;border:1px solid transparent;border-radius:8px;padding:5px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptitle:hover{border-color:var(--line)}
.ptitle:focus{border-color:var(--violet);outline:none;background:var(--ink-2)}

/* ---------- Discussion ---------- */
.thread{padding:24px max(14px, calc((100% - 1120px) / 2)) 16px;display:flex;flex-direction:column;gap:22px}
.msg-user{align-self:flex-end;max-width:min(72%, 760px);background:var(--ink-3);border:1px solid var(--line);border-radius:16px 16px 6px 16px;padding:9px 14px;white-space:pre-wrap;word-wrap:break-word}
.msg-meta{align-self:flex-end;font-size:11px;color:var(--faint);margin-top:-16px}
.msg-bot{display:flex;align-items:flex-start;gap:10px;align-self:flex-start;max-width:100%}
.bot-av{width:28px;height:28px;flex:none;margin-top:2px}
.result{border-radius:var(--r-lg);overflow:hidden;background:var(--ink-2);border:1px solid var(--line);position:relative;width:min(560px, calc(100vw - 80px))}
.result.sized{width:min(820px, calc(100vw - var(--side) - 120px), calc(68vh * var(--ar)))}
.result-media{position:relative;display:block;background:transparent}
.result-media video,.result-media img{display:block;width:100%;height:auto}
.result-actions{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px;background:var(--ink-2);border-top:1px solid var(--line)}

.result-media.waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:13px;background:linear-gradient(110deg, #F6F1F8 30%, #FDE8F3 50%, #F6F1F8 70%);background-size:220% 100%;animation:sheen 2.2s linear infinite;text-align:center;padding:0 12px}
.waiting .clock{font-family:var(--display);font-size:22px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
@keyframes sheen{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.failed{padding:18px;background:var(--ink-2);color:var(--muted);font-size:13px;display:flex;gap:12px;align-items:flex-start}
.failed b{color:var(--danger);font-weight:600}
.locked{padding:24px 18px;font-size:13px;text-align:center;background:var(--ink-2);color:var(--muted)}

/* Zone d'écriture de la discussion : le bouton d'envoi est dans la même ligne que le texte */
.composer-wrap{flex:none;padding:8px clamp(10px,3vw,24px) 14px;background:linear-gradient(transparent, var(--ink) 30%)}
.composer{width:min(1120px,100%);margin:0 auto}
.composer .screen{padding:8px 8px 8px 14px;border-radius:22px}
.c-row{display:flex;align-items:flex-end;gap:8px}
.composer .screen textarea{flex:1;min-width:0;font-size:15px;min-height:24px;padding:7px 0}
.send{flex:none;width:38px;height:38px;border-radius:50%;border:0;background:var(--amber);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .08s, background .15s}
.send:hover{background:#FF94CA}
.send:active{transform:scale(.92)}
.send:disabled{opacity:.45}
.send .icon{width:20px;height:20px}
.composer .opts{margin-top:6px;padding-bottom:2px}
.composer-hint{text-align:center;font-size:11px;color:var(--faint);margin-top:8px}

/* ---------- Écrans du studio (projets, galerie, compte) ---------- */
.page{padding:0 0 32px}
.page-in{width:min(960px,100%);margin:0 auto;padding:16px clamp(14px,3vw,24px) 0}
.search input{width:100%;background:var(--ink-3);border:1px solid transparent;border-radius:12px;padding:10px 14px;outline:none;font-size:15px}
.search input:focus{border-color:var(--violet);background:var(--ink-2)}
.plist-page{margin-top:12px;display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.plist-page:has(.empty){background:none;border:0}
.prow{display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;border-bottom:1px solid var(--line)}
.prow:last-child{border-bottom:0}
.prow:active{background:var(--ink-3)}
.prow-thumb{width:56px;height:42px;border-radius:10px;background:var(--ink-3) center/cover no-repeat;flex:none;overflow:hidden;position:relative}
.prow-thumb video{width:100%;height:100%;object-fit:cover}
.prow-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.prow-txt b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prow-txt small{color:var(--faint);font-size:12px;display:flex;align-items:center;gap:6px}
.chev{color:var(--faint);width:16px;height:16px}
.empty{text-align:center;color:var(--muted);padding:48px 16px;display:flex;flex-direction:column;align-items:center;gap:10px}
.empty img{width:46px;height:46px;opacity:.9}
.empty p{margin:0 0 6px}

.chips{display:flex;gap:6px;margin-bottom:12px}
.chips button{background:var(--ink-3);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted);cursor:pointer}
.chips button[aria-selected="true"]{background:var(--text);border-color:var(--text);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.grid .empty,.grid .grid-load{grid-column:1/-1}
.grid-load{height:120px;border-radius:14px;background:linear-gradient(110deg, #F6F1F8 30%, #FDE8F3 50%, #F6F1F8 70%);background-size:220% 100%;animation:sheen 2.2s linear infinite}
.tile{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:12px;overflow:hidden;background:var(--ink-3);cursor:pointer}
.tile img,.tile video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.tile-play{position:absolute;right:7px;top:7px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center}
.tile-play svg{width:13px;height:13px}
.tile:active{transform:scale(.98)}

.viewer{position:fixed;inset:0;z-index:180;background:#0F0C12;color:#fff;display:flex;flex-direction:column;animation:fade .16s ease-out}
.viewer-top{display:flex;align-items:center;justify-content:space-between;padding:calc(8px + var(--safe-t)) 8px 8px}
.viewer-top .btn{color:#fff}
.viewer-top .btn:hover{background:rgba(255,255,255,.12)}
.viewer-count{font-size:13px;color:rgba(255,255,255,.7)}
.viewer-media{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 8px}
.viewer-media img,.viewer-media video{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.viewer-foot{padding:12px 16px calc(14px + var(--safe-b));display:flex;flex-direction:column;gap:12px}
.viewer-foot p{margin:0;font-size:13px;color:rgba(255,255,255,.8);max-height:4.6em;overflow:auto;text-align:center}
.viewer-actions{display:flex;gap:10px;justify-content:center}
.viewer-actions .btn-ghost{background:rgba(255,255,255,.1);border-color:transparent;color:#fff}

/* Compte : réglages groupés, comme une application */
.me-card{display:flex;align-items:center;gap:14px;padding:14px;background:var(--ink-2);border:1px solid var(--line);border-radius:16px;text-decoration:none}
.me-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.me-txt b{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-txt small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-txt small + small{color:var(--faint)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 0}
.stats div{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column}
.stats b{font-size:19px;font-weight:700;line-height:1.2}
.stats span{font-size:12px;color:var(--muted)}
.group-t{font-size:12px;font-weight:500;color:var(--faint);margin:20px 4px 6px;text-transform:uppercase;letter-spacing:.04em}
.group{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:12px}
.group-t + .group{margin-top:0}
.group.pad{padding:14px}
.row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:none;border:0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);font-size:14px;cursor:pointer;text-align:left}
.row:last-child{border-bottom:0}
.row:active{background:var(--ink-3)}
.row > .icon:first-child{color:var(--accent-text)}
.row-l{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.row-l small{color:var(--faint);font-size:12px}
.row-v{color:var(--muted);font-size:13px;white-space:nowrap}
.row.static{cursor:default}
.row.static:active{background:none}
.row.danger{color:var(--danger)}
.row.danger .icon{color:var(--danger) !important}
.row.radio input{position:absolute;opacity:0;pointer-events:none}
.row.radio .tick{color:var(--accent-text);visibility:hidden;display:grid}
.row.radio input:checked ~ .tick{visibility:visible}
.row.radio input:checked + .row-l{font-weight:500}
.row.radio:has(input:focus-visible){outline:2px solid var(--violet);outline-offset:-2px}
.tag{font-style:normal;font-size:11px;font-weight:500;background:var(--accent-soft);color:var(--accent-text);border-radius:999px;padding:1px 7px;margin-left:4px}
.hint{font-size:12px;color:var(--faint);margin:10px 0 0}
.group .btn-primary{width:100%;margin-top:4px}
.group .wide + .hint{margin-bottom:0}
.app-ver{text-align:center;color:var(--faint);font-size:11px;margin:22px 0 0}
.av-edit{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0 4px}
.av-pick{position:relative;cursor:pointer;border-radius:50%}
.av-cam{position:absolute;right:0;bottom:0;width:32px;height:32px;border-radius:50%;background:var(--amber);color:#fff;display:grid;place-items:center;border:3px solid var(--ink)}
.av-cam .icon{width:16px;height:16px}
.av-btns{display:flex;gap:8px}

/* ---------- Fenêtres ---------- */
.overlay{position:fixed;left:0;right:0;top:var(--vv-top,0);height:var(--app-h,100dvh);z-index:190;background:rgba(40,20,40,.32);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:fade .18s ease-out;overflow:auto}
@keyframes fade{from{opacity:0}to{opacity:1}}
.dialog{width:min(400px,100%);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 22px 20px;box-shadow:0 30px 80px -20px rgba(60,20,50,.35);animation:rise .22s ease-out}
@keyframes rise{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.dialog h2{font-family:var(--display);font-size:21px;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin:0 0 8px}
.dialog p{color:var(--muted);margin:0 0 16px;font-size:13px}
.dialog .progress{display:flex;align-items:center;gap:10px;background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;margin:0 0 16px;font-size:13px;color:var(--muted)}
.dialog .progress.ready{color:var(--text)}
.dialog .progress .pdot{margin-left:2px}
.dialog .progress.ready .pdot{background:var(--ok);animation:none}
.field{display:block;margin:0 0 12px}
.field span{display:block;font-size:12px;color:var(--muted);margin:0 0 6px}
.field input{width:100%;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:10px 12px;outline:none;font-size:15px}
.field input:focus{border-color:var(--violet)}
.dialog .btn-primary{width:100%;margin-top:6px;padding:11px}
.dialog .alt{text-align:center;margin-top:14px;font-size:13px;color:var(--muted)}
.dialog .alt button{background:none;border:0;color:var(--accent-text);cursor:pointer;padding:0;font-weight:500}
.dialog .legal{font-size:11px;color:var(--faint);margin:14px 0 0;text-align:center}
.dialog .legal a{color:var(--muted)}
.form-error{color:var(--danger);font-size:13px;margin:0 0 10px;min-height:0}
.form-error:empty{margin:0}
.dialog .close{float:right;margin:-12px -10px 0 0}
.share-row{display:flex;gap:8px}
.share-row input{flex:1;min-width:0;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:10px 12px;color:var(--text);font-size:15px}

.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-b));transform:translateX(-50%);z-index:200;background:var(--text);color:#fff;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:500;box-shadow:0 10px 30px rgba(40,20,40,.25);animation:rise .2s ease-out;max-width:calc(100vw - 32px);text-align:center}

.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r-md);padding:6px;min-width:190px;box-shadow:0 16px 40px -12px rgba(60,20,50,.22)}
.menu button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:10px 10px;border-radius:8px;cursor:pointer;text-align:left;font-size:13px}
.menu button:hover{background:var(--ink-3)}
.menu button.danger{color:var(--danger)}
.rel{position:relative}
.scrim{display:none}

/* ---------- Offres et crédits ---------- */
.opt-menu button.locked{color:var(--faint)}
.opt-menu button.locked .shape{opacity:.5}
.opt-menu .lock{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11px;font-weight:500;color:var(--accent-text);background:var(--accent-soft);border-radius:999px;padding:2px 8px}
.opt-menu .lock .icon{width:12px;height:12px}
.wm-chip{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;color:var(--muted);background:var(--ink-3);border:1px dashed var(--line-2);border-radius:999px;padding:5px 11px;white-space:nowrap;cursor:pointer}
.wm-chip .icon{width:13px;height:13px}
.wm-chip:hover{border-color:var(--amber);color:var(--accent-text)}
.wm-chip.on{color:#fff;background:linear-gradient(135deg,#FF9ACB,#FF5FA8);border:1px solid transparent}
.credits-dialog{width:min(560px,100%);max-height:calc(100% - 32px);overflow:auto}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}
.cmp > div{border:1px solid var(--line);border-radius:14px;padding:12px}
.cmp > div.on{border:2px solid var(--amber);background:var(--accent-soft)}
.cmp b{display:block;margin-bottom:6px}
.cmp ul{margin:0;padding-left:16px;font-size:12.5px;color:var(--muted);display:flex;flex-direction:column;gap:3px}
.cmp .on ul{color:var(--text)}
.custom-amt{display:flex;gap:8px;align-items:flex-end;margin-top:10px}
.custom-amt label{flex:1;margin:0}
.custom-amt label span{display:block;font-size:12px;color:var(--muted);margin:0 0 6px}
.custom-amt input{width:100%;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:10px 12px;outline:none;font-size:15px}
.custom-amt input:focus{border-color:var(--violet)}
.dialog .custom-amt .btn-primary{width:auto;margin:0;flex:none}
.plans-dialog{width:min(860px,100%);max-height:calc(100% - 32px);overflow:auto}
.plans-msg{color:var(--text) !important;background:var(--accent-soft);border-radius:10px;padding:9px 12px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.plan{position:relative;border:1px solid var(--line);border-radius:16px;padding:16px 14px 14px;display:flex;flex-direction:column;gap:4px;background:var(--ink-2)}
.plan.cur{border-color:var(--line-2);background:var(--ink)}
.plan.need{border:2px solid var(--amber);box-shadow:0 14px 30px -18px rgba(199,46,120,.5)}
.plan-tag{position:absolute;top:-10px;left:14px;font-style:normal;font-size:11px;font-weight:500;background:var(--text);color:#fff;border-radius:999px;padding:2px 9px}
.plan-tag.hot{background:var(--amber)}
.plan-name{font-size:17px;font-weight:700}
.plan-price{font-size:13px;color:var(--muted);margin-bottom:6px}
.plan ul{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.plan li{display:flex;gap:7px;font-size:12.5px;line-height:1.35}
.plan li .icon{width:15px;height:15px;color:var(--accent-text);flex:none;margin-top:1px}
.plan .btn{width:100%;margin-top:auto}
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pack{display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid var(--line-2);background:var(--ink-2);border-radius:14px;padding:10px 6px;cursor:pointer}
.pack:hover{border-color:var(--amber);background:var(--accent-soft)}
.pack b{font-size:18px}
.pack span{font-size:11px;color:var(--muted)}
.pack em{font-style:normal;font-weight:500;color:var(--accent-text);margin-top:4px}
.credit-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:22px 16px;border-radius:18px;background:linear-gradient(135deg,#FF9ACB,#FF5FA8);color:#fff;text-align:center}
.credit-card span{font-size:12px;opacity:.9}
.credit-card b{font-size:40px;line-height:1.1}
.credit-card small{opacity:.9;margin-bottom:12px}
.credit-card .btn{background:#fff;color:var(--accent-text)}
.row-v.neg{color:var(--danger)}
.row-v.pos{color:var(--ok)}
@media (max-width:900px){
  .plans{grid-template-columns:1fr}
  .cmp{grid-template-columns:1fr}
  .plan{padding:14px 12px 12px}
}

/* Réponses écrites de l'assistant */
.bot-text{background:var(--ink-2);border:1px solid var(--line);border-radius:6px 16px 16px 16px;padding:10px 14px;max-width:min(620px,100%);font-size:14px}
.bot-text p{margin:0;white-space:pre-wrap}
.bot-text.refuse{border-color:#F3C2C8;background:#FFF6F7}
.bot-text.typing{display:inline-flex;gap:5px;align-items:center;padding:13px 16px}
.bot-text.typing i{width:7px;height:7px;border-radius:50%;background:var(--amber);animation:typing 1.1s ease-in-out infinite}
.bot-text.typing i:nth-child(2){animation-delay:.15s}.bot-text.typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.bot-choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.bot-choices .btn{font-size:13px}
.hero-chat{display:flex;flex-direction:column;gap:12px;margin-top:16px;text-align:left}
.hero-chat .msg-meta{display:none}

/* Interrupteur « Publier dans la galerie » */
.pub-toggle{position:relative;display:flex;gap:12px;align-items:flex-start;margin:14px 0 0;padding:12px;border:1px solid var(--line);border-radius:14px;cursor:pointer}
.pub-toggle input{position:absolute;left:12px;top:12px;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.pub-toggle .sw{flex:none;width:40px;height:24px;border-radius:999px;background:var(--line-2);position:relative;transition:background .15s;margin-top:2px}
.pub-toggle .sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.pub-toggle input:checked + .sw{background:var(--amber)}
.pub-toggle input:checked + .sw::after{transform:translateX(16px)}
.pub-toggle input:focus-visible + .sw{outline:2px solid var(--violet);outline-offset:2px}
.pub-toggle b{display:block;font-size:14px;font-weight:500}
.pub-toggle small{display:block;color:var(--faint);font-size:12px}

/* Consommation (administrateurs) */
.usage-t{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:13px}
.usage-t td{padding:7px 0;border-bottom:1px solid var(--line);vertical-align:top}
.usage-t td:last-child{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}
.usage-t small{display:block;font-weight:400;color:var(--faint);font-size:11px}
.usage-t tr.tot td{font-weight:700;border-bottom:0;color:var(--accent-text)}

/* ---------- Partage ---------- */
.result-actions .unwm{margin-left:auto;border-style:dashed;color:var(--accent-text)}
.result-actions .unwm em{font-style:normal;font-size:11px;font-weight:500;background:var(--accent-soft);border-radius:999px;padding:1px 7px}
.result-actions .unwm + .share-gen{margin-left:0}
.result-actions .share-gen{margin-left:auto}
/* Champs numériques sans petites flèches */
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.share-dialog{width:min(560px,100%);max-height:calc(100% - 32px);overflow:auto}
.share-prev{display:flex;gap:12px;align-items:center;background:var(--ink-3);border-radius:14px;padding:8px;margin:0 0 6px}
.share-prev img,.share-prev video{width:56px;height:56px;border-radius:10px;object-fit:cover;flex:none;background:#ddd}
.share-prev div{min-width:0;display:flex;flex-direction:column;line-height:1.35}
.share-prev b{font-weight:500;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.share-prev small{color:var(--faint);font-size:12px}
.share-t{font-size:12px;font-weight:500;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;margin:16px 0 8px}
.nets{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px 6px}
.net{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:4px 2px;cursor:pointer;border-radius:12px;color:var(--text);min-width:0}
.net:hover{background:var(--ink-3)}
.net:active .net-ic{transform:scale(.92)}
.net-ic{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;transition:transform .08s;box-shadow:0 4px 12px -6px rgba(0,0,0,.35)}
.net-ic svg{width:24px;height:24px}
.net-l{font-size:11.5px;line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dialog .share-row .btn{width:auto;margin-top:0;flex:none;padding:8px 16px}
.share-extra{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.share-extra .btn svg{width:16px;height:16px}
.share-note{font-size:11.5px !important;color:var(--faint) !important;margin:12px 0 0 !important}
.viewer-top > span{display:flex;gap:2px}

/* ---------- Mobile : application native ---------- */
@media (max-width:900px){
  body.shell{font-size:13px}
  .side{display:none !important}
  body:not(.guest) .tabbar{display:flex;flex:none;height:calc(var(--tab-h) + var(--safe-b));padding-bottom:var(--safe-b);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:20}
  body.kb .tabbar{display:none !important}
  body.guest .composer-wrap, body.kb .composer-wrap{padding-bottom:calc(10px + var(--safe-b))}
  body:not(.guest) .composer-wrap{padding-bottom:8px}
  .back-btn{display:inline-flex}
  .topbar{padding:calc(6px + var(--safe-t)) 10px 6px;min-height:50px;gap:4px}
  .topbar .ttl{font-size:16px;padding-left:4px}
  .topbar .ttl:first-child{padding-left:6px}
  .ptitle{font-size:15px;padding:4px 6px}
  #shareBtn{padding:7px 10px}
  #shareBtn .lbl,.topbar .btn-primary .lbl{display:none}
  .topbar .btn-primary.btn-sm{width:36px;height:36px;padding:0}

  .btn{font-size:13px;padding:9px 16px}
  .btn-sm{font-size:12.5px;padding:6px 11px}

  .hero-nav{padding:calc(10px + var(--safe-t)) 16px 8px}
  .logo{font-size:17px;gap:8px}
  .logo img{width:24px;height:24px}
  .hero-body{justify-content:flex-start;padding:4vh 14px 28px;min-height:0}
  .hero h1{font-size:clamp(25px,7.6vw,34px);margin-bottom:10px}
  .hero p.lead{font-size:13.5px;margin-bottom:18px}
  .screen{padding:12px 12px 10px;border-radius:18px}
  .screen textarea{font-size:15px;min-height:64px;max-height:120px}
  .screen-bar{margin-top:6px;gap:6px}
  .go{width:40px;height:40px;padding:0;border-radius:50%}
  .go .lbl{display:none}
  .go .ico{display:grid}
  .go .ico .icon{width:20px;height:20px}
  .opt-btn{padding:5px 10px;font-size:12px;gap:5px}
  .opt-btn:not(.is-auto) .k{display:none}
  .opt-btn.is-auto .k{color:var(--text)}
  .opt-btn.is-auto .v{display:none}
  .cmode button{padding:4px 10px;font-size:12px}
  .shape{width:18px;height:18px}
  .mode-switch{font-size:12px}
  .mode-switch button{padding:5px 10px;gap:4px}
  .mode-switch button .icon{width:14px;height:14px}
  .demo{width:min(176px,100%);margin-bottom:10px}
  .demo-steps{font-size:10px}
  .demo-prompt{font-size:10px}
  .hero-nav{padding:calc(8px + var(--safe-t)) 16px 8px}

  .thread{padding:14px 12px 10px;gap:16px}
  .msg-user{max-width:88%;padding:8px 12px;font-size:13.5px;border-radius:16px 16px 5px 16px}
  .msg-meta{font-size:10.5px;margin-top:-12px}
  .bot-av{width:22px;height:22px}
  .msg-bot{gap:6px}
  .result,.result.sized{width:min(100%, calc(100vw - 52px))}
  .result.sized{width:min(calc(100vw - 52px), calc(52vh * var(--ar)))}
  .result-actions{flex-wrap:nowrap;padding:6px;gap:2px}
  .result-actions .btn{padding:6px 8px;font-size:12px}
  .result-actions .icon{width:16px;height:16px}
  .result-actions .lbl{display:none}
  .result-actions .unwm{padding:6px 9px;gap:5px}
  .result-actions .unwm + .share-gen span{display:none}
  .result-actions .unwm + .share-gen{padding:6px 10px}
  .result-actions .btn-quiet{width:34px;height:32px;padding:0}
  .nets{grid-template-columns:repeat(4,1fr);gap:12px 4px}
  .net-ic{width:50px;height:50px}
  .composer-wrap{padding:6px 10px 8px;background:var(--ink)}
  .composer .screen{padding:6px 6px 6px 12px;box-shadow:0 6px 24px -14px rgba(120,40,90,.35)}
  .composer .screen textarea{font-size:15px}
  .composer-hint{display:none}
  .send{width:36px;height:36px}

  .page-in{padding:12px 14px 0}
  .grid{grid-template-columns:repeat(3,1fr);gap:3px}
  .tile{border-radius:6px}
  .group-t{margin-top:18px}
  .row{padding:11px 14px;font-size:14px}
  .me-card{padding:12px}
  .dialog{padding:20px 18px 18px}
  .dialog h2{font-size:19px}
  .field input,.share-row input,.search input{font-size:15px}
  .toast{bottom:calc(var(--tab-h) + 14px + var(--safe-b))}
  body.guest .toast,body.kb .toast{bottom:calc(16px + var(--safe-b))}
  /* Les fenêtres s'ouvrent du bas, comme sur une application */
  .overlay{place-items:end center;padding:0}
  .overlay .dialog{width:100%;border-radius:22px 22px 0 0;border:0;padding-bottom:calc(18px + var(--safe-b));animation:sheetUp .24s cubic-bezier(.2,.8,.2,1);max-height:100%;overflow:auto;overscroll-behavior:contain}
  body.kb .overlay .dialog{padding-bottom:14px}
}
@media (max-width:380px){
  .hero h1{font-size:24px}
  .grid{grid-template-columns:repeat(2,1fr)}
}
@media (hover:none){
  .btn-primary:hover{background:var(--amber)}
  .btn-ghost:hover{background:var(--ink-2)}
  .btn-quiet:hover{background:transparent;color:var(--muted)}
  .opt-btn:hover{border-color:var(--line)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}

/* Rideau de chargement (après inscription ou connexion) */
.curtain{position:fixed;inset:0;z-index:195;background:var(--ink);display:grid;place-items:center;animation:fade .2s ease-out;transition:opacity .3s ease}
.curtain.out{opacity:0;pointer-events:none}
.c-box{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:20px}
.c-box img{width:56px;height:56px;animation:cpulse 1.4s ease-in-out infinite}
.c-box p{margin:0;color:var(--muted);font-size:15px}
.c-bar{width:160px;height:4px;border-radius:4px;background:var(--ink-3);overflow:hidden}
.c-bar i{display:block;width:40%;height:100%;border-radius:4px;background:linear-gradient(90deg,#FF80BF,#B98BFF);animation:cbar 1.1s ease-in-out infinite}
@keyframes cpulse{50%{transform:scale(1.08)}}
@keyframes cbar{from{transform:translateX(-100%)}to{transform:translateX(250%)}}

/* Fenêtre cadeau : crédits offerts par Flixy */
.gift-ov{position:fixed;inset:0;z-index:198;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 40%,rgba(120,50,140,.55),rgba(30,12,40,.82));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .3s ease-out;overflow:hidden}
.gift-ov.out{opacity:0;transition:opacity .4s}
.confetti{position:absolute;inset:0;pointer-events:none}
.confetti i{position:absolute;top:-20px;border-radius:2px;animation:conf linear infinite;opacity:.95}
@keyframes conf{0%{transform:translate(0,-20px) rotate(0)}100%{transform:translate(var(--x),110vh) rotate(var(--r))}}
.gift-card{position:relative;width:min(310px,calc(100% - 24px));background:#fff;border-radius:24px;padding:18px 18px 18px;text-align:center;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);animation:gpop .7s cubic-bezier(.2,1.4,.4,1) both}
@keyframes gpop{0%{transform:scale(.4) translateY(40px);opacity:0}100%{transform:none;opacity:1}}
.gift-art{position:relative;width:104px;height:104px;margin:-58px auto 2px}
.gift-art .rays{position:absolute;inset:-28px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,210,74,.55) 0 10deg,transparent 10deg 30deg);-webkit-mask-image:radial-gradient(circle,#000 30%,transparent 70%);mask-image:radial-gradient(circle,#000 30%,transparent 70%);animation:rays 8s linear infinite;opacity:0;transition:opacity .4s .7s}
.gift-ov .gift-art .rays{opacity:1}
@keyframes rays{to{transform:rotate(360deg)}}
.gift-art .box{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 14px 18px rgba(160,40,110,.35))}
.gift-art .base{transform-origin:60px 110px;animation:gshake .7s .2s ease-in-out 2}
.gift-art .lid{transform-box:fill-box;transform-origin:center;animation:glid .7s .85s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes gshake{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}
@keyframes glid{to{transform:translate(8px,-34px) rotate(18deg)}}
.coins{position:absolute;left:50%;top:52%;width:0;height:0}
.coin{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFF3B0,#FFD24A 45%,#E0A400);box-shadow:inset 0 0 0 2px #F0B400;opacity:0;animation:coin 1.2s calc(.9s + var(--d)) cubic-bezier(.2,.8,.3,1) forwards}
.coin::after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;font-size:8px;color:#A87400}
@keyframes coin{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(-90px) scale(1)}}
.gift-ov.claimed .coin{animation:coin 1.1s calc(var(--d)) cubic-bezier(.2,.8,.3,1) forwards}
.gift-ov.claimed .gift-card{animation:gbump .5s ease-out}
@keyframes gbump{40%{transform:scale(1.05)}}
.gift-card h2{margin:0 0 4px;font-size:19px;letter-spacing:-.02em}
.gift-amt{font-size:14px;color:var(--muted);margin:0 0 8px}
.gift-amt b{display:inline-block;font-size:36px;line-height:1.1;letter-spacing:-.03em;background:linear-gradient(90deg,#FF5FA8,#B98BFF);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;animation:gamt .5s 2.2s ease-out}
@keyframes gamt{50%{transform:scale(1.15)}}
.gift-msg{margin:0 0 6px;font-size:13.5px;color:var(--text)}
.gift-bal{margin:0 0 14px;font-size:12.5px;color:var(--muted)}
.gift-go{width:100%;padding:11px;font-size:15px;animation:gpulse 1.6s 2s ease-in-out infinite}
@keyframes gpulse{50%{box-shadow:0 0 0 10px rgba(255,128,191,.18)}}
@media (prefers-reduced-motion: reduce){.gift-card,.gift-art *,.gift-go{animation:none!important}.gift-art .lid{transform:translate(8px,-34px) rotate(18deg)}}

/* Solde de crédits toujours visible */
.side-bal{display:flex;align-items:center;gap:8px;margin:6px 10px 8px;padding:10px 12px;border-radius:14px;border:1px solid #FFD3E8;background:linear-gradient(135deg,#FFF3F9,#F7EEFF);color:var(--text);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.side-bal:hover{border-color:var(--amber)}
.side-bal svg{width:18px;height:18px;color:var(--accent-text);flex:none}
.side-bal .sb-l{flex:1;color:var(--muted);white-space:nowrap}
.side-bal b{font-size:15px;font-variant-numeric:tabular-nums}
.side-bal span:not(.sb-l){color:var(--muted);font-size:12px}
.side-bal em{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--amber);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;margin-left:2px}
.bal-pill{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 12px 0 10px;border-radius:999px;border:1px solid #FFD3E8;background:linear-gradient(135deg,#FFF3F9,#F7EEFF);color:var(--text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap;flex:none}
.bal-pill svg{width:16px;height:16px;color:var(--accent-text)}
.bal-pill b{font-variant-numeric:tabular-nums}
.bal-pill span{color:var(--muted);font-size:12px}
.nav-right{display:flex;align-items:center;gap:8px}
@media (min-width:901px){ .bal-pill.mob{display:none} }
@media (max-width:900px){ .bal-pill span{display:none} .bal-pill{height:32px;padding:0 10px 0 8px} }

/* Fenêtres : un seul ascenseur (celui de la fenêtre), le fond ne bouge jamais */
.overlay{overflow:hidden;overscroll-behavior:contain}
.overlay .dialog{max-height:calc(100% - 32px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media (max-width:900px){ .overlay .dialog{max-height:calc(100% - 12px)} }

/* Fenêtre de partage : titre fixe, contenu qui défile avec une marge intérieure (les icônes ne touchent plus le bord) */
.overlay .share-dialog{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
.share-dialog > h2{flex:none;padding-right:40px;margin-bottom:6px}
.share-dialog .sh-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0 -22px;padding:6px 22px 20px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 18px),transparent 100%)}
@media (max-width:900px){
  .overlay .share-dialog{padding-bottom:0}
  .share-dialog .sh-body{margin:0 -18px;padding:6px 18px calc(20px + var(--safe-b))}
}
.overlay .share-dialog{position:relative}
.share-dialog > .close{position:absolute;top:16px;right:14px;margin:0;z-index:2}

/* ---------- Flixy Business Suite (studio) ---------- */
.ad-chip{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:6px 6px 6px 10px;border-radius:12px;background:var(--accent-soft);color:var(--accent-text);font-size:13px}
.ad-chip b{font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--amber);color:#fff;border-radius:6px;padding:2px 6px}
.ad-chip span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-chip .icon-btn{width:28px;height:28px;padding:0}
.biz-load{padding:20px 0}
.biz-hero{max-width:640px;margin:24px auto;text-align:center;padding:32px 22px;border-radius:24px;background:radial-gradient(120% 90% at 50% 0%,#FFE6F2 0%,#fff 70%);border:1px solid var(--line)}
.biz-hero h2{font-size:26px;line-height:1.2;margin:14px 0 10px}
.biz-hero p{color:var(--muted);margin:0 0 20px}
.biz-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.biz-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:linear-gradient(90deg,#FF9ACB,#FF5FA8);color:#fff;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.biz-badge svg{width:14px;height:14px}
.biz-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.biz-kpis>div{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;min-width:0}
.biz-kpis>div:first-child{background:linear-gradient(135deg,#FF9ACB,#FF5FA8);color:#fff;border:0}
.biz-kpis>div:first-child span,.biz-kpis>div:first-child small{color:rgba(255,255,255,.85)}
.biz-kpis span{font-size:12px;color:var(--muted)}
.biz-kpis b{font-size:22px;font-weight:700;line-height:1.3}
.biz-kpis b.sm{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.biz-kpis small{font-size:12px;color:var(--faint)}
.biz-kpis small a{color:var(--accent-text)}
.biz-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px;background:var(--ink-3);border-radius:999px;margin-bottom:16px;width:max-content;max-width:100%}
.biz-tabs button{border:0;background:none;border-radius:999px;padding:8px 16px;cursor:pointer;font-weight:500;color:var(--muted);white-space:nowrap}
.biz-tabs button.on{background:#fff;color:var(--accent-text);box-shadow:0 1px 4px rgba(30,26,36,.08)}
.biz-intro{color:var(--muted);margin:0 0 14px;max-width:760px}
.biz-h{display:flex;align-items:center;gap:8px;font-size:15px;margin:18px 0 10px}
.biz-h svg{width:18px;height:18px;color:var(--accent-text)}
.biz-formats{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.biz-fmt{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:var(--ink-2);border-radius:14px;padding:10px 12px;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.biz-fmt:hover{border-color:var(--amber);box-shadow:0 6px 18px rgba(255,95,168,.12);transform:translateY(-1px)}
.biz-fmt .fr{flex:none;width:36px;max-height:40px;border-radius:5px;background:linear-gradient(135deg,#FFD1E7,#FF80BF)}
.biz-fmt .ft{flex:1;min-width:0;display:flex;flex-direction:column}
.biz-fmt .ft b{font-weight:500;font-size:13.5px}
.biz-fmt .ft small{color:var(--faint);font-size:12px}
.biz-fmt em{font-style:normal;font-size:12.5px;color:var(--accent-text);font-weight:500;white-space:nowrap}
.biz-form{display:flex;flex-direction:column;gap:12px;background:var(--ink-2);border:1px solid var(--line);border-radius:18px;padding:16px;max-width:820px}
.biz-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted);min-width:0}
.biz-form input,.biz-form select,.biz-form textarea,.biz-keyform input{border:1px solid var(--line-2);border-radius:10px;padding:9px 11px;background:#fff;font-size:14px;color:var(--text);width:100%}
.biz-form textarea{resize:vertical}
.biz-form .row2{display:grid;grid-template-columns:2fr 1fr;gap:10px}
.biz-form .row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.biz-form>.btn{align-self:flex-start}
.biz-form .btn svg{width:16px;height:16px}
.biz-warn{margin:0;padding:10px 12px;border-radius:10px;background:#FFF5E0;color:#8A5A00;font-size:13px}
.biz-sizes{display:flex;flex-wrap:wrap;gap:8px}
.biz-sizes .sz{flex-direction:row;position:relative}
.biz-sizes input{position:absolute;opacity:0;pointer-events:none;width:1px}
.biz-sizes .sz span{display:flex;align-items:center;gap:7px;border:1px solid var(--line-2);border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--text);font-size:13px}
.biz-sizes .sz i{display:block;height:16px;max-width:30px;border-radius:3px;background:#FFC2DF}
.biz-sizes input:checked+span{border-color:var(--amber);background:var(--accent-soft);color:var(--accent-text)}
.biz-sizes input:focus-visible+span{outline:2px solid var(--violet)}
.biz-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:16px}
.biz-card{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:14px}
.bc-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.bc-h svg{width:15px;height:15px}
.bc-f{padding:7px 0;border-top:1px dashed var(--line)}
.bc-f span{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}
.bc-f p{margin:3px 0 0;white-space:pre-line;word-break:break-word}
.bc-f p.muted{color:var(--muted);font-size:13px}
.bc-f .try{border:0;background:none;color:var(--accent-text);font-weight:500;padding:4px 0;cursor:pointer;font-size:13px}
.biz-svg{margin-top:16px;background:var(--ink-2);border:1px solid var(--line);border-radius:18px;padding:14px;max-width:960px}
.sv-prev{display:flex;justify-content:center;padding:18px;border-radius:12px;background:repeating-conic-gradient(#F4EFF6 0 25%,#fff 0 50%) 0 0/18px 18px;overflow:auto}
.sv-prev img{width:100%;height:auto;max-height:70vh;object-fit:contain;box-shadow:0 8px 26px rgba(30,26,36,.12)}
.sv-act{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.sv-act svg{width:15px;height:15px}
.biz-hist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.biz-hist .bh{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--ink-2);border-radius:12px;padding:8px;cursor:pointer;min-width:0}
.biz-hist .bh img,.biz-hist .bh svg{width:44px;height:44px;flex:none;object-fit:contain;border-radius:6px;background:var(--ink-3);padding:4px;color:var(--accent-text)}
.biz-hist .bh span{display:flex;flex-direction:column;min-width:0}
.biz-hist .bh small{color:var(--faint);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.biz-newkey{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#E9F8F0;border:1px solid #BCE7CF;margin-bottom:12px}
.biz-newkey code{flex:1 1 260px;font-size:13px;word-break:break-all;background:#fff;padding:6px 9px;border-radius:8px}
.biz-newkey svg,.biz-keyform svg{width:15px;height:15px}
.biz-keyform{display:flex;gap:8px;max-width:620px;margin-bottom:10px}
.biz-keyform input{flex:1}
.biz-keys{display:flex;flex-direction:column;gap:6px;max-width:760px}
.biz-keys .bk{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--ink-2)}
.biz-keys .bk code{font-size:12.5px;color:var(--accent-text)}
.biz-keys .bk span{flex:1;display:flex;flex-direction:column;min-width:0}
.biz-keys .bk small{color:var(--faint);font-size:12px}
.biz-code{background:#1E1A24;color:#FCE7F3;border-radius:14px;padding:14px 16px;font-size:12.5px;line-height:1.6;overflow-x:auto;max-width:860px;white-space:pre}
@media (max-width:900px){
  .biz-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .biz-form .row2,.biz-form .row3{grid-template-columns:1fr}
  .biz-keyform{flex-direction:column}
}

/* ---------- Business Suite : tableau de bord des campagnes ---------- */
.bz-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.bz-top .biz-tabs{margin:0}
.bz-new{margin-left:auto}
.bz-new.on{box-shadow:0 0 0 3px rgba(255,128,191,.3)}
.ic{width:16px;height:16px;flex:none}
.link{border:0;background:none;color:var(--accent-text);font-weight:500;cursor:pointer;padding:4px 0;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}
.bz-start{border-radius:24px;padding:28px clamp(18px,3vw,36px);background:radial-gradient(120% 140% at 100% 0%,#FFD6EA 0%,#FFF 55%),#fff;border:1px solid var(--line);margin-bottom:16px}
.bz-start h2{font-size:clamp(20px,2.4vw,28px);margin:0 0 8px;letter-spacing:-.02em}
.bz-start p{color:var(--muted);margin:0 0 16px;max-width:720px}
.bz-urlform{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line-2);border-radius:999px;padding:5px 5px 5px 16px;max-width:680px;box-shadow:0 10px 30px -18px rgba(150,40,100,.4)}
.bz-urlform:focus-within{border-color:var(--amber)}
.bz-urlform>span{color:var(--accent-text);display:flex}
.bz-urlform input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:15px;padding:8px 0}
.bz-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.bz-sec-h{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}
.bz-sec-h h3{margin:0;font-size:16px}
.bz-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.bz-card{background:var(--ink-2);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s,border-color .15s;position:relative}
.bz-card:hover{border-color:var(--amber);box-shadow:0 12px 30px -18px rgba(255,95,168,.5);transform:translateY(-1px)}
.bz-thumb{aspect-ratio:16/8;background:linear-gradient(135deg,#FFD1E7,#E9DDFF);position:relative;display:grid;place-items:center;overflow:hidden}
.bz-thumb img{width:100%;height:100%;object-fit:cover}
.bz-thumb>span{font-size:34px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(150,40,100,.3)}
.bz-thumb .st{position:absolute;top:10px;left:10px;font-style:normal;font-size:11px;font-weight:700;border-radius:999px;padding:3px 9px;background:#fff;color:var(--text)}
.st-active{color:#1D6B45!important;background:#E3F6EA!important}.st-done{color:#2B5BA8!important;background:#E7F0FF!important}.st-archived{color:var(--muted)!important}
.bz-cbody{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}
.bz-cbody>b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bz-cbody>small{display:flex;align-items:center;gap:5px;color:var(--faint);font-size:12px}
.bz-cbody>small .ic{width:13px;height:13px}
.bz-chips{display:flex;flex-wrap:wrap;gap:4px}
.bz-chips span{font-size:11px;background:var(--ink-3);border-radius:999px;padding:2px 8px;color:var(--muted)}
.bz-count{display:flex;gap:12px;font-size:12px;color:var(--muted)}
.bz-count b{color:var(--text)}
.bz-cact{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s}
.bz-card:hover .bz-cact,.bz-card:focus-within .bz-cact{opacity:1}
.bz-cact .btn{background:rgba(255,255,255,.92);width:32px;height:32px;padding:0}
@media (hover:none){.bz-cact{opacity:1}}
.bz-recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.bz-rc{border:1px solid var(--line);background:var(--ink-2);border-radius:14px;padding:6px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px;min-width:0}
.bz-rc .bz-media{aspect-ratio:1/1!important;border-radius:10px}
.bz-rc>span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.bz-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.bz-tips>div{border:1px dashed var(--line-2);border-radius:16px;padding:14px 16px;color:var(--muted);font-size:13px}
.bz-tips>div>.ic{color:var(--accent-text);width:18px;height:18px;vertical-align:-3px;margin-right:6px}
.bz-tips b{color:var(--text)}
.bz-tips p{margin:6px 0 0}
.bz-empty{text-align:center;border:1px dashed var(--line-2);border-radius:18px;padding:30px 16px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:6px}
.bz-empty .ic{width:30px;height:30px;color:var(--accent-text)}
.bz-empty b{color:var(--text)}
.bz-empty p{margin:0 0 6px}
.bz-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.bz-seg{display:inline-flex;gap:4px;background:var(--ink-3);border-radius:999px;padding:4px}
.bz-seg button{border:0;background:none;border-radius:999px;padding:7px 14px;cursor:pointer;color:var(--muted);font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.bz-seg button.on{background:#fff;color:var(--accent-text);box-shadow:0 1px 4px rgba(30,26,36,.08)}
.bz-search,.bz-ibar select{border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;background:#fff;font-size:13.5px;min-width:0}
.bz-search{flex:1;min-width:160px;max-width:320px}
/* Assistant */
.bz-wiz{display:flex;flex-direction:column;gap:14px;max-width:980px}
.bz-wiz-head h2{margin:0 0 4px;font-size:22px}
.bz-wiz-head p{margin:0;color:var(--muted)}
.bz-step{border:1px solid var(--line);background:var(--ink-2);border-radius:20px;padding:16px 18px 18px;margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.bz-step legend{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:0 6px;margin-left:-6px}
.bz-step legend i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,#FF9ACB,#FF5FA8);color:#fff;font-size:13px}
.bz-f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted);min-width:0;flex:1}
.bz-f>span small{color:var(--faint)}
.bz-f input:not([type=checkbox]):not([type=radio]),.bz-f select,.bz-f textarea,.bz-det textarea,.bz-tf textarea,.bz-ihead,.bz-refine input{border:1px solid var(--line-2);border-radius:10px;padding:9px 11px;background:#fff;font-size:14px;color:var(--text);width:100%}
.bz-f textarea,.bz-det textarea,.bz-tf textarea{resize:vertical;line-height:1.45}
.bz-row{display:flex;gap:12px;flex-wrap:wrap}
.bz-row>.bz-f{min-width:200px}
.bz-chipset{display:flex;flex-wrap:wrap;gap:6px}
.bz-chip{position:relative}
.bz-chip input{position:absolute;opacity:0;pointer-events:none}
.bz-chip span{display:inline-block;border:1px solid var(--line-2);border-radius:999px;padding:6px 13px;font-size:13px;cursor:pointer;background:#fff;color:var(--text);user-select:none}
.bz-chip input:checked+span{border-color:var(--amber);background:var(--accent-soft);color:var(--accent-text);font-weight:500}
.bz-chip input:disabled+span{opacity:.4;cursor:not-allowed}
.bz-chip input:focus-visible+span{outline:2px solid var(--violet)}
.bz-plg h4{margin:4px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint)}
.bz-plgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.bz-pl{position:relative;display:block}
.bz-pl input{position:absolute;opacity:0;pointer-events:none}
.bz-pl>span{display:flex;flex-direction:column;gap:3px;border:1.5px solid var(--line);border-radius:14px;padding:10px 12px 10px 38px;cursor:pointer;background:#fff;height:100%;position:relative}
.bz-pl>span::before{content:"";position:absolute;left:12px;top:12px;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--line-2);background:#fff}
.bz-pl input:checked+span{border-color:var(--amber);background:#FFF6FB}
.bz-pl input:checked+span::before{background:var(--amber) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/11px no-repeat;border-color:var(--amber)}
.bz-pl input:focus-visible+span{outline:2px solid var(--violet)}
.bz-pl b{font-size:13.5px;font-weight:500;color:var(--text)}
.bz-pl small{display:flex;align-items:center;gap:4px;color:var(--faint);font-size:11.5px}
.bz-pl small .ic{width:12px;height:12px}
.bz-src{align-self:flex-start}
.bz-photo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bz-photo small{flex-basis:100%}
.bz-ph-prev{display:inline-flex;align-items:center;gap:4px}
.bz-ph-prev img{width:44px;height:44px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.bz-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;flex-direction:row!important}
.bz-toggle input{width:16px;height:16px;accent-color:var(--amber-2)}
.bz-f.bz-toggle{align-self:flex-end;padding-bottom:10px}
.bz-wiz-foot{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:18px;padding:12px 14px;box-shadow:0 -10px 30px -24px rgba(30,26,36,.35)}
.bz-wiz-foot>div:first-child{font-size:14px;color:var(--muted)}
.bz-wiz-foot b{font-size:20px;color:var(--accent-text)}
.bz-wiz-foot small{color:#8A5A00}
.bz-work .dialog{max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 24px}
.bz-orb{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#FF9ACB,#FF5FA8);color:#fff;animation:bzorb 1.6s ease-in-out infinite}
.bz-orb .ic{width:28px;height:28px}
@keyframes bzorb{50%{transform:scale(1.08) rotate(20deg);box-shadow:0 0 0 14px rgba(255,128,191,.15)}}
.bz-wstep{font-size:15px;min-height:22px}
.bz-wbar{width:100%;height:6px;border-radius:3px;background:var(--ink-3);overflow:hidden}
.bz-wbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#FF9ACB,#FF5FA8);transition:width 3s ease}
.bz-work small{color:var(--faint)}
/* Campagne */
.bz-chead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bz-cname{flex:1;min-width:200px;font-size:20px;font-weight:700;border:1px solid transparent;border-radius:10px;padding:6px 8px;background:none;color:var(--text)}
.bz-cname:hover,.bz-cname:focus{border-color:var(--line-2);background:#fff;outline:0}
.bz-cstatus{border:1px solid var(--line-2);border-radius:999px;padding:7px 12px;background:#fff;font-size:13px}
.bz-cacts{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bz-csub{display:flex;flex-wrap:wrap;gap:6px 14px;margin:6px 0 12px 4px;font-size:13px;color:var(--muted)}
.bz-csub>*{display:inline-flex;align-items:center;gap:5px}
.bz-csub a{color:var(--accent-text);text-decoration:none}
.bz-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}
.bz-stats>div{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column}
.bz-stats b{font-size:20px}
.bz-stats span{font-size:12px;color:var(--muted)}
.bz-ctabs{margin-bottom:14px}
.bz-ibar select{padding:8px 12px}
.bz-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;border:1px solid var(--line-2);border-radius:999px;padding:6px 12px;background:#fff;cursor:pointer}
.bz-all input,.bz-isel input{width:16px;height:16px;accent-color:var(--amber-2)}
.bz-bulk{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#1E1A24;color:#fff;border-radius:14px;padding:8px 10px 8px 14px;margin-bottom:12px}
.bz-bulk .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}
.bz-bulk .btn-quiet{color:#FFD1E7}
.bz-bulk .link{color:#FFD1E7;margin-left:auto}
.bz-group{margin-bottom:22px}
.bz-group h3{font-size:15px;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.bz-group h3 small{font-size:12px;font-weight:500;background:var(--ink-3);border-radius:999px;padding:1px 8px;color:var(--muted)}
.bz-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;align-items:start}
.bz-item{background:var(--ink-2);border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative;display:flex;flex-direction:column}
.bz-item.rv-approved{border-color:#7CC9A0;box-shadow:0 0 0 2px rgba(31,164,99,.15)}
.bz-item.rv-rejected{opacity:.6}
.bz-isel{position:absolute;top:10px;left:10px;z-index:2;background:rgba(255,255,255,.92);border-radius:8px;padding:5px;display:flex;cursor:pointer}
.bz-media{background:repeating-conic-gradient(#F4EFF6 0 25%,#fff 0 50%) 0 0/16px 16px;position:relative;overflow:hidden;max-height:340px;width:100%;display:grid;place-items:center}
.bz-media img,.bz-media video{width:100%;height:100%;object-fit:contain;display:block;background:#1E1A24}
.bz-ph{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:14px;color:var(--muted);font-size:12px}
.bz-ph .ic{width:26px;height:26px;color:var(--accent-text)}
.bz-ph b{color:var(--text);font-size:13px}
.bz-ph.err .ic{color:var(--danger)}
.bz-ph.err small{max-width:240px}
.bz-spin{width:28px;height:28px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--amber-2);animation:bzspin 1s linear infinite}
@keyframes bzspin{to{transform:rotate(360deg)}}
.bz-ibody{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}
.bz-tags{display:flex;flex-wrap:wrap;gap:4px}
.bz-tags span{display:inline-flex;align-items:center;gap:4px;font-size:11px;background:var(--ink-3);border-radius:6px;padding:2px 7px;color:var(--muted)}
.bz-tags .ic{width:11px;height:11px}
.bz-tags .ang{background:var(--accent-soft);color:var(--accent-text)}
.bz-tags .rv{background:#E3F6EA;color:#1D6B45;font-weight:700}
.rv-rejected .bz-tags .rv{background:#FCE8EA;color:#8A1F2B}
.bz-ihead{font-weight:500;font-size:14.5px!important}
.bz-det{border:1px solid var(--line);border-radius:12px;background:#fff}
.bz-det summary{cursor:pointer;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text)}
.bz-det[open]{padding-bottom:10px}
.bz-det[open]>*:not(summary){margin:0 10px 8px}
.bz-det textarea{font-size:13px}
.bz-tf{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted)}
.bz-tf small{color:var(--faint)}
.bz-tf small.over{color:var(--danger);font-weight:700}
.bz-refine{display:flex;gap:6px}
.bz-refine input{font-size:13px!important;padding:8px 10px!important}
.bz-refine .btn{flex:none;width:38px;padding:0}
.bz-refine .btn.busy .ic{animation:bzspin 1s linear infinite}
.bz-vers{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.bz-vers button{border:1px solid var(--line-2);background:#fff;border-radius:6px;min-width:24px;height:24px;cursor:pointer;font-size:12px}
.bz-vers button.on{background:var(--amber);border-color:var(--amber);color:#fff}
.bz-iact{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.bz-iact .sp{flex:1}
.ib{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;text-decoration:none}
.ib:hover{color:var(--text);border-color:var(--line-2)}
.ib.ok.on{background:#1FA463;border-color:#1FA463;color:#fff}
.ib.no.on{background:var(--danger);border-color:var(--danger);color:#fff}
.bz-add{max-width:520px;display:flex;flex-direction:column;gap:12px}
.bz-add h2{margin:0}
.bz-dact{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;align-items:center}
.bz-brief{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}
.bz-panel{background:var(--ink-2);border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:10px}
.bz-panel h3{margin:0;font-size:15px}
.bz-panel p{margin:0}
.bz-side{display:flex;flex-direction:column;gap:14px}
.bz-ref{width:100%;max-height:260px;object-fit:contain;border-radius:12px;background:var(--ink-3)}
.bz-site a{display:inline-flex;align-items:center;gap:5px;color:var(--accent-text);text-decoration:none;font-size:13px}
.bz-site ul{margin:0;padding-left:18px;font-size:13px;color:var(--muted)}
.bz-sets .bz-wiz-foot{position:static}
@media (max-width:900px){
  .bz-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bz-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bz-tips{grid-template-columns:1fr}
  .bz-brief{grid-template-columns:1fr}
  .bz-new{margin-left:0}
  .bz-urlform{flex-wrap:wrap;border-radius:18px;padding:10px}
  .bz-urlform .btn{width:100%}
  .bz-items{grid-template-columns:1fr}
  .bz-cname{font-size:17px;min-width:0;width:100%;flex-basis:100%}
  .bz-search{max-width:none}
}
.bz-media.draft{aspect-ratio:auto!important;height:150px}
.bz-rc .bz-media.draft{height:auto}
.biz-act{display:flex;gap:8px;max-width:460px;margin:0 auto 10px}
.biz-act input{flex:1;min-width:0;border:1px solid var(--line-2);border-radius:999px;padding:10px 16px;font-size:14px;background:#fff}
@media (max-width:520px){.biz-act{flex-direction:column}}
.bz-pendnote{display:flex;align-items:center;gap:10px;background:#E9F8F0;border:1px solid #BCE7CF;color:#1D6B45;border-radius:14px;padding:10px 14px;font-size:13.5px}
.bz-pulse{animation:bzpulse 1.6s ease-in-out infinite}
@keyframes bzpulse{50%{box-shadow:0 0 0 8px rgba(255,128,191,.25)}}

/* ---------- Business : création de pubs en discussion ---------- */
.cz{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px;align-items:start}
.cz-list{position:sticky;top:0;display:flex;flex-direction:column;gap:4px;max-height:calc(100dvh - 190px);overflow:auto;padding-bottom:10px}
.cz-new{width:100%;margin-bottom:10px}
.cz-new .ic,.cz-listbtn .ic{width:16px;height:16px}
.cz-lt{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin:6px 4px}
.cz-lempty{font-size:13px;color:var(--faint);margin:4px}
.cz-li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:12px;cursor:pointer;position:relative}
.cz-li:hover{background:var(--ink-3)}
.cz-li.on{background:var(--accent-soft)}
.cz-lth{width:38px;height:38px;flex:none;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
.cz-lth img{width:100%;height:100%;object-fit:cover}
.cz-lth .ic{width:18px;height:18px}
.cz-ltx{display:flex;flex-direction:column;min-width:0;flex:1}
.cz-ltx b{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cz-ltx small{font-size:11.5px;color:var(--faint)}
.cz-ldel{border:0;background:none;color:var(--faint);cursor:pointer;opacity:0;padding:4px;border-radius:6px;display:flex}
.cz-ldel .ic{width:14px;height:14px}
.cz-li:hover .cz-ldel{opacity:1}
.cz-ldel:hover{color:var(--danger);background:#fff}
.cz-listbtn{display:none}
.cz-main{min-width:0;display:flex;flex-direction:column;gap:18px}
/* Saisie */
.cz-comp{display:flex;flex-direction:column;gap:12px}
.cz-types{display:flex;flex-wrap:wrap;gap:6px}
.cz-type{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px 6px 9px;cursor:pointer;font:inherit;font-size:13px;color:var(--text);transition:border-color .15s,background .15s}
.cz-type .ic{width:16px;height:16px;color:var(--c)}
.cz-type:hover{border-color:color-mix(in srgb,var(--c) 45%,#fff)}
.cz-type.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);font-weight:500}
.cz-curhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cz-curhead>b{font-size:17px}
.cz-curhead a{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--accent-text);text-decoration:none}
.cz-curhead .ic{width:14px;height:14px}
.cz-tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px 4px 8px;font-size:12.5px;font-weight:500;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c)}
.cz-tag .ic{width:15px;height:15px}
.cz-box{background:#fff;border:1.5px solid var(--line-2);border-radius:22px;padding:10px 10px 8px 14px;box-shadow:0 14px 40px -28px rgba(150,40,100,.45);display:flex;flex-direction:column;gap:6px;transition:border-color .15s,box-shadow .15s}
.cz-box:focus-within{border-color:var(--amber);box-shadow:0 0 0 4px rgba(255,128,191,.14),0 14px 40px -28px rgba(150,40,100,.45)}
.cz-box textarea{border:0;outline:0;resize:none;background:none;font:inherit;font-size:15.5px;line-height:1.5;padding:6px 2px;min-height:52px;color:var(--text)}
.cz-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cz-tools .sp{flex:1}
.cz-tool{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--muted)}
.cz-tool:hover{color:var(--accent-text);border-color:var(--amber)}
.cz-tool .ic{width:17px;height:17px}
.cz-seg{display:inline-flex;background:var(--ink-3);border-radius:999px;padding:3px;gap:2px}
.cz-seg button{border:0;background:none;border-radius:999px;padding:5px 11px;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.cz-seg button .ic{width:14px;height:14px}
.cz-seg button.on{background:#fff;color:var(--accent-text);box-shadow:0 1px 3px rgba(30,26,36,.08)}
.cz-sel select{border:1px solid var(--line);border-radius:999px;background:#fff;padding:6px 10px;font:inherit;font-size:12.5px;color:var(--text);cursor:pointer}
.cz-send{width:40px;height:40px;padding:0;border-radius:50%}
.cz-send .ic{width:18px;height:18px}
.cz-photo{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;background:var(--ink-3);border-radius:10px;padding:3px}
.cz-photo img{width:46px;height:46px;object-fit:cover;border-radius:8px}
.cz-photo button{border:0;background:none;cursor:pointer;color:var(--muted);display:flex;padding:2px}
.cz-photo .ic{width:14px;height:14px}
.cz-note{margin:0;font-size:12px;color:#8A5A00}
/* Discussion */
.cz-thread{display:flex;flex-direction:column;gap:26px}
.cz-hello{display:flex;gap:14px;align-items:flex-start;border:1px dashed var(--line-2);border-radius:18px;padding:18px;color:var(--muted)}
.cz-hello>.ic{width:26px;height:26px;color:var(--accent-text);flex:none}
.cz-hello b{color:var(--text);font-size:15px}
.cz-hello p{margin:4px 0 0;font-size:13.5px;max-width:640px}
.cz-ex{display:flex;flex-direction:column;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.cz-ex:last-child{border-bottom:0}
.cz-msg{display:flex}
.cz-msg>div{max-width:min(640px,92%);padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.5;word-break:break-word}
.cz-msg.me{justify-content:flex-end}
.cz-msg.me>div{background:var(--accent-soft);color:var(--text);border-bottom-right-radius:6px}
.cz-msg.bot>div{background:var(--ink-2);border:1px solid var(--line);border-bottom-left-radius:6px}
.cz-msg.brief>div{font-size:13.5px;color:var(--muted)}
.cz-msg.typing>div{display:inline-flex;align-items:center;gap:10px;color:var(--muted)}
.cz-dots{display:inline-flex;gap:3px}
.cz-dots i{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:czdot 1.2s infinite ease-in-out}
.cz-dots i:nth-child(2){animation-delay:.15s}.cz-dots i:nth-child(3){animation-delay:.3s}
@keyframes czdot{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}
.cz-ads{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;align-items:start}
.cz-ad{display:flex;flex-direction:column;gap:8px;min-width:0}
.cz-adtop{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--faint)}
.cz-adtop em{font-style:normal;background:var(--accent-soft);color:var(--accent-text);border-radius:6px;padding:1px 7px;margin-left:auto;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cz-ad.kept .mk{box-shadow:0 0 0 3px #1FA463,0 12px 30px -20px rgba(30,26,36,.35)}
.cz-acts{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.cz-act{display:inline-flex;align-items:center;gap:5px;height:32px;min-width:32px;justify-content:center;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;font:inherit;font-size:12.5px;text-decoration:none}
.cz-act .ic{width:15px;height:15px}
.cz-act:hover{color:var(--text);border-color:var(--line-2)}
.cz-act.keep{color:#1D6B45}
.cz-act.keep.on{background:#1FA463;border-color:#1FA463;color:#fff}
.cz-vers{display:inline-flex;gap:3px;margin-left:auto}
.cz-vers button{min-width:22px;height:22px;border-radius:6px;border:1px solid var(--line-2);background:#fff;font-size:11px;cursor:pointer}
.cz-vers button.on{background:var(--amber);border-color:var(--amber);color:#fff}
.cz-refine{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;padding:2px 2px 2px 12px}
.cz-refine input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:13px;padding:6px 0}
.cz-refine button{width:30px;height:30px;border-radius:50%;border:0;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;cursor:pointer}
.cz-refine button .ic{width:15px;height:15px}
.cz-refine button.busy .ic{animation:bzspin 1s linear infinite}
.cz-edit{display:flex;flex-direction:column;gap:8px;background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:12px}
.cz-edit label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--muted)}
.cz-edit input,.cz-edit textarea{border:1px solid var(--line-2);border-radius:9px;padding:7px 9px;font:inherit;font-size:13px;background:#fff;color:var(--text);resize:vertical}
/* Maquettes des plateformes */
.mk{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #E4E6EB;font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#050505;font-size:13px;box-shadow:0 12px 30px -20px rgba(30,26,36,.35);position:relative}
.mk .ic{width:16px;height:16px}
.mk-media{position:relative;width:100%;background:#F0F2F5;display:grid;place-items:center;overflow:hidden}
.mk-media img,.mk-media video{width:100%;height:100%;object-fit:cover;display:block}
.mk-media.fill{position:absolute;inset:0;aspect-ratio:auto!important;height:100%}
.mk-gen{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;background:#fff;color:var(--accent-text);font:inherit;font-weight:600;font-size:13px;padding:9px 16px;cursor:pointer;box-shadow:0 6px 16px -8px rgba(0,0,0,.3)}
.mk-wait{display:flex;flex-direction:column;align-items:center;gap:6px;color:#65676B;font-size:12px;text-align:center;padding:10px}
.mk-wait.err{color:var(--danger)}
.mk-av{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#FF9ACB,#FF5FA8);font-size:14px}
.mk-av.sq{border-radius:8px;width:22px;height:22px;font-size:11px}
.mk-top{display:flex;align-items:center;gap:8px;padding:10px 12px}
.mk-top>div{flex:1;display:flex;flex-direction:column;line-height:1.25}
.mk-top b{font-size:13.5px}
.mk-top small{font-size:11.5px;color:#65676B}
.mk-txt{margin:0;padding:0 12px 10px;font-size:13.5px;line-height:1.4;white-space:normal}
.mk-link{display:flex;align-items:center;gap:10px;background:#F0F2F5;padding:9px 12px}
.mk-link>div{flex:1;min-width:0;display:flex;flex-direction:column}
.mk-link small{font-size:11px;color:#65676B;text-transform:uppercase}
.mk-link b{font-size:14px;line-height:1.25}
.mk-link span{font-size:12px;color:#65676B}
.mk-btn{flex:none;display:inline-block;background:#E4E6EB;color:#050505;font-weight:600;font-size:12.5px;border-radius:6px;padding:7px 11px;white-space:nowrap}
.mk-bar{display:flex;justify-content:space-around;padding:8px 6px;border-top:1px solid #E4E6EB;color:#65676B;font-size:12.5px;font-weight:600}
.mk-ig .mk-top b{font-size:13px}
.mk-igcta{display:flex;justify-content:space-between;padding:9px 12px;background:#0095F6;color:#fff;font-weight:600;font-size:13px}
.mk-icons{display:flex;gap:14px;padding:9px 12px 4px}
.mk-icons .ic{width:22px;height:22px}
.mk-ig .mk-txt{padding-top:2px}
/* Téléphone vertical */
.mk-phone{background:#111;border:0;border-radius:30px;padding:8px;max-width:270px;margin:0 auto;width:100%}
.mk-screen{position:relative;aspect-ratio:9/16;border-radius:23px;overflow:hidden;background:#222;color:#fff}
.mk-screen .mk-media{background:#2A2A2A}
.mk-screen .mk-wait{color:#ddd}
.mk-prog{position:absolute;top:8px;left:10px;right:10px;height:2.5px;background:rgba(255,255,255,.35);border-radius:2px}
.mk-prog i{display:block;width:45%;height:100%;background:#fff;border-radius:2px}
.mk-ph-top{position:absolute;top:16px;left:10px;right:10px;display:flex;align-items:center;gap:7px;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.mk-ph-top .mk-av{width:26px;height:26px;font-size:11px}
.mk-ph-top b{font-size:12.5px}
.mk-ph-top small{font-size:11px;opacity:.85}
.mk-rail{position:absolute;right:8px;bottom:110px;display:flex;flex-direction:column;gap:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
.mk-rail .ic{width:24px;height:24px}
.mk-ph-bot{position:absolute;left:0;right:0;bottom:0;padding:40px 12px 14px;background:linear-gradient(transparent,rgba(0,0,0,.65));display:flex;flex-direction:column;gap:9px}
.mk-ph-bot p{margin:0;font-size:12.5px;line-height:1.35;padding-right:34px}
.mk-ph-bot p.big{font-size:17px;font-weight:700;padding-right:0;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.mk-ph-bot .mk-btn{background:#fff;color:#111;text-align:center;border-radius:999px;padding:9px}
.mk-ph-bot .mk-btn.tt{background:#FE2C55;color:#fff;border-radius:4px}
.snapchat .mk-ph-bot .mk-btn{background:#FFFC00;color:#111}
.meta_reels .mk-ph-bot .mk-btn,.youtube_shorts .mk-ph-bot .mk-btn{background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(4px)}
/* Lecteur YouTube */
.mk-yt{border-radius:12px;background:#000;border:0}
.mk-player{position:relative;aspect-ratio:16/9;color:#fff}
.mk-adlbl{position:absolute;top:8px;left:8px;background:#F2C200;color:#111;font-size:11px;font-weight:700;border-radius:3px;padding:2px 6px}
.mk-skip{position:absolute;right:0;bottom:62px;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.35);border-right:0;font-size:12px;padding:7px 12px}
.mk-yt-card{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:8px;background:#fff;color:#0F0F0F;border-radius:10px;padding:6px 8px}
.mk-yt-card>div{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.mk-yt-card b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-yt-card small{font-size:11px;color:#606060}
.mk-yt-card .mk-av{width:28px;height:28px}
.mk-yt-card .mk-btn{background:#065FD4;color:#fff;border-radius:999px}
/* Télévision */
.mk-tv{background:none;border:0;box-shadow:none;overflow:visible}
.mk-tvscreen{position:relative;aspect-ratio:16/9;border:9px solid #1E1A24;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 16px 36px -18px rgba(0,0,0,.6)}
.mk-tvstand{width:30%;height:10px;margin:0 auto;background:#3A3042;border-radius:0 0 8px 8px}
.mk-endcard{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.6);color:#fff;font-weight:700;font-size:13px;border-radius:6px;padding:5px 9px}
.mk-vo{margin:10px 2px 0;font-size:12.5px;color:var(--muted);font-family:var(--body)}
/* Native */
.mk-native{padding:12px}
.mk-article{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.mk-article i{display:block;height:7px;border-radius:4px;background:#E9E6ED}
.mk-article i.s{width:60%}
.mk-wh{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid #111;padding-top:7px;margin-bottom:8px}
.mk-wh b{font-size:13px;text-transform:uppercase;letter-spacing:.03em}
.mk-wh small{font-size:10.5px;color:#888}
.mk-ncard{display:flex;flex-direction:column;gap:5px}
.mk-ncard .mk-media{border-radius:6px}
.mk-ncard b{font-size:15px;line-height:1.3;font-family:Georgia,serif}
.mk-ncard span{font-size:12.5px;color:#555}
.mk-ncard small{font-size:11px;color:#999}
/* Push */
.mk-push{background:none;border:0;box-shadow:none}
.mk-lock{border-radius:24px;padding:16px 12px 18px;background:linear-gradient(160deg,#5B4B8A,#C85A9E 60%,#F7A072);min-height:220px;display:flex;flex-direction:column;align-items:center;gap:12px}
.mk-time{color:#fff;font-size:34px;font-weight:300;letter-spacing:.02em}
.mk-notif{width:100%;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}
.mk-nh{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#555}
.mk-nh b{color:#111;font-size:12px;flex:1}
.mk-nh .mk-media.icon{width:22px;height:22px;border-radius:6px;flex:none}
.mk-nh .mk-media.icon .mk-gen span,.mk-nh .mk-media.icon .mk-wait small{display:none}
.mk-nh .mk-media.icon .mk-gen{padding:3px}
.mk-notif>b{font-size:13.5px}
.mk-notif>p{margin:0;font-size:13px;color:#333}
.mk-notif>.mk-media{border-radius:10px;margin-top:6px}
/* Bannière sur une page web */
.mk-web{padding:0;background:#fff}
.mk-wbar{display:flex;gap:5px;padding:8px 10px;background:#F3EEF5}
.mk-wbar i{width:8px;height:8px;border-radius:50%;background:#D8CEDE}
.mk-wbody{display:flex;gap:10px;padding:10px}
.mk-wbody .mk-article{flex:1;margin:0}
.mk-ban{position:relative;overflow:hidden;border-radius:4px;background:#F0F2F5;flex:none}
.mk-web.top .mk-ban{margin:10px 10px 0;aspect-ratio:728/90}
.mk-web.box .mk-ban{width:48%;aspect-ratio:300/250}
.mk-web.side .mk-ban{width:30%;aspect-ratio:160/600;max-height:300px}
.mk-ban .mk-media.fill .mk-gen{transform:scale(.8)}
.mk-over{position:absolute;left:0;right:0;bottom:0;padding:10px;display:flex;flex-direction:column;gap:3px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65));pointer-events:none}
.mk-over b{font-size:13px;line-height:1.2}
.mk-over span{font-size:11px;opacity:.9}
.mk-over em{font-style:normal;align-self:flex-start;background:var(--amber-2);color:#fff;font-weight:700;font-size:11px;border-radius:999px;padding:4px 10px;margin-top:3px}
.mk-web.top .mk-over{flex-direction:row;align-items:center;justify-content:space-between;top:0;background:linear-gradient(90deg,transparent 40%,rgba(0,0,0,.55));padding:4px 8px}
.mk-web.top .mk-over span{display:none}
.mk-web.top .mk-over b{font-size:10px;margin-left:auto;margin-right:6px}
.mk-web.top .mk-over em{margin:0;font-size:9px;padding:2px 7px}
.mk-over.big b{font-size:clamp(14px,3.6vw,22px);text-shadow:0 2px 8px rgba(0,0,0,.4)}
/* Rue */
.mk-street{background:linear-gradient(#BFD3F2 0%,#E9E3F4 62%,#5B5262 62%,#4A4252 100%);border:0;padding:18px 18px 0;display:flex;flex-direction:column;align-items:center}
.mk-street .mk-frame{position:relative;width:100%;border:8px solid #2A2430;border-radius:4px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
.mk-street.shelter .mk-frame{width:52%;aspect-ratio:9/16}
.mk-street .mk-pole{width:10px;height:26px;background:#2A2430}
.mk-street.shelter .mk-pole{width:56%;height:10px;background:#2A2430;border-radius:0 0 3px 3px}
.mk-street .mk-road{width:calc(100% + 36px);height:16px;background:repeating-linear-gradient(90deg,#4A4252 0 28px,#fff 28px 44px) 0 50%/100% 3px no-repeat,#4A4252}
/* LinkedIn, Pinterest, advertorial */
.mk-li .mk-link{background:#EEF3F8}
.mk-li .mk-btn{background:#fff;color:#0A66C2;border:1.5px solid #0A66C2;border-radius:999px}
.mk-pin{border-radius:20px;padding:0 0 10px;border:0}
.mk-pin .mk-media{border-radius:20px}
.mk-pin b{display:block;padding:8px 10px 2px;font-size:14px}
.mk-pin small{display:block;padding:0 10px;color:#767676;font-size:11.5px}
.mk-adv{padding:14px}
.mk-advl{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#8A5A00;margin-bottom:6px}
.mk-adv h4{font-family:Georgia,serif;font-size:19px;line-height:1.25;margin:0 0 10px}
.mk-adv .mk-media{border-radius:6px}
.mk-adv p{font-family:Georgia,serif;font-size:13.5px;line-height:1.55;color:#333;margin:10px 0}
.mk-adv .mk-btn{background:var(--amber-2);color:#fff;border-radius:6px}
@media (max-width:900px){
  .cz{grid-template-columns:1fr}
  .cz-list{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);z-index:60;background:var(--ink-2);padding:16px;box-shadow:20px 0 40px -20px rgba(0,0,0,.3);transform:translateX(-105%);transition:transform .25s;max-height:none}
  .cz.list-open .cz-list{transform:none}
  .cz-listbtn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;cursor:pointer}
  .cz-types{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin:0 -2px}
  .cz-type{flex:none}
  .cz-ads{grid-template-columns:1fr}
  .cz-ldel{opacity:1}
}
.mk-screen::before{content:"";position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(rgba(0,0,0,.55),transparent);z-index:1;pointer-events:none}
.mk-ph-top,.mk-prog{z-index:2}
.mk-ph-bot,.mk-rail{z-index:2}
.mk-street.board .mk-frame{max-height:260px;width:auto;max-width:100%}

/* ---------- Compte Business : studio distinct ---------- */
body.biz .side-head .logo::after{content:"Business";margin-left:6px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#FF9ACB,#FF5FA8);border-radius:999px;padding:2px 7px;vertical-align:2px}
body.biz .hero-nav .logo::after{content:"Business";margin-left:6px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#FF9ACB,#FF5FA8);border-radius:999px;padding:2px 7px}
body.biz .mode-switch{flex-wrap:wrap;border-radius:22px;width:auto;max-width:760px}
.mode-switch .biz-mode .ic{width:15px;height:15px}
.mode-switch .biz-mode[aria-pressed="true"]{background:linear-gradient(90deg,#FF80BF,#FF5FA8)}
.pthumb.pbiz{display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);border-color:transparent}
.pthumb.pbiz .ic{width:15px;height:15px}
.hero-types{justify-content:center;margin:2px 0 8px}
.hero-types .cz-type{font-size:12.5px;padding:5px 10px 5px 8px}
.biz-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.biz-opts{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.biz-opts .opt-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 11px;font:inherit;font-size:12.5px;color:var(--text);cursor:pointer}
.biz-opts .opt-btn .ic{width:15px;height:15px;color:var(--accent-text)}
#czRoot .cz-main{max-width:1100px}
.cz-playfilm{margin-left:auto}
.cz-playfilm .ic{width:15px;height:15px}
/* Maquettes : film, boutique, affiche */
.mk-film{background:#111;color:#fff;border:0}
.mk-film .mk-scr{position:relative;aspect-ratio:16/9}
.cz-ads.film{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.mk-scene{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.6);font-size:11px;font-weight:700;border-radius:4px;padding:2px 8px;z-index:2}
.mk-fbody{padding:10px 12px 12px}
.mk-fbody b{font-size:14px}
.mk-fbody p{margin:4px 0 0;font-size:12.5px;color:#ccc}
.mk-fbody q{display:block;margin-top:6px;font-style:italic;font-size:12.5px;color:#FFD1E7}
.mk-shop .mk-sbody{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}
.mk-shop .mk-sbody b{font-size:14px}
.mk-shop .mk-sbody span{font-size:12.5px;color:#555}
.mk-shop .mk-sbody small{font-size:11px;color:#999}
.mk-poster{background:none;border:0;box-shadow:none}
.mk-wall{background:linear-gradient(135deg,#EDE7E1,#D9D0C7);border-radius:14px;padding:22px;display:flex;justify-content:center}
.mk-paper{position:relative;width:70%;background:#fff;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);overflow:hidden}
.mk-tags{color:#00376B}
.cz-film{display:grid;place-items:center;background:rgba(0,0,0,.85)}
.cz-filmbox{position:relative;width:min(960px,94vw);color:#fff}
.cz-filmbox video{width:100%;border-radius:10px;background:#000;display:block}
.cz-filmbox p{margin:10px 0 0;display:flex;flex-direction:column;gap:3px}
.cz-filmbox p span{color:#ccc;font-size:13.5px}
.cz-filmbox .close{position:absolute;top:-44px;right:0;background:rgba(255,255,255,.15);border:0;color:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;cursor:pointer}
.cz-filmbox .close .ic{width:18px;height:18px}
/* Espace entreprise */
.bz-prof{display:flex;flex-direction:column;gap:14px;max-width:860px}
.bz-kpis3{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:860px}
.bz-kpis3 .btn{align-self:flex-start;margin:4px 0}
.bz-table{width:100%;border-collapse:collapse;font-size:13.5px}
.bz-table th,.bz-table td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}
.bz-table th{font-size:12px;color:var(--faint);font-weight:500}
.bz-table a{color:var(--accent-text);text-decoration:none}
#bizPane>.bz-panel{max-width:860px;margin-top:14px}
@media (max-width:900px){.bz-kpis3{grid-template-columns:1fr!important}}

/* Discussion Business : saisie en bas, comme le studio personnel */
#czRoot .cz-main{gap:0;min-height:calc(100dvh - 120px)}
#czRoot .cz-thread{flex:1;padding-bottom:18px}
.cz-dock{position:sticky;bottom:0;z-index:5;margin-top:auto;padding:14px 0 calc(14px + var(--safe-b, 0px));background:linear-gradient(rgba(250,248,251,0), var(--ink) 26%)}
.cz-dock .cz-comp{gap:8px}
.page:has(#czRoot){padding-bottom:0}
.cz-dock{padding-bottom:18px}
@media (max-width:760px){.cz-dock{padding-bottom:14px}}

/* Compte Business : pas de titre ni d'animation, directement la saisie */
.hero-body.biz-plain{justify-content:center;padding-top:clamp(16px,6vh,70px)}

/* Sélecteurs Business : pastille + menu */
.cz-sel.pk{position:relative;display:inline-flex}
.cz-sel.pk select{position:absolute;inset:0;opacity:0;pointer-events:none;width:100%;height:100%}
.pk-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 10px 0 6px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;max-width:240px;transition:border-color .15s,background .15s,box-shadow .15s}
.pk-btn>span{overflow:hidden;text-overflow:ellipsis}
.pk-ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#FFE6F2;color:#D6338A;flex:none}
.pk-ic .ic,.pk-ic svg{width:14px;height:14px}
.pk-chev{display:grid;place-items:center;color:var(--faint);transition:transform .2s}
.pk-chev .ic,.pk-chev svg{width:15px;height:15px}
.pk-btn:hover{border-color:#FFB3D9;background:#FFF7FB}
.pk-btn.open{border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,128,191,.16)}
.pk-btn.open .pk-chev{transform:rotate(180deg);color:var(--accent-text)}
.pk-btn:focus-visible{outline:0;border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,128,191,.22)}
.pk-menu{position:fixed;z-index:200;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:0 18px 50px -18px rgba(60,20,50,.35),0 2px 6px rgba(30,26,36,.06);overflow:auto;display:flex;flex-direction:column;gap:1px;animation:pkIn .14s ease-out}
.pk-menu button{display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;background:none;text-align:left;font:inherit;font-size:13.5px;color:var(--text);padding:9px 12px;border-radius:10px;cursor:pointer;white-space:nowrap}
.pk-menu button:hover{background:#FFF0F7}
.pk-menu button.on{color:#D6338A;font-weight:600;background:#FFE6F2}
.pk-menu button .ic,.pk-menu button svg{width:16px;height:16px;flex:none}
@keyframes pkIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (max-width:760px){.pk-btn{height:34px;font-size:12.5px}.pk-menu button{padding:11px 12px;font-size:14px}}

/* Continuer avec Google (comptes personnels) */
.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;border-radius:999px;background:#fff;border:1px solid #DADCE0;color:#1F1F1F;font-weight:500;font-size:15px;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;margin:6px 0 2px}
.btn-google:hover{background:#F8F9FA;border-color:#C6C9CE;box-shadow:0 1px 3px rgba(60,64,67,.15)}
.btn-google:active{background:#F1F3F4}
.btn-google .g-logo{width:20px;height:20px;flex:none}
.auth-or{display:flex;align-items:center;gap:12px;margin:14px 0 6px;color:var(--faint);font-size:12.5px}
.auth-or::before,.auth-or::after{content:"";flex:1;height:1px;background:var(--line)}