*{box-sizing:border-box}body{margin:0;background:#f5f7f9;color:#182932;font-family:Arial,Helvetica,sans-serif;font-size:15px}.prototype{background:#142b35;color:#e6f5fa;text-align:center;padding:9px;font-size:10px;letter-spacing:1.3px}.prototype span{letter-spacing:0;opacity:.75;margin-left:16px}header{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid #e0e6e9}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:25px;font-weight:800;letter-spacing:1px}.brand img{width:60px;height:60px;border-radius:12px}.brand small{display:block;font-size:11px;font-weight:400;letter-spacing:0;margin-top:4px;color:#62737a}.header-note{font-size:12px;color:#62737a}.header-note b{color:#0299c7;margin:0 10px}main{max-width:1200px;margin:auto;padding:0 30px}.intro{padding:45px 0 30px}.eyebrow{color:#0585ae;font-size:10px;font-weight:700;letter-spacing:1.8px}h1{font-size:52px;letter-spacing:-2px;line-height:1.05;margin:17px 0}h1 span{color:#0299c7}.intro p{font-size:16px;line-height:1.7;color:#65757c}#steps{display:flex;gap:7px;margin:4px 0 26px;flex-wrap:wrap}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #05a7da;outline-offset:3px}.step{border:0;background:transparent;padding:10px 16px 10px 0;color:#839198;font-size:12px;display:flex;gap:9px;align-items:center}.step em{font-style:normal;width:25px;height:25px;border-radius:50%;background:#e6ebee;display:grid;place-items:center}.step.active{color:#087c9f;font-weight:bold}.step.active em{background:#049bc8;color:white}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}.panel,.summary{background:white;border:1px solid #e0e7eb;border-radius:18px;padding:27px}h2{font-size:22px;letter-spacing:-.6px;margin:0 0 9px}h3{font-size:16px;margin:0 0 14px}.subtle{color:#6a7c84;font-size:13px;line-height:1.6}.drop{border:1.5px dashed #86c8db;border-radius:13px;background:#f3fbfe;display:flex;align-items:center;flex-direction:column;text-align:center;padding:30px 15px;margin:24px 0 15px}.drop.drag{background:#d5f1fb}.upload-icon{font-size:27px;color:#078db5;margin-bottom:12px}.drop strong{font-size:16px}.drop p{margin:8px 0 18px;color:#71838b;font-size:12px}.primary,.secondary{border:0;border-radius:8px;padding:12px 19px;font-weight:600;font-size:13px}.primary{background:#058fb9;color:white}.primary:hover{background:#067b9f}.secondary{background:#eef3f5;color:#314e5a}.text-btn{background:none;border:0;color:#057d9f;padding:9px 0;font-size:12px;text-decoration:underline}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:25px}.file{margin-top:18px;border:1px solid #dfe7eb;border-radius:12px;overflow:hidden}.file-head{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;background:#fafcfd}.file-name{font-size:13px;font-weight:bold;overflow-wrap:anywhere}.remove{border:0;background:none;color:#788b94;font-size:20px}.file-body{padding:18px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px}.viewer{background:radial-gradient(ellipse,#eff5f8,#e5edf2);border-radius:9px;overflow:hidden;position:relative}.viewer canvas{width:100%;height:175px;touch-action:none;display:block;cursor:grab}.viewer small{font-size:9px;display:block;text-align:center;padding:0 3px 10px;color:#59717e}.dimension{font-size:10px;line-height:1.5;color:#75848c;margin-top:7px;text-align:center}label,.label{display:block;font-size:12px;font-weight:bold;margin:0 0 8px}.materials{display:flex;gap:8px;margin-bottom:17px}.material{border:1px solid #dce5e9;background:white;border-radius:7px;padding:9px 19px;font-size:12px}.material.selected{border-color:#079bc6;background:#edfaff;color:#02799d}.swatches{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0 14px}.swatch{border:2px solid #d7e0e5;width:26px;height:26px;border-radius:50%;position:relative}.swatch.selected{outline:2px solid #019dcc;outline-offset:2px}.check{display:flex;align-items:center;gap:6px;color:#50616a;font-weight:400;line-height:1.4}.qty{display:flex;border:1px solid #dce5e9;border-radius:7px;width:max-content;overflow:hidden}.qty button{background:#f7f9fa;border:0;width:31px;height:32px}.qty input{border:0;width:48px;text-align:center;appearance:textfield;padding:0}textarea,input,select{border:1px solid #dce5e9;border-radius:7px;padding:11px;width:100%;background:white;color:#263e49}textarea{min-height:70px;resize:vertical;font-size:12px}input[type=checkbox]{width:auto;accent-color:#0398c6}.summary .eyebrow{margin-bottom:14px}.summary h2{font-size:20px;margin-bottom:24px}.stat{display:flex;justify-content:space-between;font-size:13px;margin:15px 0;gap:12px}.divider{border-top:1px solid #e6ecef;margin:20px 0}.price{font-size:20px;font-weight:bold;color:#067e9f}.badge{display:inline-block;background:#eaf7fc;color:#027fa4;border-radius:5px;font-size:10px;padding:6px 8px;margin-top:10px}.assurance{display:flex;gap:10px;margin-top:23px;padding-top:20px;border-top:1px solid #e6ecef}.assurance span{color:#079bc6}.assurance p{font-size:11px;line-height:1.7;color:#6f8088;margin:0}.assurance strong{color:#3a515c}.privacy{font-size:11px;line-height:1.6;padding:0 14px;color:#7e8e95}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e0e7eb;margin-top:55px;padding:24px 0;color:#859399;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.wide{grid-column:1/-1}.info{background:#f0f8fb;border-radius:9px;padding:15px;font-size:12px;color:#42616f;line-height:1.65;margin-top:18px}.review-item{padding:15px 0;border-bottom:1px solid #e7ecef;font-size:13px;line-height:1.7}.success{text-align:center;padding:25px 5px}.success-icon{margin:0 auto 20px;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e8f9f6;color:#159b85;font-size:28px}#notice:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#163340;color:white;padding:15px 22px;border-radius:10px;max-width:90vw;z-index:10;font-size:13px}.payment-demo{border:1px solid #dce8ed;border-radius:10px;padding:23px;margin-top:20px}.payment-demo .card-art{font-size:25px;color:#078fb7}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:900px){aside{position:sticky;top:25px}}@media(max-width:820px){.layout{grid-template-columns:1fr}aside{order:2}.intro{padding-top:30px}h1{font-size:43px}.header-note{display:none}.summary{padding:22px}.file-body{grid-template-columns:150px 1fr}}@media(max-width:500px){main{padding:0 16px}header{padding:16px}.prototype{font-size:8px}.prototype span{display:block;margin:4px 0 0}h1{font-size:39px}.intro p{font-size:14px}.panel{padding:19px}.file-body{grid-template-columns:1fr}.viewer canvas{height:190px}.form-grid{grid-template-columns:1fr}.step{font-size:10px;padding-right:4px;gap:5px}.step em{width:22px;height:22px}.actions{flex-wrap:wrap}footer{flex-wrap:wrap}.intro{padding-bottom:18px}}
/* Direction visuelle MS3D : bleu nuit, lumière cyan et surfaces ardoise. */
body{background:#08141f;background-image:radial-gradient(ellipse at 85% 12%,#074d665e,transparent 43%),radial-gradient(ellipse at 5% 56%,#193b6855,transparent 50%),linear-gradient(145deg,#0b1927,#08121c 70%);background-attachment:fixed;color:#edf5fc;min-height:100vh;color-scheme:dark}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#7cbdce06 1px,transparent 1px),linear-gradient(90deg,#7cbdce06 1px,transparent 1px);background-size:64px 64px;z-index:-1}
.prototype{background:#050d16;color:#a9c3d4;border-bottom:1px solid #ffffff0a}header{padding-top:25px;padding-bottom:25px;border-color:#b8deff1a}.brand{gap:23px;font-size:32px}.brand img{width:154px;height:154px;border-radius:20px;box-shadow:0 10px 40px #0005;border:1px solid #8cd9ff30}.brand small{color:#a2bacb;font-size:12px;margin-top:8px;font-weight:400}.made-france{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600;padding:15px 18px;border:1px solid #b4e4ff26;background:#16304588;border-radius:12px}.made-france small{display:block;font-size:11px;color:#a2bacb;font-weight:400;margin-top:6px}.french-flag{display:inline-block;width:33px;height:23px;flex:none;border-radius:3px;background:linear-gradient(90deg,#00338f 0 33.333%,#fff 33.333% 66.666%,#ed2939 66.666%);box-shadow:0 2px 9px #0004}.intro{padding-top:36px;padding-bottom:24px}.eyebrow{color:#55cdef}h1{font-size:55px;letter-spacing:-2px}h1 span{color:#4bcced}.intro p{color:#adc1d0}.step{color:#c0d0dc}.step:disabled{opacity:.55}.step em{background:#203547;color:#b3c9d8}.step.active{color:#69d9f6}.step.active em{background:#38b9dc;color:#07202c;box-shadow:0 0 25px #19b4e530}.panel,.summary{background:linear-gradient(135deg,#182c3cf5,#102230f5);border:1px solid #92cbe52b;box-shadow:0 20px 60px #0003}.summary{border-top:2px solid #34b9df}.subtle{color:#afc1ce}.drop{background:#09253499;border-color:#3483a0}.drop.drag{background:#144258}.upload-icon{color:#5ed7f5}.drop p{color:#a6bdcc}.primary{background:linear-gradient(110deg,#25b6df,#1497c3);color:#041721;box-shadow:0 5px 20px #00a4d326}.primary:hover{background:#67d8f3}.secondary{background:#263e50;color:#e0edf6}.text-btn{color:#69d7f4}.file{border-color:#9bc3dc26}.file-head{background:#ffffff06}.remove{color:#b1c6d3}.viewer{background:radial-gradient(ellipse,#d8e6ee,#8aa5b7)}.viewer small{color:#253d4e}.dimension{color:#a3b8c8}.material{background:#132937;border-color:#789bb34a;color:#d1e1ec}.material.selected{background:#174559;color:#85e5ff;border-color:#38bde1}.check{color:#c0d0dc}.qty{border-color:#7696af4d}.qty button{background:#244052;color:#d9effc}textarea,input,select{background:#0e2130;border-color:#789bb347;color:#e3eff7}.swatch{border-color:#8aa5b7}.swatch.selected{outline-color:#6be4ff}.divider,.assurance{border-color:#92b8d025}.price{color:#6edbfa}.badge{background:#1c4354;color:#88def6}.assurance p{color:#a5bece}.assurance strong{color:#e2eff8}.privacy{color:#97b0c2}footer{border-color:#91c3e121;color:#a2bbcd}.info{background:#12374a;color:#c1e3f0;border:1px solid #59c8ed20}.review-item{border-color:#98bdd323}.payment-demo{border-color:#8cc4df30}.payment-demo .card-art{color:#6edbfa}.success-icon{background:#163e3d;color:#77e6c7}#notice:not(:empty){background:#24465a;border:1px solid #75c9ec55}
@media(max-width:820px){.brand img{width:124px;height:124px}.brand{font-size:27px;gap:16px}.made-france{font-size:12px;padding:12px}.made-france small{font-size:10px}}
@media(max-width:500px){header{gap:15px;align-items:center}.brand img{width:108px;height:108px;border-radius:14px}.brand>span{display:none}.made-france{font-size:11px;padding:11px;gap:8px}.made-france small{max-width:120px;line-height:1.4}.french-flag{width:27px;height:19px}h1{font-size:41px}.intro{padding-top:29px}}