:root{font-family:Inter,Arial,sans-serif;color:#252233;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,input{max-width:100%}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6850db;outline-offset:3px}a{color:inherit}header{background:#343434;color:white;padding:24px max(24px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-size:25px;text-decoration:none;letter-spacing:-1px;white-space:nowrap}.brand span{font-weight:700;background:linear-gradient(100deg,#00d3ec,#5c83ff,#d336fa);background-clip:text;color:transparent}.back{font-size:14px;text-decoration:none;opacity:.9}main{max-width:1290px;margin:auto;padding:0 26px}.intro{padding:64px 0 40px;max-width:700px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#70647b}h1{font-size:clamp(44px,6vw,76px);letter-spacing:-3px;line-height:1.04;margin:18px 0 20px;font-weight:650}h1 span{color:#6e4ce8}.intro p{max-width:600px;line-height:1.7;color:#655f70;font-size:17px}.intro-label{font-size:13px;margin-top:24px;color:#655f70}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.editor,.preview-wrap{min-width:0;background:white;border:1px solid #e4e0e8;border-radius:20px;padding:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:20px}h2{font-size:21px;letter-spacing:-.5px;margin:0;line-height:1.3}button{border:1px solid #dfdbe6;border-radius:10px;padding:11px 14px;background:white;color:#3c3449}button:hover{background:#f4f1fa}button:disabled{opacity:.4;cursor:default}.quiet{border:0;background:transparent;padding:8px}.primary{background:#6847df;color:white;border-color:#6847df}.primary:hover{background:#5336bd}.tools{display:flex;align-items:end;gap:12px;margin-bottom:22px}.tools label{flex:1;font-size:12px;color:#655f70;display:grid;gap:7px}select,input[type=search],input[type=text]{border:1px solid #dfdbe6;border-radius:9px;padding:10px;background:white;color:#332b3e}select{font-size:13px}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.swatch{min-width:0}.swatch label.role{font-size:11px;display:block;margin-bottom:8px;min-height:28px;line-height:1.25}.swatch input[type=color]{padding:0;width:100%;height:130px;border:0;background:none;cursor:pointer;border-radius:10px;overflow:hidden}.swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.swatch input[type=color]::-webkit-color-swatch{border:0;border-radius:10px}.hex{width:100%;font-size:11px!important;padding:8px 2px!important;text-align:center;font-family:monospace!important;margin:8px 0}.lock{width:100%;padding:9px 3px;font-size:12px}.lock[aria-pressed=true]{background:#ede7ff;color:#5233b5;border-color:#b7a2f0}.hint{font-size:12px;color:#746b7e;line-height:1.6}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.actions button{font-size:12px}.actions button[aria-pressed=true]{background:#ede7ff;color:#5233b5}#status{min-height:42px;font-size:12px;line-height:1.5;padding-top:14px;color:#5233b5}#preview{border-radius:12px;overflow:hidden;background:var(--background);color:var(--background-ink)}.site-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;background:var(--dark);color:var(--dark-ink);font-size:11px}.site-head strong{font-size:15px}.site-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;padding:30px 20px;background:var(--main);color:var(--main-ink);min-height:260px}.site-kicker{font-size:9px;letter-spacing:1.3px;font-weight:700}.site-hero h3{font-size:29px;letter-spacing:-1px;line-height:1.1;margin:16px 0}.site-hero p{font-size:12px;line-height:1.6;margin-bottom:22px}.demo-cta{display:inline-block;padding:12px;border-radius:7px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:600}.abstract{position:relative;min-height:190px;align-self:center;overflow:hidden}.orb{position:absolute;top:5%;left:2%;width:110px;height:110px;border-radius:50%;background:var(--surface)}.arch{position:absolute;bottom:3%;right:0;width:105px;height:150px;border-radius:70px 70px 0 0;background:var(--accent)}.dot{position:absolute;bottom:5%;left:5%;width:56px;height:56px;background:var(--dark);border-radius:50%}.site-content{padding:22px 20px}.site-content h3{font-size:20px;letter-spacing:-.5px}.service-cards{display:flex;gap:12px}.service-cards>div{flex:1;min-width:0;background:var(--surface);color:var(--surface-ink);padding:14px;border-radius:8px;font-size:11px}.service-cards p{line-height:1.6}.catalog{padding:64px 0}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}.catalog-heading h2{font-size:30px;margin-top:12px;max-width:520px}.search-label{max-width:100%}.search-label input{width:270px;max-width:100%}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 16px}.filters button{font-size:12px;border-radius:30px;padding:9px 15px}.filters button[aria-pressed=true]{background:#332b43;color:white;border-color:#332b43}.result-line{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#746b7e;font-size:12px;margin-bottom:20px}.result-line label{display:flex;align-items:center;gap:8px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.palette-card{padding:0;border-radius:12px;overflow:hidden;background:white;text-align:left;min-width:0}.palette-strip{display:flex;height:110px}.palette-strip span{flex:1}.palette-caption{padding:14px;display:flex;justify-content:space-between;gap:8px}.palette-caption strong{font-size:13px;font-weight:600;display:block}.palette-caption small{font-size:11px;color:#756c7f;display:block;margin-top:6px}.palette-card[aria-pressed=true]{outline:2px solid #6847df;outline-offset:2px}.palette-caption .heart{color:#6847df}footer{border-top:1px solid #e4e0e8;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0 40px}footer p{font-size:12px;color:#746b7e;max-width:430px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.swatch input[type=color]{height:130px}}@media(max-width:600px){header{padding:18px;align-items:start;flex-direction:column;gap:12px}main{padding:0 16px}.intro{padding:36px 0 28px}.editor,.preview-wrap{padding:16px;border-radius:14px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-heading h2{font-size:25px}.swatches{gap:5px}.swatch input[type=color]{height:90px}.lock{font-size:10px;min-height:42px}.hex{font-size:10px!important}.swatch label.role{font-size:10px}.site-hero{grid-template-columns:1fr;padding:24px 18px}.abstract{display:none}.site-head span{font-size:10px}.site-hero h3{font-size:31px}.palette-strip{height:90px}footer{flex-direction:column;align-items:start}.filters button{min-height:42px}.catalog{padding:40px 0}}

/* Catalogue large et commandes sobres */
main{width:100%;max-width:1920px;padding:0 24px}.workspace{grid-template-columns:minmax(0,1fr)}.editor,.preview-wrap{border:0;border-radius:0;background:transparent;padding:0}.preview-wrap{max-width:900px;width:100%;margin:32px auto}.swatches{gap:0}.swatch input[type=color]{height:clamp(180px,30vh,360px);border-radius:0}.swatch input[type=color]::-webkit-color-swatch{border-radius:0}.primary,.primary:hover{background:#333;border-color:#333;color:#fff}h1 span{color:inherit}button{border-radius:4px}.catalog-grid{gap:24px}.palette-card{border:0;border-radius:8px;background:transparent}.palette-strip{height:125px}.palette-caption{padding:12px 4px}.intro{max-width:none;padding:40px 0 28px}h1{font-size:clamp(36px,5vw,64px);letter-spacing:-2px}.pro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.pro-card{min-width:0}.pro-placeholder{height:125px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(90deg,#e7e7e7 0%,#e7e7e7 20%,#ddd 20%,#ddd 40%);border-radius:8px;color:#333;font-size:13px;font-weight:bold}.pro-card h3{font-size:14px;margin:12px 0 6px}.pro-card p{font-size:12px;color:#555}.pro-section{padding:20px 0 60px;border-top:1px solid #ddd}.pro-section>p{color:#555;line-height:1.6}.pro-section h2{margin:28px 0 12px}@media(max-width:1000px){.pro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){main{padding:0 12px}.pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch input[type=color]{height:180px}.pro-placeholder{height:100px}}

/* Masquer le bandeau uniquement dans une iframe. */
html.creaflux-embedded body > header{display:none!important}