:root{--bg:#18181b;--ink:#f1f1f4;--mut:#9a9aa6;--card:#202024;--line:#34343b;--accent:#c0392b;--acc2:#e0554a;--soft:#26262b}
:root[data-theme=light]{--bg:#f6f6f8;--ink:#1b1b22;--mut:#666674;--card:#fff;--line:#dcdce2;--soft:#ececf1}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,sans-serif}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}
.top{background:linear-gradient(180deg,#3a2224 0,#1d1b1e 70%,var(--bg) 100%)}:root[data-theme=light] .top{background:linear-gradient(180deg,#f3dede,var(--bg))}
header{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:22px;padding:16px 18px;position:relative;z-index:20}
.logo{font-weight:800;font-size:1.45em;display:flex;align-items:center;gap:9px;letter-spacing:-.5px}.logo b{font-weight:800;color:var(--acc2)}.logo i{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#5940f1,#ce00ff);display:grid;place-items:center;color:#fff;font-style:normal;font-size:.62em}
nav{display:flex;gap:4px;flex:1;font-size:.88em;font-weight:600}.dd{position:relative}.dd>button,nav>a{background:none;border:0;padding:9px 12px;border-radius:8px}.dd>button:hover,nav>a:hover{background:rgba(255,255,255,.07)}
.mega{display:none;position:absolute;left:-10px;top:100%;width:min(600px,92vw);background:#1e1e22;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 24px 60px -10px #000;grid-template-columns:1fr 1fr;gap:4px;color:#f1f1f4}
:root[data-theme=light] .mega{background:#fff;color:#1b1b22}.dd:hover .mega{display:grid}.mega a{padding:11px 12px;border-radius:8px;display:block;font-weight:400}.mega a:hover{background:var(--soft)}.mega b{font-weight:600}.mega small{display:block;color:var(--mut);margin-top:2px}.mega h6{grid-column:1/-1;margin:2px 12px 6px;font-size:.7em;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}
.btn{border:1px solid var(--line);background:none;border-radius:6px;padding:7px 14px;font-weight:600;font-size:.85em}.btn.w{background:#fff;color:#111;border-color:#fff}
.hero{max-width:1100px;margin:0 auto;padding:36px 18px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}
.hero h1{font-size:clamp(2.2em,5vw,3.1em);margin:30px 0 12px;letter-spacing:-1.5px}.hero p{color:#c9c9d2;max-width:520px;line-height:1.65;margin:0}:root[data-theme=light] .hero p{color:var(--mut)}
.orb{position:relative;width:300px;height:230px;flex:none}.orb:before,.orb:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;inset:-16px -10px}.orb:after{inset:20px 30px}
.fi{position:absolute;top:60px;width:88px;height:94px;border-radius:12px;background:#2b2b30;border:1px solid #44444c;display:grid;place-items:center;text-align:center;font-size:.72em;font-weight:800;color:#fff;z-index:1}.fi:before{content:"▤";display:block;font-size:2.4em;color:#fff;line-height:1}
.fi.a{left:0}.fi.b{right:0;border-color:#7d3a38;box-shadow:0 0 40px -6px rgba(224,85,74,.55)}.fi.b:before{color:#f08a80}.mid{position:absolute;left:50%;top:94px;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;background:#4b2a2b;color:#f08a80;display:grid;place-items:center;font-size:1.1em;animation:rot 4s linear infinite;z-index:1}@keyframes rot{to{transform:translateX(-50%) rotate(360deg)}}
.conv{max-width:540px;margin:22px auto 0;padding:0 18px}.dz{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:38px 20px;text-align:center;box-shadow:0 20px 60px -20px #000;transition:.2s}.dz.over{border-color:var(--acc2)}
.dz big{display:block;font-size:1.15em;font-weight:700;margin:8px 0 2px}.dz small{color:var(--mut)}.cl{font-size:2.2em;color:var(--acc2)}
.sel{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:0;border-radius:4px;padding:11px 20px;font-weight:700;margin-top:18px}
.row{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:18px;flex-wrap:wrap}select{height:40px;border-radius:4px;border:1px solid var(--line);padding:0 10px;background:var(--soft);color:var(--ink);font:inherit;min-width:120px}
#go{height:40px;border:0;border-radius:4px;background:var(--accent);color:#fff;font-weight:700;padding:0 24px}#go:disabled{opacity:.4}
#out{margin-top:14px;display:grid;gap:8px;text-align:left}.it{background:var(--soft);border-radius:6px;padding:9px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.9em}.it a{background:var(--accent);color:#fff;border-radius:4px;padding:5px 11px;font-weight:700}
#quota{margin-top:12px;font-size:.82em;color:var(--mut)}
.two{max-width:1000px;margin:60px auto 0;padding:0 18px;display:grid;grid-template-columns:1.25fr 1fr;gap:60px}
h2{font-size:1.15em;margin:0 0 10px;display:flex;gap:8px;align-items:center}h2 i{color:var(--acc2);font-style:normal}.mut{color:var(--mut);font-size:.88em;line-height:1.6}
.cats{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.cats button{background:none;border:0;padding:5px 8px;border-radius:6px;font-size:.82em;color:var(--mut)}.cats sup{font-size:.7em}.cats .on{color:var(--acc2);background:var(--soft)}
.cat2{border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.fmts{display:flex;gap:6px;flex-wrap:wrap}.fmts span{background:#0f0f12;color:#fff;border-radius:4px;padding:6px 9px;font-weight:800;font-size:.68em}:root[data-theme=light] .fmts span{background:#1b1b22}
.cc{font-size:.72em;color:var(--mut);font-family:ui-monospace,Consolas,monospace;line-height:2}.cc b{color:var(--ink)}
.sec li{list-style:none;display:flex;gap:10px;margin:14px 0;font-size:.86em;color:var(--mut);line-height:1.5}.sec ul{padding:0}.sec li:before{content:"◆";color:var(--acc2)}.sec b{color:var(--ink)}
.stats{text-align:center;padding:50px 16px 10px;color:var(--mut);font-size:.72em;letter-spacing:2px;text-transform:uppercase}.stats p{font-size:1.4em;letter-spacing:0;text-transform:none;margin:8px 0;color:var(--ink)}.stats b{color:var(--ink)}
.pr{max-width:1000px;margin:50px auto;padding:0 18px}.pr h2{justify-content:center;font-size:1.8em}.tog{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:18px 0}.tog button{border:1px solid var(--line);background:var(--card);border-radius:99px;padding:7px 15px;font-size:.85em}.tog .on{background:var(--accent);border-color:var(--accent);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:20px}.card.hot{border-color:var(--acc2);box-shadow:0 20px 50px -26px var(--acc2)}
.card h3{margin:0}.price{font-size:2.1em;font-weight:800;margin:10px 0 2px}.price small{font-size:.38em;font-weight:400;color:var(--mut)}.card ul{padding-left:18px;line-height:1.8;margin:12px 0;color:var(--mut);font-size:.9em}.card .btn{width:100%;padding:10px}.hot .btn{background:var(--accent);border-color:var(--accent);color:#fff}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;place-items:center;z-index:50;padding:16px}.modal.on{display:grid}.box{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:26px;width:min(390px,100%);position:relative}
.box input{width:100%;height:42px;margin:6px 0;border:1px solid var(--line);border-radius:6px;padding:0 12px;background:var(--bg);color:var(--ink);font:inherit}.box .btn{width:100%;margin-top:8px;padding:10px}.fb{background:#1877f2;color:#fff;border-color:#1877f2}.x{position:absolute;right:14px;top:8px;background:none;border:0;font-size:1.4em;width:auto!important}
footer{text-align:center;padding:30px;border-top:1px solid var(--line);color:var(--mut);font-size:.85em}
@media(max-width:800px){nav,.orb{display:none}.two,.cat2{grid-template-columns:1fr;gap:30px}header{gap:8px}header .sp{flex:1}}
.row input{height:40px;width:min(340px,80vw);border:1px solid var(--line);border-radius:4px;background:var(--soft);color:var(--ink);padding:0 10px;font:inherit}
.seo{max-width:760px;margin:60px auto;padding:0 18px;line-height:1.7;color:var(--mut)}.seo h2{color:var(--ink);font-size:1.3em;margin:26px 0 8px}.links{display:flex;gap:8px;flex-wrap:wrap}.links a{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-size:.85em;color:var(--ink)}
.sub{max-width:1100px;margin:0 auto;padding:30px 18px 10px}.sub h1{font-size:2.4em;margin:10px 0}.sub p{color:#c9c9d2;max-width:560px}
.pdf{max-width:1000px;margin:30px auto;padding:0 18px}.pdf .card input[type=text],.pdf .card input[type=file]{width:100%;margin:8px 0;color:var(--ink)}.pdf .card input[type=text]{height:38px;background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:0 10px}.pdf .btn{margin-top:6px}.pdf .btn[disabled]{opacity:.4;cursor:default}
/*GEN*/
[hidden]{display:none!important}
.logo{font-size:1.75em!important;gap:10px}.logo img{width:40px;height:40px;border-radius:10px}.logo b{color:var(--acc2)}
.au{display:flex;gap:8px}.dd.open .mega{display:grid}.mega.w{width:min(780px,94vw);grid-template-columns:repeat(3,1fr)}.mega.w a small{display:inline;margin-left:6px}
.lg{position:relative}.lgp,.menu{display:none;position:absolute;top:110%;background:#1e1e22;border:1px solid var(--line);border-radius:10px;padding:6px;z-index:30;color:#f1f1f4;box-shadow:0 20px 50px #000}.lgp{right:0;width:260px;padding:8px}.lgp.on,.menu.on{display:block}
.lgp input{width:100%;height:36px;border-radius:6px;border:1px solid var(--line);background:#26262b;color:inherit;padding:0 10px;margin-bottom:6px}.lgl{max-height:260px;overflow:auto}
.lgl button,.menu a,.menu button{display:flex;gap:8px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:9px 10px;border-radius:6px;font-size:.88em;color:inherit}.lgl button:hover,.menu a:hover,.menu button:hover{background:#2d2d33}
.dd2,.addw{position:relative}.menu{min-width:210px}.menu.r{right:0;display:none}.menu.r.on{display:block}.mi{padding:8px 10px;font-size:.85em;color:#9a9aa6}
.conv.wide{max-width:900px}.dz .addw{display:inline-block}.dz .sel{margin-top:18px}
.r{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:14px 16px;margin-bottom:8px;text-align:left}
.ic{width:40px;height:40px;border-radius:8px;background:var(--soft);display:grid;place-items:center;flex:none}.nm{flex:1;min-width:0}.nm b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm small{color:var(--mut)}
.rt{display:flex;align-items:center;gap:10px;font-size:.88em}.bd{background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:5px 9px;font-weight:700}
.pw{position:relative}.pick{border:1px solid var(--acc2);color:var(--acc2);background:none;border-radius:4px;padding:8px 14px;font-weight:600}
.pn{position:absolute;right:0;top:110%;width:min(420px,86vw);background:#1e1e22;border:1px solid var(--line);border-radius:8px;z-index:40;color:#f1f1f4;box-shadow:0 20px 50px #000}.pn input{width:100%;height:40px;background:none;border:0;border-bottom:1px solid var(--line);padding:0 12px;color:inherit}
.pb2{display:flex;max-height:260px}.pcs{width:130px;border-right:1px solid var(--line);overflow:auto;padding:6px 0}.pcs button{display:block;width:100%;text-align:left;background:none;border:0;padding:9px 12px;font-size:.85em;color:inherit}.pcs .on{background:#2d2d33}
.pg{flex:1;padding:8px;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;overflow:auto}.pg button{background:#14141a;border:1px solid var(--line);border-radius:4px;padding:6px 9px;font-weight:700;font-size:.72em;color:#fff;height:30px}.pg button:hover{border-color:var(--acc2)}
.pbar{width:160px;height:8px;background:var(--soft);border-radius:9px;overflow:hidden}.pbar i{display:block;height:100%;background:var(--accent);transition:width .4s}.x2{background:none;border:0;font-size:1.5em;color:var(--mut)}
.bar{display:flex;gap:10px;justify-content:center;align-items:center;padding:14px;background:var(--soft);border-radius:6px;margin-top:12px;flex-wrap:wrap}.go{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:11px 20px;font-weight:700;display:inline-block}.go:disabled{opacity:.5}
.add{background:#fff;color:#111;border:0;border-radius:6px;padding:11px 16px;font-weight:600}.addw .menu.up{bottom:110%;top:auto;left:0}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:12px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:.3s;z-index:90;max-width:90vw}#toast.on{opacity:1}
.box a.btn{display:block;text-align:center;width:100%;margin-top:8px;padding:10px}
.cta{text-align:center;padding:50px 18px;border-top:1px solid var(--line)}.cta h2{justify-content:center;font-size:1.7em}
.fw{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:40px;text-align:left}.fw h4{margin:0 0 6px}.fw ul{padding:0;margin:0}.fw li{list-style:none;margin:12px 0}.fw li a{color:var(--acc2);font-weight:700}.fw li span{display:block;color:var(--mut);font-size:.85em}
.cs{max-width:1000px;margin:30px auto;padding:0 18px}.lg2{line-height:2}.lg2 a{color:var(--mut);text-decoration:underline;font-size:.85em}.cs h2{margin-top:30px}
@media(max-width:800px){header{flex-wrap:wrap}nav{display:flex!important;order:5;width:100%;overflow-x:auto}.mega,.mega.w{position:fixed;left:8px;right:8px;top:118px;width:auto;grid-template-columns:1fr 1fr}.fw{grid-template-columns:1fr}.r{flex-wrap:wrap}.rt{width:100%;flex-wrap:wrap}.pb2{flex-direction:column}.pcs{width:auto;display:flex;border:0}}

/* Mobile : menu de choix du format, centré au milieu de l'écran */
@media(max-width:800px){
.pn{position:fixed!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(420px,92vw)!important;margin:0!important;max-height:80vh;z-index:100;box-shadow:0 0 0 100vmax rgba(0,0,0,.55),0 20px 50px #000}
.pb2{max-height:60vh;overflow:hidden}
.pg{justify-content:center;max-height:45vh}
.pcs{overflow-x:auto;justify-content:center}
}