/* Original remains in redesign.css; these presets change only the backdrop. */
.hero[data-gradient="prisme"]{background:linear-gradient(112deg,#0c4f87 0%,#1555b7 38%,#293b9d 67%,#5654af 100%)}
.hero[data-gradient="prisme"]::before{background:radial-gradient(ellipse at 2% 115%,#12cbd8dd,transparent 49%),radial-gradient(ellipse at 38% -38%,#b4d8ffcc,transparent 57%),radial-gradient(ellipse at 104% 92%,#c29aeeb0,transparent 45%),radial-gradient(ellipse at 70% -15%,#838cff99,transparent 43%),radial-gradient(ellipse at 65% 60%,#142a755c,transparent 52%)}
.gradient-picker{margin:5px 5px 8px;padding:13px 5px 12px;border-bottom:1px solid #e3e9f1}.gradient-picker h3{font:700 12px Manrope,sans-serif;margin:0 0 10px;color:#193b58}.gradient-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.gradient-choice{border:1px solid #dce4ee;background:white;border-radius:10px;padding:6px;cursor:pointer;text-align:left;color:#193b58;font:11px Manrope,sans-serif}.gradient-choice i{display:block;height:28px;border-radius:6px;margin-bottom:5px;background:var(--swatch)}.gradient-choice[aria-pressed="true"]{border-color:#1369ec;box-shadow:0 0 0 1px #1369ec;background:#f1f6ff}.gradient-picker p{font:10px/1.5 Manrope,sans-serif;color:#637b91;margin:9px 0 0}#settings-options{max-height:calc(100dvh - 85px);overflow-y:auto}

/* Palettes exploratoires : lumière aux bords, profondeur derrière le texte. */

.gradient-choices{max-height:390px;max-height:min(390px,48dvh);overflow-y:auto;padding:2px 5px 2px 2px;overscroll-behavior:contain;scrollbar-width:thin}

/* Fusion : masses organiques chaud/froid, profondeur stable côté lecture. */
.hero[data-gradient="fusion"]{background:#233762}
.hero[data-gradient="fusion"]::before{background:radial-gradient(ellipse at 4% 105%,#ffae82 0%,#e8787270 28%,transparent 53%),radial-gradient(ellipse at 24% 20%,#297dcc 0%,#215cbb80 35%,transparent 60%),radial-gradient(ellipse at 102% -20%,#c38bb5 0%,transparent 46%),radial-gradient(ellipse at 80% 72%,#262451 0%,transparent 65%),linear-gradient(120deg,#1d6c9c,#34316b);background-size:120% 120%;animation:hero-fusion-drift 24s ease-in-out infinite alternate}
/* Éclipse : un horizon elliptique, avec une fine couronne de lumière. */
.hero[data-gradient="eclipse"]{background:#172d54}
.hero[data-gradient="eclipse"]::before{background:radial-gradient(ellipse at 22% 108%,#173450 0%,#1b4164 30%,#479aaf 35%,#a6dbdf 37%,#ada7e2 39%,#5769a9 43%,#293e70 52%,transparent 68%),radial-gradient(ellipse at 95% -10%,#6264a580,transparent 60%),linear-gradient(115deg,#143456,#252c59);background-size:100% 112%;animation:hero-eclipse-drift 26s ease-in-out infinite alternate}
/* Opale : larges nappes nacrées, sans arêtes ni point de fuite. */
.hero[data-gradient="opale"]{background:#42659c}
.hero[data-gradient="opale"]::before{background:radial-gradient(ellipse at -18% 40%,#b7f2e6 0%,#70c5d290 33%,transparent 58%),radial-gradient(ellipse at 36% 115%,#a8baf5 0%,#819ed080 30%,transparent 56%),radial-gradient(ellipse at 112% -18%,#efbed8 0%,#ba99d980 30%,transparent 53%),radial-gradient(ellipse at 75% 50%,#3f458d 0%,#52569c 30%,transparent 67%),linear-gradient(140deg,#367a9b,#5b599e);background-size:115% 115%;animation:hero-opale-drift 30s ease-in-out infinite alternate}
@keyframes hero-fusion-drift{from{background-position:5% 20%}to{background-position:85% 70%}}
@keyframes hero-eclipse-drift{from{background-position:50% 15%}to{background-position:50% 85%}}
@keyframes hero-opale-drift{from{background-position:10% 70%}to{background-position:90% 10%}}
@media(prefers-reduced-motion:reduce){.hero[data-gradient="fusion"]::before,.hero[data-gradient="eclipse"]::before,.hero[data-gradient="opale"]::before{animation:none}}