:root{--ink:#16201e;--paper:#f4f1e9;--white:#fff;--muted:#6c746f;--line:#d9dbd2;--forest:#173f3f;--lime:#c9ff4a;--coral:#ff7355;--violet:#6456dc;--shadow:0 24px 70px rgba(17,31,28,.13);font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;gap:38px;border-bottom:1px solid rgba(20,31,29,.12);background:rgba(244,241,233,.94);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:20px}.brand b{font-weight:800}.brand-mark{width:31px;height:31px;position:relative;display:inline-block}.brand-mark i{position:absolute;width:20px;height:27px;border:3px solid var(--ink);border-radius:50% 50% 10% 50%;transform:rotate(45deg);left:1px;top:1px}.brand-mark i+ i{left:11px;transform:rotate(225deg)}nav{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:600}nav a:hover{color:#2e756d}.btn{border:0;border-radius:99px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:700;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-small{padding:11px 17px;font-size:13px}.btn-dark{background:var(--ink);color:white}.btn-accent{background:var(--lime);color:#172018}.btn-ghost{border:1px solid var(--line);background:transparent}.menu-toggle{display:none;margin-left:auto;border:0;background:none;font-size:24px}.hero{min-height:690px;padding:70px clamp(24px,7vw,110px) 90px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px;position:relative}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--coral)}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.05em;margin:0}h1{font-size:clamp(54px,6.2vw,92px);line-height:.95;margin:25px 0}h1 em,h2 em{font-style:normal;color:#34786f}.hero-copy>p{max-width:610px;color:var(--muted);font-size:18px;line-height:1.6}.hero-actions{display:flex;gap:12px;margin-top:32px}.trust-row{display:flex;gap:34px;margin-top:48px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font:800 19px Manrope}.trust-row span{font-size:11px;color:var(--muted)}.hero-visual{height:520px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(23,63,63,.14);border-radius:50%}.orbit-one{width:470px;height:470px}.orbit-two{width:350px;height:350px}.sample-card{position:absolute;width:430px;aspect-ratio:1.586;border-radius:22px;padding:28px;box-shadow:var(--shadow);overflow:hidden}.card-front{background:#fbfaf5;transform:rotate(-4deg) translate(-12px,-8px);z-index:2}.card-front:after{content:"";position:absolute;width:180px;height:180px;border:45px solid var(--lime);border-radius:50%;right:-100px;top:-85px}.card-back{background:#274e4b;color:white;transform:rotate(8deg) translate(42px,40px);z-index:1}.mini-logo{font:800 16px Manrope}.pill{font-size:8px;letter-spacing:.1em;background:var(--lime);padding:5px 8px;border-radius:20px}.sample-top,.sample-person,.sample-foot{display:flex;justify-content:space-between;align-items:center}.sample-person{justify-content:flex-start;gap:20px;margin-top:35px}.avatar{display:grid;place-items:center;background:linear-gradient(145deg,#ffc7b7,#8ed8cf);font:800 24px Manrope}.avatar-hero{width:95px;height:115px;border-radius:47px 47px 16px 16px}.sample-person small,.sample-foot{font-size:8px;letter-spacing:.1em}.sample-person h3{margin:5px 0;font:800 22px Manrope}.sample-person p{font-size:12px;color:var(--muted);margin:0 0 13px}.sample-person b{font-size:10px}.sample-foot{margin-top:26px}.fake-qr,.qr-grid{width:36px;height:36px;background:repeating-conic-gradient(#17201e 0 25%,transparent 0 50%) 0/9px 9px;border:4px solid white;box-shadow:0 0 0 1px #17201e}.magnetic{height:42px;background:#111;margin:35px -28px 25px}.barcode{height:38px;width:165px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 6px,transparent 6px 10px)}.card-back p{font-size:10px;max-width:180px}.floating-note{position:absolute;z-index:5;right:0;bottom:55px;background:white;border-radius:14px;padding:12px 16px;display:flex;gap:10px;box-shadow:var(--shadow)}.floating-note>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--lime)}.floating-note div{display:flex;flex-direction:column}.floating-note b{font-size:12px}.floating-note small{font-size:10px;color:var(--muted)}.client-strip{background:var(--ink);color:white;min-height:76px;display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,60px);font:700 11px Manrope;letter-spacing:.18em;overflow:hidden}.client-strip i{width:4px;height:4px;border-radius:50%;background:var(--lime)}.section{padding:110px clamp(24px,7vw,110px)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:80px;margin-bottom:48px}.section-head h2,.config-heading h2,.tracking-section h2{font-size:clamp(38px,4.5vw,68px);line-height:1.03;margin-top:15px}.section-head>p{max-width:430px;color:var(--muted);line-height:1.6}.kicker{color:#3c786f}.filter-row{display:flex;gap:8px;overflow:auto;margin-bottom:28px}.filter{border:1px solid var(--line);background:transparent;border-radius:99px;padding:10px 16px;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:600}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-item{background:#ebe9e1;border-radius:20px;padding:16px;cursor:pointer}.template-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(20,32,30,.1)}.template-preview{aspect-ratio:1.586;border-radius:14px;padding:18px;overflow:hidden;position:relative}.template-preview h4{font:800 18px Manrope;margin:10px 0}.template-preview .avatar{position:absolute;width:75px;height:92px;right:17px;bottom:17px;border-radius:38px 38px 12px 12px;font-size:16px}.template-preview p{font-size:9px;margin:0}.template-meta{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 2px}.template-meta h3{font:700 15px Manrope;margin:0}.template-meta span{font-size:11px;color:var(--muted)}.config-section{padding:100px clamp(18px,4vw,65px);background:var(--forest);color:white}.config-heading{text-align:center;margin-bottom:48px}.config-heading h2 em{color:var(--lime)}.kicker.light{color:#8ab8b1}.studio{display:grid;grid-template-columns:360px minmax(0,1fr);max-width:1320px;margin:auto;background:#f7f5ef;color:var(--ink);border-radius:28px;overflow:hidden;box-shadow:0 25px 100px rgba(0,0,0,.2)}.controls{padding:26px;border-right:1px solid var(--line)}.control-tabs{display:flex;padding:4px;background:#e8e8e2;border-radius:11px;margin-bottom:24px}.control-tabs button,.side-toggle button{flex:1;border:0;background:transparent;border-radius:8px;padding:9px;font-size:12px;font-weight:700;cursor:pointer}.control-tabs button.active,.side-toggle button.active{background:white;box-shadow:0 2px 10px rgba(0,0,0,.08)}.control-panel{display:none}.control-panel.active{display:block}.controls label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;margin-bottom:15px}.controls input,.controls select,.controls textarea,.tracking-input input,.admin-login input{width:100%;border:1px solid var(--line);background:white;border-radius:10px;padding:11px 12px;margin-top:7px;outline:none}.controls input:focus,.controls textarea:focus{border-color:#3c786f;box-shadow:0 0 0 3px rgba(60,120,111,.1)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upload{border:1px dashed #b9bdb4!important;border-radius:12px;padding:13px;text-align:center;cursor:pointer}.upload input{display:none}.upload span,.upload b,.upload small{display:block}.upload span{font-size:22px}.upload small{color:var(--muted);font-weight:400;margin-top:3px}.color-control{display:flex;gap:8px}.color-control input[type=color]{width:48px;padding:3px;height:42px}.check-row{display:flex!important;align-items:center;gap:9px;letter-spacing:0!important}.check-row input{width:auto!important;margin:0!important}.csv-upload{margin-top:20px!important}.csv-result{font-size:11px;color:#3c786f}.preview-workspace{padding:28px;min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between}.side-toggle{display:flex;background:#e5e5df;padding:4px;border-radius:10px;width:160px}.zoom-label{font-size:11px;color:var(--muted)}.card-stage{min-height:450px;display:grid;place-items:center;perspective:1200px}.live-card{width:min(650px,90%);aspect-ratio:1.586;position:relative;transform-style:preserve-3d;transition:transform .6s;border-radius:26px;box-shadow:0 35px 80px rgba(20,35,30,.19)}.live-card.show-back{transform:rotateY(180deg)}.card-side{position:absolute;inset:0;border-radius:26px;backface-visibility:hidden;overflow:hidden;padding:38px;background:white}.back-side{transform:rotateY(180deg);background:var(--primary,#173f3f);color:white;display:flex;flex-direction:column}.shape-a,.shape-b{position:absolute;border-radius:50%;background:var(--accent,#c9ff4a)}.shape-a{width:240px;height:240px;right:-120px;top:-140px}.shape-b{width:85px;height:85px;left:-42px;bottom:-42px}.live-header{display:flex;align-items:center;gap:12px;position:relative}.live-header>b{margin-left:auto;font-size:10px;background:var(--accent,#c9ff4a);padding:7px 11px;border-radius:20px}.live-logo,.back-logo{width:40px;height:40px;border-radius:11px;background:var(--primary,#173f3f);color:white;display:grid;place-items:center;font:800 13px Manrope;overflow:hidden}.live-logo img,.back-logo img{width:100%;height:100%;object-fit:contain}.live-header>span{font:800 14px Manrope}.live-content{display:flex;align-items:center;gap:30px;margin-top:43px;position:relative}.live-photo{width:145px;height:170px;flex:0 0 auto;border-radius:70px 70px 18px 18px;background:linear-gradient(145deg,#ffc7b7,#8ed8cf);display:grid;place-items:center;font:800 35px Manrope;background-size:cover;background-position:center}.live-info small{font-size:9px;letter-spacing:.14em;color:var(--muted)}.live-info h3{font:800 clamp(24px,3vw,38px) Manrope;margin:6px 0}.live-info p{margin:0;color:var(--muted)}.id-row{display:flex;gap:24px;margin-top:27px;font-size:9px;letter-spacing:.08em}.live-footer{position:absolute;left:38px;right:38px;bottom:28px;display:flex;align-items:end;justify-content:space-between;font-size:9px}.back-logo{background:white;color:var(--primary);width:55px;height:55px}.back-side>p{max-width:320px;line-height:1.5;margin-top:28px}.back-side .magnetic{margin:20px -38px}.barcode.large{background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 6px,transparent 6px 10px);width:230px}.back-side small{margin-top:auto}.order-bar{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding-top:20px}.quantity{display:flex;align-items:center;border:1px solid var(--line);border-radius:12px}.quantity button{border:0;background:none;padding:12px;cursor:pointer}.quantity div{text-align:center;min-width:70px}.quantity small,.price small{display:block;font-size:8px;color:var(--muted);letter-spacing:.1em}.quantity strong{font:800 18px Manrope}.price strong{font:800 22px Manrope;display:block}.price span{font-size:10px;color:var(--muted)}.order-bar>.btn{margin-left:auto}.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{padding:28px;min-height:240px;border-right:1px solid var(--line);position:relative}.steps article:last-child{border:0}.steps article>span{font-size:10px;color:var(--muted)}.step-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e4f6cc;margin:25px 0}.steps h3{font:700 18px Manrope}.steps p{font-size:13px;color:var(--muted);line-height:1.6}.tracking-section{background:var(--coral);padding:90px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.tracking-section>div>p{max-width:550px;line-height:1.6}.tracking-card{background:white;border-radius:20px;padding:28px;box-shadow:var(--shadow)}.tracking-card label{font-size:11px;font-weight:700}.tracking-input{display:flex;gap:8px}.tracking-input button{border:0;border-radius:10px;background:var(--ink);color:white;padding:0 18px;font-weight:700;margin-top:7px}.timeline{margin-top:25px}.timeline-item{padding:10px 0 10px 22px;border-left:2px solid var(--line);font-size:12px;position:relative}.timeline-item:before{content:"";position:absolute;left:-6px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--lime);border:2px solid white}.admin-section{background:#ebe9e1}.admin-login{display:flex;gap:10px;max-width:520px}.admin-login input{margin:0}.admin-board{margin-top:25px;overflow:auto}.admin-table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}.admin-table th,.admin-table td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:12px}.admin-table select{padding:7px;border:1px solid var(--line);border-radius:8px}footer{background:var(--ink);color:white;padding:60px clamp(24px,7vw,110px) 30px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start}footer p{color:#9da7a3;margin:0}footer>div{display:flex;gap:16px}footer small{grid-column:1/-1;border-top:1px solid #33403d;padding-top:25px;color:#74807c}dialog{width:min(760px,92vw);border:0;border-radius:24px;padding:32px;box-shadow:0 40px 120px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(15,22,20,.7);backdrop-filter:blur(5px)}dialog h2{font-size:34px;margin:12px 0}.dialog-close{position:absolute;right:20px;top:18px;border:0;background:none;font-size:26px}.bat-preview{margin:25px 0;padding:20px;background:#e9e8e2;border-radius:16px;overflow:auto}.bat-preview .live-card{width:500px;max-width:100%;margin:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;padding:14px 18px;border-radius:12px;opacity:0;transform:translateY(20px);pointer-events:none;z-index:100;box-shadow:var(--shadow)}#toast.show{opacity:1;transform:none}
@media(max-width:1000px){nav,.topbar>.btn{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:480px}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.template-grid{grid-template-columns:repeat(2,1fr)}.studio{grid-template-columns:310px 1fr}.live-card{width:95%}.tracking-section{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:repeat(2,1fr)}.steps article:nth-child(2){border-right:0}.steps article:nth-child(-n+2){border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr}footer p{grid-column:1/-1}}
@media(max-width:720px){.topbar{height:66px}.hero{padding:50px 20px}.hero-actions,.trust-row{flex-direction:column;align-items:stretch}.hero-visual{height:360px}.sample-card{width:310px;border-radius:17px;padding:20px}.card-front{transform:rotate(-4deg) translate(-6px)}.avatar-hero{width:70px;height:85px}.sample-person{margin-top:22px}.sample-person h3{font-size:16px}.card-back{transform:rotate(7deg) translate(26px,28px)}.floating-note{right:5px;bottom:5px}.client-strip{justify-content:flex-start;padding:0 20px}.section,.config-section{padding:70px 18px}.template-grid{grid-template-columns:1fr}.studio{display:block}.controls{border:0;border-bottom:1px solid var(--line)}.preview-workspace{padding:18px 10px}.zoom-label{display:none}.card-stage{min-height:310px}.card-side{padding:22px}.live-content{gap:15px;margin-top:25px}.live-photo{width:90px;height:110px}.live-info h3{font-size:20px}.id-row{gap:8px;flex-direction:column;margin-top:14px}.live-footer{left:22px;right:22px;bottom:18px}.back-side .magnetic{margin:15px -22px}.order-bar{flex-wrap:wrap}.order-bar>.btn{width:100%;margin:0}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)!important}.tracking-section{padding:65px 20px}.admin-login{flex-direction:column}footer{grid-template-columns:1fr}footer>div{flex-wrap:wrap}}
.qr-grid{background:#fff!important;border:3px solid #fff!important;box-shadow:0 0 0 1px #17201e!important}
.qr-grid img,.barcode img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.barcode.large{
  background:#fff!important;padding:6px 8px 4px;height:auto;min-height:58px;
  display:flex;flex-direction:column;gap:3px;align-items:stretch;box-sizing:border-box;
}
.barcode.large>img{height:36px;width:100%;object-fit:fill!important;flex:0 0 auto}
.barcode-caption{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1}
.barcode-caption small{font:800 7px/1 Manrope,sans-serif;letter-spacing:.08em;color:#5a6160;text-transform:uppercase}
.barcode-caption b{font:800 11px/1.1 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#111;font-variant-numeric:tabular-nums}

.hero{overflow:hidden}
.studio-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.studio-design{border:2px solid transparent;border-radius:11px;padding:7px;background:#fff;cursor:pointer;text-align:left}
.studio-design.active{border-color:var(--forest);box-shadow:0 0 0 2px rgba(23,63,63,.12)}
.studio-design i{display:block;height:42px;border-radius:7px;margin-bottom:5px;position:relative;overflow:hidden}
.studio-design i:after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;right:-10px;top:-10px;background:var(--swatch)}
.studio-design span{font-size:9px;font-weight:800}
.customer-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.customer-form label{font-size:11px;font-weight:700}
.customer-form input,.customer-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;margin-top:6px}
.customer-form .wide{grid-column:1/-1}.pickup-note{background:#eff5e7;border-radius:10px;padding:12px;font-size:12px}
html[data-page="home"] .config-section,html[data-page="home"] .admin-section{display:none}
html[data-page="studio"] .hero,html[data-page="studio"] .client-strip,html[data-page="studio"] #catalogue,html[data-page="studio"] .process,html[data-page="studio"] .tracking-section,html[data-page="studio"] .admin-section{display:none}
html[data-page="studio"] .config-section{min-height:calc(100vh - 78px)}
html[data-page="admin"] .hero,html[data-page="admin"] .client-strip,html[data-page="admin"] #catalogue,html[data-page="admin"] .config-section,html[data-page="admin"] .process,html[data-page="admin"] .tracking-section,html[data-page="admin"] .student-focus,html[data-page="admin"] .student-faq,html[data-page="admin"] .pool-section,html[data-page="admin"] .easy-order,html[data-page="admin"] #commande-facile,html[data-page="admin"] > body > footer,html[data-page="admin"] body > footer{display:none!important}
html[data-page="admin"],html[data-page="admin"] body{height:100%;overflow:hidden;background:#dfe2d8}
html[data-page="admin"] main{padding:0!important;margin:0!important;max-width:none!important;min-height:100vh;min-height:100dvh}
html[data-page="admin"] .admin-section{padding:0!important;margin:0!important;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;background:#dfe2d8}
html[data-page="admin"] .admin-collection-head{display:none!important}
html[data-page="admin"]:not(.admin-authenticated) .admin-section{display:grid;place-items:center;padding:24px!important}
html[data-page="admin"] #adminWorkspace{height:100%}
html[data-page="admin"].admin-authenticated .admin-shell{max-width:none!important;margin:0!important;height:100vh;height:100dvh;grid-template-columns:248px minmax(0,1fr)!important;gap:0!important;align-items:stretch!important}
html[data-page="admin"].admin-authenticated .admin-sidebar{position:relative!important;top:0!important;min-height:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important;padding:16px 12px!important}
html[data-page="admin"].admin-authenticated .admin-main{border-radius:0!important;border:0!important;border-left:1px solid #d0d4cb!important;min-height:100%!important;height:100%!important;overflow:auto!important;padding:18px 22px 28px!important;box-shadow:none!important;background:#f4f5f0!important}
html[data-page="admin"] .admin-action-bar{display:none!important}
html[data-page="admin"] .admin-main .admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
html[data-page="admin"] .admin-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
html[data-page="admin"] .admin-head-actions button{border:0;border-radius:10px;background:#edf0e9;color:var(--ink);padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer}
html[data-page="admin"] .admin-head-actions button:hover{background:#e2e7dd}
@media(max-width:1050px){html[data-page="admin"].admin-authenticated .admin-shell{grid-template-columns:82px minmax(0,1fr)!important}}
@media(max-width:720px){html[data-page="admin"],html[data-page="admin"] body{overflow:auto;height:auto}html[data-page="admin"] .admin-section{height:auto;min-height:100dvh}html[data-page="admin"].admin-authenticated .admin-shell{display:block!important;height:auto!important}html[data-page="admin"].admin-authenticated .admin-sidebar{position:sticky!important;top:0!important;z-index:40;min-height:0!important;height:auto!important;border-radius:0!important;padding:8px!important}html[data-page="admin"].admin-authenticated .admin-main{height:auto!important;overflow:visible!important;border-left:0!important;padding:14px 12px 28px!important}}
@media(max-width:720px){.customer-form{grid-template-columns:1fr}.customer-form .wide{grid-column:auto}.studio-designs{grid-template-columns:repeat(2,1fr)}}
.remove-bg{width:100%;border:1px solid #b9bdb4;background:#fff;border-radius:10px;padding:11px;font-weight:750;cursor:pointer;margin-top:10px}
.remove-bg:disabled{opacity:.45;cursor:not-allowed}.privacy-note{display:block;color:var(--muted);font-size:9px;line-height:1.45;margin-top:7px}
.student-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:16px;font-size:8px;letter-spacing:.08em;color:var(--muted)}
.student-meta b{display:block;color:var(--ink);font-size:10px;margin-top:3px}
.institutional-signature{display:flex;align-items:center;gap:7px;line-height:1.05;font-size:7px}
.institutional-signature i{display:block;width:25px;height:15px;border-radius:2px;background:linear-gradient(90deg,#223ea6 0 33%,#fff 33% 66%,#ed2939 66%);box-shadow:0 0 0 1px #ddd}
.institutional-signature .institution-mark{display:block;width:44px;height:34px;object-fit:contain;object-position:center;flex:0 0 auto}
.institutional-signature .country-flag{display:block;width:25px;height:16px;object-fit:cover;object-position:center;border:1px solid rgba(18,31,29,.18);border-radius:2px;background:#fff;flex:0 0 auto}
.institutional-signature small{font-size:5px;letter-spacing:.08em;color:#777}
.asset-link{display:inline-flex;padding:5px 8px;border-radius:7px;background:#eef4e4;font-size:10px;font-weight:700;margin:2px}
.live-card[data-template="waves"] .front-side{background:linear-gradient(145deg,#fff 0 72%,#edf7f5 72%)}
.live-card[data-template="waves"] .front-side:before{content:"";position:absolute;width:310px;height:520px;border:18px solid var(--primary);border-radius:50%;left:-245px;top:-75px;transform:rotate(-10deg)}
.live-card[data-template="waves"] .live-photo{border-radius:50%;box-shadow:0 0 0 6px white}
.live-card[data-template="prestige"] .front-side{background:linear-gradient(104deg,var(--primary) 0 32%,var(--accent) 32% 35%,white 35%)}
.live-card[data-template="prestige"] .live-photo{border-radius:50%;box-shadow:0 0 0 8px var(--accent),0 0 0 11px white}
.live-card[data-template="prestige"] .live-logo{background:var(--accent);color:var(--primary)}
.live-card[data-template="prestige"] .live-header>span{color:#fff;max-width:112px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.live-card[data-template="prestige"] .live-header>b{color:var(--primary);background:var(--accent)}
.live-card[data-template="signal"] .front-side{background:linear-gradient(160deg,#fff 0 72%,#f4f0ee 72%)}
.live-card[data-template="signal"] .live-info h3,.live-card[data-template="signal"] .live-header>b{color:var(--primary)}
.live-card[data-template="signal"] .live-photo{border-radius:16px 52px 16px 16px;box-shadow:8px 8px 0 var(--accent)}
.live-card[data-template="club"] .front-side{background:linear-gradient(112deg,#eef4ef,#fff 48%)}
.live-card[data-template="club"] .live-photo{border-radius:50%;border:5px solid var(--accent)}
.live-card[data-template="club"] .live-header>b{background:var(--primary);color:#fff}
.live-card[data-template="night"] .front-side{background:linear-gradient(145deg,#171b24,#242938);color:#fff}
.live-card[data-template="night"] .live-header>span,.live-card[data-template="night"] .live-info h3,.live-card[data-template="night"] .student-meta b,.live-card[data-template="night"] .id-row b{color:#fff}
.live-card[data-template="night"] .live-info>small,.live-card[data-template="night"] .live-info p,.live-card[data-template="night"] .student-meta,.live-card[data-template="night"] .id-row{color:#b9c1ca}
.live-card[data-template="night"] .live-photo{border:2px solid var(--accent);box-shadow:0 0 30px rgba(100,86,220,.26)}
.live-card[data-template="night"] .live-footer{color:#fff}.live-card[data-template="night"] .institutional-signature small,.live-card[data-template="night"] .institutional-signature>b>span:first-child{color:#b9c1ca}
.live-card[data-template="campus"] .front-side{background:linear-gradient(180deg,#edf6f3 0 18%,#fff 18%)}
.live-card[data-template="campus"] .live-header>b{background:var(--primary);color:#fff}.live-card[data-template="campus"] .live-content{margin-top:40px}
.live-card[data-template="atelier"] .front-side:before{content:"";position:absolute;right:-105px;top:-125px;width:315px;height:315px;background:linear-gradient(135deg,var(--accent),var(--primary));transform:rotate(22deg);border-radius:42px}
.live-card[data-template="atelier"] .live-header>b{color:#fff;z-index:2}.live-card[data-template="atelier"] .live-photo{border-radius:12px;box-shadow:-8px 8px 0 var(--accent)}
.live-card[data-variant="student-france"] .front-side{background:linear-gradient(145deg,#fff 0 76%,#eef8fb 76%)}.live-card[data-variant="student-france"] .front-side:before{content:"";position:absolute;right:-82px;bottom:-202px;width:360px;height:360px;background:linear-gradient(135deg,transparent 0 49.75%,var(--accent) 50.25%,var(--primary) 100%)}.live-card[data-variant="student-france"] .live-content{flex-direction:row-reverse;justify-content:space-between}.live-card[data-variant="student-france"] .live-photo{border-radius:18px;box-shadow:0 0 0 5px #fff}.live-card[data-variant="student-france"] .live-info{max-width:58%}.live-card[data-variant="student-france"] .live-footer{z-index:4;align-items:center}.live-card[data-variant="student-france"] .institutional-signature{max-width:220px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 5px 16px rgba(18,31,29,.1)}.live-card[data-variant="student-france"] .qr-grid{margin-right:3px}
.live-card[data-variant="student-london"] .front-side{background:linear-gradient(180deg,var(--primary) 0 18%,#fff 18% 92%,var(--accent) 92%)}.live-card[data-variant="student-london"] .live-header>span{color:#fff}.live-card[data-variant="student-london"] .live-header>b{background:var(--accent);color:#fff}.live-card[data-variant="student-london"] .live-content{margin-top:40px}.live-card[data-variant="student-london"] .live-photo{border-radius:15px;border:4px solid var(--primary)}
.live-card[data-variant="student-italy"] .front-side{background:linear-gradient(90deg,#edf5f0 0 11%,#fff 11% 89%,#f8eeee 89%)}.live-card[data-variant="student-italy"] .live-header>b{color:var(--primary);border-bottom:3px solid var(--accent)}.live-card[data-variant="student-italy"] .live-photo{border-radius:50%;box-shadow:0 0 0 5px #fff,0 0 0 8px var(--primary)}
.live-card[data-template="geometry"] .front-side:before{content:"";position:absolute;right:-80px;bottom:-170px;width:390px;height:390px;background:linear-gradient(135deg,transparent 0 49.75%,var(--accent) 50.25%,var(--primary) 100%)}
.live-card[data-template="geometry"] .live-content{flex-direction:row-reverse;justify-content:space-between}
.live-card[data-template="geometry"] .live-photo{border-radius:16px;box-shadow:0 0 0 7px white}
.live-card[data-template="geometry"] .live-info{max-width:58%}
.live-card[data-template="ribbon"] .front-side{background:linear-gradient(180deg,var(--primary) 0 22%,white 22%)}
.live-card[data-template="ribbon"] .live-header>span{color:white}.live-card[data-template="ribbon"] .live-header>b{background:var(--accent)}
.live-card[data-template="ribbon"] .live-content{margin-top:62px}.live-card[data-template="ribbon"] .live-photo{border:4px solid var(--primary);border-radius:22px}
.live-card[data-template="editorial"] .front-side{background:linear-gradient(90deg,#fbf0eb 0 15%,white 15%)}
.live-card[data-template="editorial"] .live-photo{border-radius:0;box-shadow:-9px 0 0 var(--accent)}
.live-card[data-template="editorial"] .live-info h3{color:var(--accent)}
.template-item[data-template="waves"] .template-preview{background:radial-gradient(ellipse at -10% 50%,transparent 0 30%,#4b9f9d 31% 37%,transparent 38%),#f9fbfa!important}
.template-item[data-template="prestige"] .template-preview{background:linear-gradient(105deg,#172943 0 24%,#e8c76a 24% 28%,#fff 28%)!important}
.template-item[data-template="geometry"] .template-preview:after{content:"";position:absolute;right:-45px;bottom:-75px;width:180px;height:180px;background:linear-gradient(135deg,#20a9dc,#29338f);clip-path:polygon(100% 0,100% 100%,0 100%)}
.template-item[data-template="ribbon"] .template-preview{background:linear-gradient(180deg,#245e5c 0 25%,#fff 25%)!important}
.template-item[data-template="editorial"] .template-preview{background:linear-gradient(90deg,#e8edcb 0 16%,#fff 16%)!important}
@media(max-width:720px){.student-meta{display:none}.live-card[data-template="ribbon"] .live-content{margin-top:35px}.live-card[data-template="geometry"] .live-info{max-width:62%}}
.wizard-progress{height:5px;background:#e4e5de;border-radius:99px;overflow:hidden;margin-bottom:12px}.wizard-progress span{display:block;height:100%;width:33.333%;background:var(--forest);border-radius:inherit;transition:width .25s}
.control-tabs button{display:flex;align-items:center;justify-content:center;gap:6px}.control-tabs button i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#d9ddd4;font-size:9px}.control-tabs button.active i{background:var(--lime)}
.wizard-nav{display:flex;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.wizard-nav button{flex:1;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff;font-weight:750;cursor:pointer}.wizard-nav button:last-child{background:var(--ink);color:#fff}.wizard-nav button:disabled{opacity:.35}
.draft-status{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:10px}
.export-actions{display:flex;gap:6px;margin-left:auto}.export-actions button{border:1px solid var(--line);background:white;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.export-actions button:disabled{opacity:.5}
.export-card{position:fixed!important;left:-10000px!important;top:0!important;width:650px!important;height:410px!important;max-width:none!important;aspect-ratio:auto!important;zoom:1!important;transform:none!important;transition:none!important;box-shadow:none!important;z-index:-1!important;overflow:hidden!important;border-radius:26px!important;background:#fff!important}
.export-card>.card-side,.export-card .card-side{position:absolute!important;inset:0!important;width:650px!important;height:410px!important;transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;overflow:hidden!important}
.export-card .selected-layer,.export-card.layout-editing .editable-layer{outline:none!important;box-shadow:none!important}
.export-card .live-photo{overflow:hidden!important}
.export-card .live-photo .portrait-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important}
.export-card .qr-grid svg,.export-card .qr-grid img{width:100%!important;height:100%!important;display:block!important}
.export-card *{animation:none!important;transition:none!important}
@media(max-width:720px){
  .config-heading{margin-bottom:24px}.config-heading h2{font-size:34px}
  .controls{padding:18px}.control-tabs{position:sticky;top:66px;z-index:20}.control-tabs button{min-height:44px;font-size:11px}
  .controls input,.controls select,.controls textarea{min-height:46px;font-size:16px}
  .upload{min-height:92px;display:grid;place-content:center}.remove-bg{min-height:46px}
  .wizard-nav{position:sticky;bottom:0;z-index:25;background:#f7f5ef;padding:12px 0 4px;margin-left:-2px;margin-right:-2px}
  .wizard-nav button{min-height:48px}.preview-toolbar{flex-wrap:wrap;gap:10px}.export-actions{order:3;width:100%;margin:0}.export-actions button{flex:1;min-height:42px}
  .side-toggle{width:100%;max-width:190px}.card-stage{min-height:285px}.live-card{width:100%}
  .order-bar{position:sticky;bottom:0;background:#f7f5ef;z-index:20;padding:14px 6px 6px;margin:0 -6px}.quantity button{min-width:46px;min-height:46px}
}
[hidden]{display:none!important}.privacy-disclosure{font-size:10px!important;color:var(--muted);line-height:1.5;margin:10px 0}
.admin-login-card{width:min(420px,100%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;gap:14px;box-shadow:0 20px 60px rgba(20,32,30,.08)}
.admin-login-brand{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:4px}
.admin-login-brand .mark{width:42px;height:42px;border-radius:12px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font:900 12px Manrope}
.admin-login-brand b,.admin-login-brand small{display:block}.admin-login-brand b{font:800 14px Manrope}.admin-login-brand small{font-size:10px;color:var(--muted);margin-top:2px;letter-spacing:.04em}
.admin-login-card h3{margin:0;font:800 22px Manrope}.admin-login-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.admin-lock{width:42px;height:42px;border-radius:12px;background:var(--lime);display:grid;place-items:center;font-size:24px}
.admin-login{display:grid;grid-template-columns:1fr;gap:10px;margin-top:4px}.admin-login input{min-height:48px;width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fafaf7}.admin-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--ink);color:#fff;border-radius:16px;margin-bottom:18px}.admin-head div{display:flex;flex-direction:column}.admin-head small{font-size:8px;letter-spacing:.15em;color:#9ca9a5}
.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.admin-stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px}.admin-stat small{font-size:8px;letter-spacing:.1em;color:var(--muted)}.admin-stat strong{display:block;font:800 24px Manrope;margin-top:8px}.admin-stat span{font-size:9px;color:var(--muted)}
.admin-tools{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:18px 0}.admin-view-tabs{display:flex;background:#dddcd5;padding:4px;border-radius:11px}.admin-view-tabs button{border:0;background:transparent;padding:9px 16px;border-radius:8px;font-weight:750;cursor:pointer}.admin-view-tabs button.active{background:#fff}.admin-tools input{width:min(420px,50%);border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff}
.admin-table button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-weight:700;cursor:pointer}.admin-table .contact-cell a{display:inline-flex;margin:2px 0;color:#256b64;font-weight:650}
.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.client-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.client-card h3{margin:0 0 5px;font:800 17px Manrope}.client-card p{font-size:11px;color:var(--muted);margin:4px 0}.client-card .client-totals{display:flex;gap:20px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.client-card .client-totals b{display:block}.client-card .client-totals small{font-size:8px;color:var(--muted)}
.admin-detail-dialog{width:min(1100px,94vw);max-height:92vh;overflow:auto}.admin-detail-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:27px}.detail-head{display:flex;justify-content:space-between;gap:20px;padding-right:35px}.detail-head h2{margin:5px 0}.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:20px}.detail-panel{background:#f2f1eb;border-radius:16px;padding:18px}.detail-panel h3{font:800 15px Manrope;margin:0 0 14px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-meta div{background:#fff;border-radius:10px;padding:10px}.detail-meta small{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}.contact-actions{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.contact-actions a{border-radius:9px;background:var(--ink);color:#fff;padding:9px 12px;font-size:10px;font-weight:700}.contact-actions a.whatsapp{background:#228b5a}
.admin-production-card{width:min(570px,100%);margin:12px auto 20px}.detail-downloads{display:flex;gap:8px;flex-wrap:wrap}.detail-downloads button,.detail-downloads a{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:750;cursor:pointer}.technical-meta{font-family:ui-monospace,Consolas,monospace;font-size:9px;word-break:break-all;color:#59635f}
@media(max-width:1000px){.admin-stats{grid-template-columns:repeat(3,1fr)}.client-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}
@media(max-width:720px){.admin-login-card{padding:22px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-tools{align-items:stretch;flex-direction:column}.admin-tools input{width:100%;min-height:46px}.client-grid{grid-template-columns:1fr}.admin-head{position:sticky;top:66px;z-index:30}.detail-meta{grid-template-columns:1fr}.admin-detail-dialog{padding:20px}.admin-table{min-width:900px}}

/* Studio guid? : design d?abord, personnalisation compl?te */
.panel-intro{padding:0 2px 14px}.panel-intro b,.panel-intro small{display:block}.panel-intro b{font:800 16px Manrope}.panel-intro small{color:var(--muted);font-size:10px;line-height:1.45;margin-top:4px}
.selected-design-preview{display:grid;grid-template-columns:1fr;gap:9px;align-items:stretch;margin-bottom:13px;padding:9px;border:1px solid var(--line);border-radius:15px;background:#fff}
.selected-design-card{position:relative;overflow:hidden;width:100%;aspect-ratio:1.586;border-radius:11px;padding:14px;background:var(--preview-bg);color:var(--preview-primary);box-shadow:0 9px 20px rgba(24,34,31,.1)}
.selected-design-card:after{content:"";position:absolute;right:-35px;bottom:-55px;width:135px;height:135px;border:24px solid var(--preview-accent);border-radius:50%}
.preview-brand{display:flex;align-items:center;gap:7px;position:relative;z-index:2}.preview-brand span{width:23px;height:23px;border-radius:7px;background:var(--preview-primary);color:#fff;display:grid;place-items:center;font:800 6px Manrope}.preview-brand b{font:800 6px/1.05 Manrope;max-width:64px;overflow-wrap:anywhere}
.selected-design-card>strong{position:absolute;left:14px;top:51px;font:800 13px/1 Manrope;max-width:105px;z-index:2}.preview-person{position:absolute;right:13px;bottom:12px;display:flex;align-items:end;gap:7px;z-index:2}.preview-person>i{width:35px;height:43px;border-radius:18px 18px 6px 6px;background:linear-gradient(145deg,var(--preview-accent),var(--preview-primary));color:#fff;display:grid;place-items:center;font:800 7px Manrope}.preview-person div{display:flex;flex-direction:column}.preview-person small{font-size:4px}.preview-person b{font:800 6px Manrope}.preview-person em{font-size:5px;font-style:normal}
.selected-design-info{padding:3px 3px 2px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.selected-design-info>small{font-size:7px;letter-spacing:.12em;color:#38786f;font-weight:800}.selected-design-info h3{font:800 14px Manrope;margin:0}.selected-design-info p{grid-column:1/-1;font-size:8px;line-height:1.45;color:var(--muted);margin:5px 0 7px}.selected-design-info>div{grid-column:1/-1;display:flex;align-items:center;gap:5px}.selected-design-info i{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.selected-design-info span{font-size:7px;color:var(--muted)}
.selected-design-card[data-preview-template="prestige"]{background:linear-gradient(105deg,var(--preview-primary) 0 45%,var(--preview-accent) 45% 49%,#fff 49%)}.selected-design-card[data-preview-template="prestige"] .preview-brand b{color:#fff}.selected-design-card[data-preview-template="prestige"]>strong{left:52%;color:var(--preview-primary);max-width:120px}.selected-design-card[data-preview-template="prestige"]:after{display:none}
.selected-design-card[data-preview-template="signal"]{background:linear-gradient(155deg,#fff 0 70%,color-mix(in srgb,var(--preview-accent) 35%,white) 70%)}.selected-design-card[data-preview-template="signal"] .preview-person>i{border-radius:7px 20px 7px 7px}
.selected-design-card[data-preview-template="club"]{background:linear-gradient(112deg,color-mix(in srgb,var(--preview-accent) 20%,white),#fff 48%)}.selected-design-card[data-preview-template="club"] .preview-person>i{border-radius:50%}
.selected-design-card[data-preview-template="night"]{background:linear-gradient(145deg,#171b24,#242938);color:#fff}.selected-design-card[data-preview-template="night"] .preview-brand b,.selected-design-card[data-preview-template="night"] .preview-person small{color:#d9dce3}
.selected-design-card[data-preview-template="campus"]{background:linear-gradient(180deg,color-mix(in srgb,var(--preview-accent) 30%,white) 0 24%,#fff 24%)}
.selected-design-card[data-preview-template="atelier"]:after{border:0;border-radius:24px;background:linear-gradient(145deg,var(--preview-accent),var(--preview-primary));transform:rotate(25deg);right:-52px;top:-55px}
.selected-design-card[data-preview-template="waves"]{background:radial-gradient(ellipse at -10% 50%,transparent 0 30%,var(--preview-primary) 31% 37%,transparent 38%),#fff}
.selected-design-card[data-preview-template="geometry"]:after{border:0;border-radius:0;background:linear-gradient(145deg,var(--preview-accent),var(--preview-primary));clip-path:polygon(100% 0,100% 100%,0 100%)}
.selected-design-card[data-preview-template="ribbon"]{background:linear-gradient(180deg,var(--preview-primary) 0 25%,#fff 25%)}.selected-design-card[data-preview-template="ribbon"] .preview-brand b{color:#fff}
.selected-design-card[data-preview-template="editorial"]{background:linear-gradient(90deg,color-mix(in srgb,var(--preview-accent) 18%,white) 0 16%,#fff 16%)}
.selected-design-card[data-preview-template="student-france"]{background:linear-gradient(145deg,#fff 0 73%,var(--preview-accent) 73% 82%,var(--preview-primary) 82%)}.selected-design-card[data-preview-template="student-london"]{background:linear-gradient(180deg,var(--preview-primary) 0 22%,#fff 22% 90%,var(--preview-accent) 90%)}.selected-design-card[data-preview-template="student-london"] .preview-brand b{color:#fff}.selected-design-card[data-preview-template="student-italy"]{background:linear-gradient(90deg,color-mix(in srgb,var(--preview-primary) 22%,white) 0 13%,#fff 13% 87%,color-mix(in srgb,var(--preview-accent) 22%,white) 87%)}
.design-filter-row{display:flex;gap:6px;overflow:auto;padding:1px 0 9px;scrollbar-width:none}.design-filter-row button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer}.design-filter-row button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.student-country-presets{margin:0 0 10px;padding:10px;border-radius:13px;background:#eef2ec;border:1px solid #dce3d8}.student-country-presets>small{font-size:7px;font-weight:900;letter-spacing:.11em;color:#4d7068}.student-country-presets>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.student-country-presets button{min-width:0;display:flex;align-items:center;gap:5px;border:1px solid #d6ddd2;background:#fff;border-radius:9px;padding:7px 5px;text-align:left;cursor:pointer}.student-country-presets button:hover,.student-country-presets button.active{border-color:var(--forest);box-shadow:0 0 0 1px var(--forest)}.student-country-presets button>i{font-style:normal;font-size:15px}.student-country-presets button span{min-width:0}.student-country-presets button b,.student-country-presets button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-country-presets button b{font-size:8px}.student-country-presets button small{font-size:6px;color:var(--muted);margin-top:2px}
.studio-designs{grid-template-columns:1fr;max-height:350px;overflow:auto;padding:2px 5px 2px 2px;scrollbar-width:thin}
.studio-design{display:grid;grid-template-columns:112px 1fr 20px;align-items:center;gap:10px;min-height:80px;padding:7px;border-color:var(--line);position:relative}
.studio-design:hover{border-color:#8da29d;transform:translateY(-1px)}
.studio-design.active{border-color:var(--forest);background:#eef4ef}
.studio-design .studio-design-preview{display:block;height:66px;aspect-ratio:1.586;border-radius:8px;position:relative;overflow:hidden;padding:8px;color:var(--swatch-primary)}
.studio-design .studio-design-preview:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;right:-24px;top:-23px;background:var(--swatch)}
.studio-design .studio-design-preview>i{display:grid;width:28px;height:34px;border-radius:14px 14px 5px 5px;background:linear-gradient(145deg,var(--swatch),var(--swatch-primary));color:#fff;place-items:center;font:800 7px Manrope;position:absolute;right:8px;bottom:7px;margin:0}
.studio-design .studio-design-preview>i:after{content:none}
.studio-design .studio-design-preview>b{display:block;font:800 8px/1.05 Manrope;letter-spacing:-.03em;max-width:55px}.studio-design .studio-design-preview>small{position:absolute;left:8px;bottom:8px;font-size:6px}
.studio-design[data-studio-template="organic"] .studio-design-preview{background:radial-gradient(circle at -5% 110%,transparent 0 34%,var(--swatch) 35% 46%,transparent 47%),#f9f8f2!important}
.studio-design[data-studio-template="signal"] .studio-design-preview{background:linear-gradient(155deg,#fff 0 68%,color-mix(in srgb,var(--swatch) 38%,white) 68%)!important}
.studio-design[data-studio-template="club"] .studio-design-preview{background:linear-gradient(112deg,color-mix(in srgb,var(--swatch) 25%,white),#fff 50%)!important}
.studio-design[data-studio-template="night"] .studio-design-preview{background:linear-gradient(145deg,#171b24,#292e3f)!important;color:#fff!important}
.studio-design[data-studio-template="campus"] .studio-design-preview{background:linear-gradient(180deg,color-mix(in srgb,var(--swatch) 35%,white) 0 25%,#fff 25%)!important}
.studio-design[data-studio-template="atelier"] .studio-design-preview{background:linear-gradient(145deg,#f2eee6 0 72%,var(--swatch) 72%)!important}
.studio-design[data-studio-template="waves"] .studio-design-preview{background:radial-gradient(ellipse at -10% 50%,transparent 0 30%,var(--swatch-primary) 31% 37%,transparent 38%),#fff!important}
.studio-design[data-studio-template="prestige"] .studio-design-preview{background:linear-gradient(105deg,var(--swatch-primary) 0 38%,var(--swatch) 38% 43%,#fff 43%)!important}.studio-design[data-studio-template="prestige"] .studio-design-preview>b{margin-left:43%;color:var(--swatch-primary)}.studio-design[data-studio-template="prestige"] .studio-design-preview>small{left:47%;color:var(--swatch-primary)}
.studio-design[data-studio-template="geometry"] .studio-design-preview{background:linear-gradient(145deg,#fff 0 72%,var(--swatch) 72%)!important}
.studio-design[data-studio-template="ribbon"] .studio-design-preview{background:linear-gradient(180deg,var(--swatch-primary) 0 27%,#fff 27%)!important}.studio-design[data-studio-template="ribbon"] .studio-design-preview>b{margin-top:18px}
.studio-design[data-studio-template="editorial"] .studio-design-preview{background:linear-gradient(90deg,color-mix(in srgb,var(--swatch) 22%,white) 0 18%,#fff 18%)!important}.studio-design[data-studio-template="editorial"] .studio-design-preview>b,.studio-design[data-studio-template="editorial"] .studio-design-preview>small{margin-left:18%}
.studio-design[data-studio-template="student-france"] .studio-design-preview{background:linear-gradient(145deg,#fff 0 72%,var(--swatch) 72% 82%,var(--swatch-primary) 82%)!important}.studio-design[data-studio-template="student-london"] .studio-design-preview{background:linear-gradient(180deg,var(--swatch-primary) 0 25%,#fff 25% 90%,var(--swatch) 90%)!important}.studio-design[data-studio-template="student-london"] .studio-design-preview>b{margin-top:18px}.studio-design[data-studio-template="student-italy"] .studio-design-preview{background:linear-gradient(90deg,color-mix(in srgb,var(--swatch-primary) 25%,white) 0 14%,#fff 14% 86%,color-mix(in srgb,var(--swatch) 25%,white) 86%)!important}
.studio-design-copy{min-width:0}.studio-design-copy b,.studio-design-copy small{display:block;text-align:left}.studio-design-copy b{font:800 11px Manrope}.studio-design-copy small{font-size:8px;color:var(--muted);margin-top:3px}
.studio-design>em{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:#fff;font:700 9px sans-serif;opacity:0;font-style:normal}.studio-design.active>em{opacity:1}
.select-model{margin-top:15px}
.quick-fill{padding:13px;border-radius:14px;background:#eef3e9;border:1px solid #d8e1cf;margin-bottom:15px}.quick-fill>small{font-size:7px;letter-spacing:.13em;color:#457168;font-weight:900}.quick-fill>div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:8px 0}.quick-fill button{border:1px solid #cbd8c4;border-radius:8px;background:#fff;padding:8px 6px;font-size:9px;font-weight:800;cursor:pointer}.quick-fill button:hover,.quick-fill button.active{background:var(--forest);border-color:var(--forest);color:#fff}.quick-fill p{font-size:8px;line-height:1.45;color:var(--muted);margin:0}
.advanced-card-settings{border:1px solid var(--line);border-radius:13px;background:#fff;margin-top:16px}.advanced-card-settings summary{cursor:pointer;list-style:none;padding:13px;font-size:11px;font-weight:800;display:flex;justify-content:space-between;gap:10px}.advanced-card-settings summary::-webkit-details-marker{display:none}.advanced-card-settings summary span{font-size:8px;color:#3c786f}.advanced-fields{padding:2px 13px 1px;border-top:1px solid var(--line)}.advanced-fields label:first-child{margin-top:12px}
.sample-portraits{margin:15px 0}.sample-portraits>small{font-size:8px;color:var(--muted);font-weight:800;letter-spacing:.1em}.sample-portraits>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.sample-portraits button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 5px;cursor:pointer}.sample-portraits button:hover{border-color:var(--forest)}.sample-portraits button span{display:block;font-size:8px;font-weight:700;margin-top:5px}.sample-face{width:40px;height:44px;border-radius:19px 19px 8px 8px;display:grid;place-items:center;margin:auto;position:relative;overflow:hidden;font:800 10px Manrope}.sample-face:before{content:"";width:19px;height:23px;border-radius:50%;background:#d8a07c;position:absolute;top:5px}.sample-face:after{content:"";width:34px;height:22px;border-radius:50% 50% 0 0;background:#29338f;position:absolute;bottom:-8px}.face-a{background:#f2ddc8}.face-a:before{box-shadow:0 -5px 0 #39251e}.face-b{background:#d7f0e9}.face-b:before{background:#c68c69;box-shadow:0 -5px 0 #182129}.face-b:after{background:#2f7776}.face-initials:before,.face-initials:after{display:none}.face-initials{background:linear-gradient(145deg,#ffc7b7,#8ed8cf);color:#173f3f}
.institutional-signature>b{display:flex;flex-direction:column;gap:1px}.institutional-signature>b>span:first-child{font-size:5px;color:#555;letter-spacing:.03em}.institutional-signature>b>span:nth-child(2){font-size:7px}.institutional-signature i.flag-tn{background:radial-gradient(circle at 58% 50%,#e70013 0 15%,#fff 16% 28%,transparent 29%),#e70013}.institutional-signature i.flag-none{display:none}
.institutional-signature i.flag-it{background:linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66%)}.institutional-signature i.flag-uk{background:linear-gradient(90deg,transparent 42%,#fff 42% 58%,transparent 58%),linear-gradient(transparent 37%,#fff 37% 63%,transparent 63%),linear-gradient(90deg,transparent 46%,#cf142b 46% 54%,transparent 54%),linear-gradient(transparent 43%,#cf142b 43% 57%,transparent 57%),#012169}
.background-tools{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:9px}.background-tools label{margin:0;font-size:8px}.background-tools input{margin:5px 0 0!important;padding:0!important;min-height:18px!important}.background-tools button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px;font-size:8px;font-weight:800;cursor:pointer}.background-tools button:disabled{opacity:.45}
.portrait-tools{margin:13px 0 4px;padding:13px;border:1px solid #d5ded7;border-radius:14px;background:linear-gradient(145deg,#f4f7f2,#fff)}.portrait-tools[hidden]{display:none!important}.portrait-tools header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.portrait-tools header span small,.portrait-tools header span b{display:block}.portrait-tools header small{font-size:7px;letter-spacing:.12em;color:#3c786f}.portrait-tools header b{font:800 11px Manrope;margin-top:2px}.portrait-tools header button,.portrait-preview-button{border:1px solid #ccd7cf;background:#fff;border-radius:8px;padding:8px 9px;font-size:8px;font-weight:800;cursor:pointer}.portrait-tools>label,.portrait-position-grid label{margin:0 0 9px;font-size:8px}.portrait-tools output{float:right;color:#3c786f;font-weight:900}.portrait-tools input[type="range"]{margin:5px 0 0!important;padding:0!important;min-height:18px!important}.portrait-position-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.portrait-preview-button{width:100%;margin-top:1px}.portrait-preview-button.active{background:var(--forest);border-color:var(--forest);color:#fff}.portrait-tools>small{display:block;margin-top:8px;color:var(--muted);font-size:7px;line-height:1.45}.live-photo{overflow:hidden}.live-photo .portrait-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;user-select:none;transform-origin:center;will-change:transform}.live-card.portrait-crop-active .live-photo{cursor:grab;outline:3px dashed var(--accent);outline-offset:4px}.live-card.portrait-crop-active .live-photo:active{cursor:grabbing}

@media(max-width:720px){
  .control-tabs{position:sticky;top:66px;z-index:20}
  .selected-design-preview{grid-template-columns:1fr}.selected-design-info{padding:2px 3px 4px}.selected-design-info p{font-size:9px}.selected-design-card{width:100%}
  .studio-designs{grid-template-columns:repeat(2,minmax(150px,1fr));display:grid;max-height:335px}
  .studio-design{grid-template-columns:1fr 18px;min-height:128px}
  .studio-design .studio-design-preview{grid-column:1/-1;width:100%;height:auto;aspect-ratio:1.586}
  .studio-design .studio-design-preview>b{font-size:9px}.studio-design .studio-design-preview>i{width:32px;height:39px}
  .studio-design-copy b{font-size:10px}
}

/* ?diteur libre et studio administrateur */
.layout-toolbar{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px;background:#ebece6;border-radius:12px;min-height:48px}.layout-toolbar button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.layout-toolbar button.active{background:var(--ink);color:#fff}.layout-toolbar>button:last-child{margin-left:auto}.layout-toolbar #layerControls{display:flex;align-items:center;gap:8px;min-width:0}.layout-toolbar #layerControls>span{font-size:9px;font-weight:800;white-space:nowrap}.layout-toolbar #layerControls label{display:flex;align-items:center;gap:5px;margin:0;font-size:8px}.layout-toolbar input[type=range]{width:90px;margin:0;padding:0}
.layout-editing .editable-layer{cursor:grab;outline:1px dashed rgba(23,63,63,.42);outline-offset:4px;touch-action:none;user-select:none}.layout-editing .editable-layer:hover{outline:2px solid var(--accent)}.layout-editing .editable-layer.selected-layer{outline:2px solid #ff7355;box-shadow:0 0 0 4px rgba(255,115,85,.15);z-index:20}.brand-logo{border-radius:5px!important;background:transparent!important}.brand-logo img{object-fit:contain}
.admin-studio-tools{background:#17201e;color:#fff;border-radius:14px;padding:14px;margin-bottom:16px;display:grid;gap:10px}
.admin-studio-tools-head{display:grid;gap:4px;padding-bottom:10px;border-bottom:1px solid #34403d;margin-bottom:2px}
.admin-studio-tools-head span{font-size:8px;letter-spacing:.12em;color:var(--lime)}
.admin-studio-tools-head b{font-size:12px}
.admin-studio-back{font-size:10px;font-weight:800;color:#c7d0cd;text-decoration:none;margin-top:4px}
.admin-studio-back:hover{color:#fff}
.admin-studio-tools label{color:#dbe0dd;display:grid;gap:5px;font-size:10px;font-weight:700}
.admin-studio-tools select{background:#29322f;color:#fff;border:1px solid #44504c;border-radius:9px;padding:9px 10px}
.admin-studio-actions{display:grid;gap:7px}
.admin-studio-tools button{width:100%;border:0;border-radius:9px;background:var(--lime);color:var(--ink);font-weight:800;padding:10px;cursor:pointer}
.admin-studio-tools .admin-secondary-button{background:#fff;color:var(--ink);border:1px solid #4d5a56}
.design-link-result{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:2px}
.design-link-result input{min-width:0;margin:0!important;padding:8px!important;background:#29322f!important;color:#fff;border:1px solid #44504c;border-radius:8px}
.design-link-result button{width:auto;background:var(--lime)}
.admin-orders-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:4px;border-radius:14px;background:#ebece6;border:1px solid #d9dcd4}
.admin-orders-tabs button{flex:1;min-width:120px;border:0;border-radius:10px;background:transparent;color:var(--ink);padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.admin-orders-tabs button b{min-width:22px;border-radius:99px;background:#fff;padding:2px 7px;font-size:9px}
.admin-orders-tabs button.active{background:var(--ink);color:#fff}
.admin-orders-tabs button.active b{background:var(--lime);color:var(--ink)}
@media(max-width:720px){.admin-orders-tabs{gap:4px;padding:3px}.admin-orders-tabs button{min-width:0;padding:9px 8px;font-size:10px}}
.admin-action-bar{display:flex;align-items:center;gap:16px;background:#dff5c4;border:1px solid #c3df9e;border-radius:16px;padding:14px 16px;margin-bottom:18px}.admin-action-bar span{font-size:11px;color:#52634c}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.preset-card{display:grid;grid-template-columns:92px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.preset-swatch{min-height:90px;border-radius:12px;background:linear-gradient(145deg,var(--preset-primary),var(--preset-accent));display:grid;place-items:center}.preset-swatch span{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;font-weight:900}.preset-card small{font-size:7px;letter-spacing:.12em;color:var(--muted)}.preset-card h3{font:800 16px Manrope;margin:4px 0}.preset-card p{font-size:9px;color:var(--muted)}.preset-card div>div{display:flex;gap:6px;align-items:center}.preset-card a,.preset-card button{border:0;border-radius:8px;padding:8px;background:var(--ink);color:#fff;font-size:8px;font-weight:800;cursor:pointer}.preset-card button{background:#f2e0dd;color:#8c3024}

@media(max-width:900px){.preset-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.layout-toolbar{flex-wrap:wrap}.layout-toolbar #layerControls{order:3;width:100%;justify-content:space-between}.layout-toolbar>button:last-child{margin-left:0}.admin-action-bar{align-items:flex-start;flex-direction:column}.preset-grid{grid-template-columns:1fr}}

/* Liens priv?s de validation Design */
.design-review-banner{max-width:1320px;margin:0 auto 20px;background:#fff;color:var(--ink);border-radius:22px;padding:20px 24px;display:grid;grid-template-columns:.8fr 1.5fr auto;align-items:center;gap:24px;box-shadow:0 16px 55px rgba(0,0,0,.16);border:1px solid rgba(201,255,74,.7)}.review-author{display:flex;align-items:center;gap:12px}.review-author>span{width:48px;height:48px;border-radius:15px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font:800 14px Manrope}.review-author small,.design-review-banner>div>small{font-size:7px;letter-spacing:.13em;color:var(--muted)}.review-author b,.review-author em{display:block}.review-author b{font:800 12px Manrope}.review-author em{font-size:8px;color:var(--muted);font-style:normal}.design-review-banner h3{font:800 19px Manrope;margin:4px 0}.design-review-banner p{font-size:10px;color:var(--muted);margin:0;line-height:1.45}.review-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px}.review-actions button{border:0;border-radius:10px;background:var(--lime);padding:11px 14px;font-size:9px;font-weight:800;cursor:pointer}.review-actions span{font-size:8px;color:var(--muted);text-align:center}
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.review-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.review-card>div:first-child>small{display:inline-flex;padding:5px 8px;border-radius:99px;background:#e7f5d7;font-size:7px;font-weight:800;letter-spacing:.08em}.review-card h3{font:800 16px Manrope;margin:9px 0 4px}.review-card p{font-size:10px;color:var(--muted)}.review-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.review-card dl div{background:#f3f2ed;border-radius:9px;padding:8px}.review-card dt{font-size:7px;color:var(--muted)}.review-card dd{font-size:9px;font-weight:800;margin:3px 0 0;overflow-wrap:anywhere}.review-card-actions{display:flex;gap:7px}.review-card-actions button,.review-card-actions a{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:8px 11px;font-size:8px;font-weight:800;cursor:pointer}.review-card-actions .danger{background:#f3dfdc;color:#8c3024}
@media(max-width:900px){.design-review-banner{grid-template-columns:1fr 1fr}.review-actions{grid-column:1/-1;flex-direction:row;align-items:center}.review-grid{grid-template-columns:1fr}}
@media(max-width:720px){.design-review-banner{grid-template-columns:1fr;padding:17px}.review-actions{grid-column:auto;align-items:stretch;flex-direction:column}.review-card dl{grid-template-columns:1fr 1fr}}

/* Aper?us ? l??chelle : le canvas 85,6 ? 54 mm ne devient jamais responsive */
.scaled-card-frame{position:relative;width:650px;height:410px;max-width:100%;margin:auto;flex:0 0 auto}
.scaled-card-frame>.live-card{position:absolute;left:0;top:0;width:650px;height:410px;max-width:none;margin:0;zoom:var(--card-fit,1);transform:none!important;transform-origin:center}
/* zoom + rotateY se cassent : bascule recto/verso par visibilit? */
.scaled-card-frame>.live-card .front-side{opacity:1;visibility:visible;z-index:2;pointer-events:auto}
.scaled-card-frame>.live-card .back-side{transform:none!important;opacity:0;visibility:hidden;z-index:1;pointer-events:none}
.scaled-card-frame>.live-card.show-back .front-side{opacity:0;visibility:hidden;z-index:1;pointer-events:none}
.scaled-card-frame>.live-card.show-back .back-side{opacity:1;visibility:visible;z-index:2;pointer-events:auto}
.bat-preview>.scaled-card-frame{margin:auto}.admin-production-frame{margin:12px auto 20px}.admin-production-frame>.admin-production-card{width:650px;height:410px;margin:0}
.profile-memory{margin:0 0 16px;padding:13px;border:1px solid #d6ded3;border-radius:14px;background:#f1f5ee}.profile-memory>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.profile-memory span small,.profile-memory span b{display:block}.profile-memory span small{font-size:7px;letter-spacing:.12em;color:#4b756c}.profile-memory span b{font:800 12px Manrope;margin-top:2px}.profile-memory>div:first-child>button{border:0;border-radius:8px;background:var(--forest);color:#fff;padding:8px 10px;font-size:8px;font-weight:800;cursor:pointer}.profile-memory select{margin:9px 0 7px!important}.profile-memory>small{display:block;color:var(--muted);font-size:7px;line-height:1.4;margin-top:7px}.memory-suggestions{display:flex;gap:5px;overflow:auto}.memory-suggestions button{border:1px solid #d3dbcf;background:#fff;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:750;white-space:nowrap;cursor:pointer}.memory-suggestions button:hover{border-color:var(--forest)}.memory-delete{width:100%;margin-top:7px;border:0;background:transparent;color:#9a3e32;font-size:8px;font-weight:750;cursor:pointer}.memory-delete:disabled{display:none}
.admin-client-memory{border:1px solid #4b5b55;border-radius:10px;background:#26312e;padding:10px;margin:2px 0 10px!important;display:block!important}.admin-client-memory[hidden]{display:none!important}.admin-client-memory>span{display:block;color:#dce4e0;font-size:8px;line-height:1.45}.admin-client-memory>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 0!important}.admin-client-memory button{margin:0!important;padding:8px!important;background:#fff!important;color:var(--ink)!important;font-size:8px!important}.admin-client-memory button:first-child{background:var(--lime)!important}
@media(max-width:720px){
  .scaled-card-frame .card-side{padding:38px}
  .scaled-card-frame .live-content{gap:30px;margin-top:43px}
  .scaled-card-frame .live-photo{width:145px;height:170px}
  .scaled-card-frame .live-info h3{font-size:38px}
  .scaled-card-frame .id-row{gap:24px;flex-direction:row;margin-top:27px}
  .scaled-card-frame .student-meta{display:grid}
  .scaled-card-frame .live-footer{left:38px;right:38px;bottom:28px}
  .scaled-card-frame .back-side .magnetic{margin:20px -38px}
  .scaled-card-frame .live-card[data-template="ribbon"] .live-content{margin-top:62px}
  .scaled-card-frame .live-card[data-template="geometry"] .live-info{max-width:58%}
  .card-stage{min-height:250px;padding:8px 0}
  .admin-detail-dialog .detail-panel{overflow:hidden}.detail-downloads{position:relative}
  .admin-detail-dialog .detail-head{display:block;padding-right:34px}
  .admin-detail-dialog .detail-head h2{font-size:27px;overflow-wrap:anywhere}
  .admin-detail-dialog .detail-head>b{display:inline-block;max-width:100%;margin-top:8px}
}

/* Studio visuel Pro : galerie compacte et ?dition pr?cise par calques */
.selected-design-preview{grid-template-columns:128px minmax(0,1fr);align-items:center;padding:8px}
.selected-design-card{width:128px}.selected-design-info p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.studio-designs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:none;overflow:visible;padding:2px;margin-bottom:14px}
.studio-design{display:block;min-width:0;min-height:0;padding:5px;border:1px solid var(--line);border-radius:10px}
.studio-design .studio-design-preview{width:100%;height:auto;aspect-ratio:1.586;border-radius:7px;padding:6px}
.studio-design .studio-design-preview>b{font-size:6px;max-width:44px}.studio-design .studio-design-preview>small{font-size:5px;left:6px;bottom:6px}
.studio-design .studio-design-preview>i{width:23px;height:28px;right:6px;bottom:5px;font-size:6px}
.studio-design-copy{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:6px 1px 1px}
.studio-design-copy b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-design-copy small{font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-design>em{position:absolute;right:7px;top:7px;z-index:5;box-shadow:0 2px 7px rgba(0,0,0,.18)}
.layout-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;margin-top:14px}
.layout-toolbar-head{display:flex;align-items:center;gap:9px}.layout-toolbar-head>button{min-width:118px}.layout-toolbar-head>span{font-size:8px;color:var(--muted);line-height:1.3}
.history-actions{display:flex;gap:4px;margin-left:auto}.history-actions button{font-size:15px!important;line-height:1;padding:6px 9px!important}.history-actions button:disabled{opacity:.35;cursor:not-allowed}
.layer-inspector{display:block!important;border-top:1px solid #d7d9d2;padding-top:9px}.layer-inspector[hidden]{display:none!important}
.layer-inspector-top{display:grid;grid-template-columns:minmax(140px,1fr) auto auto;gap:8px;align-items:end}
.layer-inspector-top label{margin:0;font-size:7px;font-weight:800}.layer-inspector-top select{width:100%;margin-top:4px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px;font-size:9px}
.layer-inspector-top>b{font:800 10px Manrope;padding-bottom:8px}.layer-inspector-top>button{margin-bottom:1px}
.layer-quick-list{display:flex;gap:5px;overflow:auto;padding:8px 0 5px;scrollbar-width:thin}
.layer-quick-list button{white-space:nowrap;padding:6px 8px!important;font-size:7px!important}.layer-quick-list button.active{background:var(--forest)!important;color:#fff!important;border-color:var(--forest)!important}
.layer-property-grid{display:grid;grid-template-columns:1fr 1fr 110px;gap:8px;margin-top:5px}.layer-property-grid label{font-size:7px;font-weight:800;margin:0;padding:8px;border:1px solid var(--line);background:#fff;border-radius:9px}.layer-property-grid label>span{float:right;color:var(--muted)}
.layer-property-grid input[type=range]{display:block;width:100%;margin:7px 0 0;padding:0}.layer-property-grid input[type=color]{display:block;width:100%;height:25px;margin:5px 0 0;padding:2px;border:0}
.layer-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:7px}.layer-action-grid button{min-width:0;padding:7px 5px!important;font-size:7px!important}
.layer-action-grid button:nth-last-child(-n+2){grid-column:span 2}.layer-shortcuts{display:block;margin-top:7px;font-size:7px;color:var(--muted);line-height:1.45}
.reset-layout-all{align-self:flex-end}
.layout-editing .editable-layer{position:relative}.layout-editing .layer-hidden{pointer-events:auto!important}
.layer-colored,.layer-colored *:not(img){color:var(--layer-color)!important}
.layer-fill.layer-colored,.layer-fill.layer-colored *:not(img){color:#fff!important}
.layer-fill.layer-colored{background:var(--layer-color)!important;border-color:var(--layer-color)!important}
.editable-layer{will-change:transform}.editable-layer.layer-hidden{pointer-events:none}
html.admin-studio-mode .layout-toolbar{box-shadow:0 0 0 2px rgba(201,255,74,.55);background:#f4f7ed}
html.admin-studio-mode .layout-toolbar-head:before{content:"PRO";display:grid;place-items:center;width:28px;height:22px;border-radius:7px;background:var(--ink);color:var(--lime);font:800 7px Manrope}

@media(max-width:720px){
  .selected-design-preview{grid-template-columns:112px minmax(0,1fr)}.selected-design-card{width:112px}
  .studio-designs{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.studio-design{display:block;min-height:0}
  .studio-design .studio-design-preview{grid-column:auto;width:100%;height:auto}.studio-design-copy b{font-size:7px}.studio-design-copy small{display:none}
  .layout-toolbar-head{flex-wrap:wrap}.layout-toolbar-head>span{order:3;width:100%}.history-actions{margin-left:auto}
  .layer-inspector-top{grid-template-columns:1fr auto}.layer-inspector-top>b{display:none}
  .layer-property-grid{grid-template-columns:1fr 1fr}.layer-property-grid label:last-child{grid-column:1/-1}
  .layer-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-action-grid button:nth-last-child(-n+2){grid-column:auto}
  .reset-layout-all{align-self:stretch}
}

/* Centre d?administration et validation collaborative */
.admin-section{padding:70px clamp(18px,3vw,48px);background:#e9ebe5}.admin-section>.section-head{max-width:1480px;margin-left:auto;margin-right:auto}
.admin-shell{max-width:1480px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);gap:18px;align-items:start}
.admin-sidebar{position:sticky;top:92px;min-height:680px;border-radius:22px;background:#16201e;color:#fff;padding:18px 13px;display:flex;flex-direction:column;box-shadow:0 18px 55px rgba(22,32,30,.15)}
.admin-sidebar-brand{display:flex;align-items:center;gap:10px;padding:7px 8px 20px;border-bottom:1px solid #34403d}.admin-sidebar-brand>span{width:38px;height:38px;border-radius:11px;background:var(--lime);color:var(--ink);display:grid;place-items:center;font:900 11px Manrope}.admin-sidebar-brand b,.admin-sidebar-brand small{display:block}.admin-sidebar-brand b{font:800 12px Manrope}.admin-sidebar-brand small{font-size:7px;color:#9ca9a5;margin-top:2px}
.admin-sidebar-nav{display:flex!important;flex-direction:column;gap:6px;margin:18px 0!important}
.admin-sidebar-nav button,.admin-sidebar-nav a{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;border:0;border-radius:12px;background:transparent;color:#c7d0cd;padding:11px 10px;text-align:left;font-size:12px;font-weight:750;cursor:pointer}
.admin-sidebar-nav button:hover,.admin-sidebar-nav a:hover,.admin-sidebar-nav button.active{background:#2a3632;color:#fff}
.admin-sidebar-nav button.active{box-shadow:inset 3px 0 var(--lime)}
.admin-sidebar-nav svg{width:18px;height:18px;fill:currentColor;opacity:.9;justify-self:center}
.admin-sidebar-nav i{font-style:normal;font-size:14px;text-align:center}
.admin-sidebar-nav b{min-width:22px;border-radius:99px;background:#3d4a46;padding:3px 6px;text-align:center;font-size:9px}
.admin-sidebar-nav button.active b{background:var(--lime);color:var(--ink)}
.admin-sidebar-nav span{font-size:12px;font-weight:780}
.admin-sidebar-user{margin-top:auto;border-top:1px solid #34403d;padding:15px 7px 3px;display:grid;grid-template-columns:34px 1fr 26px;align-items:center;gap:8px}.admin-sidebar-user>span{width:34px;height:34px;border-radius:50%;background:#35443f;display:grid;place-items:center;font:800 9px Manrope}.admin-sidebar-user small,.admin-sidebar-user b{display:block}.admin-sidebar-user small{font-size:6px;color:#8f9c98}.admin-sidebar-user b{font-size:9px;margin-top:2px}.admin-sidebar-user button{border:0;background:transparent;color:#fff;font-size:16px;cursor:pointer}
.admin-main{min-width:0;background:#f6f5f0;border:1px solid #d9dcd4;border-radius:22px;padding:20px;box-shadow:0 18px 55px rgba(22,32,30,.08)}.admin-main .admin-head{position:static;margin:0 0 17px;padding:4px 2px 15px;border-radius:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink)}.admin-main .admin-head small{color:#4a776f}.admin-main .admin-head b{font:800 25px Manrope;margin-top:3px}.admin-main .admin-head>a{margin-left:auto}
.admin-main .admin-action-bar{margin:16px 0;background:#e6f6cf}.admin-main .admin-tools{padding:12px 0;margin:0;border-bottom:1px solid var(--line)}.admin-main .admin-tools>div{font-size:10px;color:var(--muted);line-height:1.4}.admin-main .admin-board{margin-top:16px}
.overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.overview-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;min-width:0}.overview-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.overview-panel-head small{display:block;font-size:7px;letter-spacing:.12em;color:#3c786f;font-weight:850}.overview-panel-head h3{font:800 16px Manrope;margin:4px 0 0}.overview-panel-head button{border:0;background:#edf0e9;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}
.overview-review-row,.overview-order-row{width:100%;display:grid;align-items:center;gap:9px;border:0;border-top:1px solid #eceee8;background:transparent;padding:11px 2px;text-align:left;cursor:pointer}.overview-review-row{grid-template-columns:9px 1fr auto}.overview-order-row{grid-template-columns:50px 1fr auto}.overview-review-row div,.overview-order-row div{min-width:0}.overview-review-row b,.overview-review-row small,.overview-order-row b,.overview-order-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-review-row b,.overview-order-row b{font-size:9px}.overview-review-row small,.overview-order-row small{font-size:7px;color:var(--muted);margin-top:3px}.overview-review-row em{font-size:7px;font-style:normal;color:#426f67;white-space:nowrap}.overview-order-row>span{font:800 9px ui-monospace,monospace}.status-dot{width:8px;height:8px;border-radius:50%;background:#f0a746}.status-approuv-par-le-client{background:#53a764}.status-corrections-demand-es,.status-modifi-par-le-client{background:#ef735b}
.overview-workflow>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.overview-workflow button{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:#f7f7f3;padding:11px;text-align:left;cursor:pointer}.overview-workflow button span,.overview-workflow button b{display:block}.overview-workflow button span{font-size:7px;color:var(--muted)}.overview-workflow button b{font:800 17px Manrope;margin-top:5px}.overview-workflow button i{position:absolute;left:0;bottom:0;height:3px;width:var(--progress);background:var(--lime)}
.overview-quick>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.overview-quick a,.overview-quick button{border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px;text-align:left;cursor:pointer}.overview-quick i,.overview-quick b,.overview-quick small{display:block}.overview-quick i{font-style:normal;font-size:18px}.overview-quick b{font:800 10px Manrope;margin:8px 0 3px}.overview-quick small{font-size:7px;color:var(--muted)}
.empty-state{font-size:9px;color:var(--muted);padding:18px 2px}
.review-card-status{display:flex;align-items:center;justify-content:space-between}.review-card-status>b{font-size:7px;color:var(--muted)}.review-card blockquote{margin:10px 0;padding:9px;border-left:3px solid var(--lime);background:#f3f5ee;border-radius:0 8px 8px 0;font-size:8px;color:#4d5854}.review-card-actions{flex-wrap:wrap}.review-card-actions .primary{background:var(--lime);color:var(--ink)}
.review-actions{min-width:270px}.review-actions textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:8px;font-size:8px;resize:vertical}.review-actions>div{display:flex;gap:5px;flex-wrap:wrap}.review-actions>div button{flex:1;min-width:100px}.review-actions .review-secondary{background:#edf0e9;color:var(--ink)}
.comparison-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0;padding:12px;border-radius:13px;background:#edf0e9}.comparison-summary div small,.comparison-summary div b{display:block}.comparison-summary div small{font-size:7px;color:var(--muted)}.comparison-summary div b{font:800 12px Manrope;margin-top:3px}.comparison-summary>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-weight:900}
.design-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px}.design-comparison>section{min-width:0;background:#f0f0ea;border-radius:16px;padding:13px;overflow:hidden}.comparison-label{display:flex;align-items:center;gap:8px}.comparison-label>span{width:28px;height:28px;border-radius:9px;background:#fff;display:grid;place-items:center;font:800 8px Manrope}.comparison-label small,.comparison-label b{display:block}.comparison-label small{font-size:6px;color:var(--muted)}.comparison-label b{font-size:9px;margin-top:2px}.comparison-label.current>span{background:var(--lime)}
.review-management-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.review-management-grid blockquote{margin:0 0 13px;padding:11px;border-left:3px solid var(--lime);background:#fff;font-size:9px}.review-management-grid textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;resize:vertical}.admin-review-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.admin-review-actions button,.admin-review-actions a{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:8px 10px;font-size:8px;font-weight:800;cursor:pointer}.admin-review-actions button:first-child{background:#4d9c5d}.admin-review-actions button:nth-child(2){background:#e16c56}
.revision-panel{margin-top:14px}.revision-timeline{display:grid;gap:7px}.revision-timeline article{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:start;border-top:1px solid var(--line);padding-top:9px}.revision-timeline article>span{width:29px;height:29px;border-radius:9px;background:#fff;display:grid;place-items:center;font:800 8px Manrope}.revision-timeline b,.revision-timeline small{display:block}.revision-timeline b{font-size:9px}.revision-timeline small{font-size:7px;color:var(--muted);margin-top:3px}.revision-timeline p{font-size:8px;margin:5px 0 0}

@media(max-width:1050px){.admin-shell{grid-template-columns:82px minmax(0,1fr)}.admin-sidebar-brand div,.admin-sidebar-nav span,.admin-sidebar-user div{display:none}.admin-sidebar-brand{justify-content:center}.admin-sidebar-nav button,.admin-sidebar-nav a{grid-template-columns:1fr;justify-items:center}.admin-sidebar-nav b{position:absolute;margin-left:28px;margin-top:-22px}.admin-sidebar-user{grid-template-columns:1fr;justify-items:center}.overview-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.admin-section{padding:45px 10px}.admin-shell{display:block}.admin-sidebar{position:sticky;top:66px;z-index:35;min-height:0;border-radius:14px;padding:8px;margin-bottom:10px}.admin-sidebar-brand,.admin-sidebar-user{display:none}.admin-sidebar-nav{flex-direction:row!important;overflow:auto;margin:0!important}.admin-sidebar-nav button,.admin-sidebar-nav a{flex:0 0 auto;width:auto;grid-template-columns:20px 1fr;padding:9px}.admin-sidebar-nav span{display:block}.admin-sidebar-nav b{position:static;margin:0}.admin-main{padding:13px;border-radius:16px}.admin-main .admin-head b{font-size:20px}.admin-stats{grid-template-columns:repeat(2,1fr)}.overview-workflow>div:last-child,.overview-quick>div:last-child{grid-template-columns:1fr 1fr}.design-comparison,.review-management-grid{grid-template-columns:1fr}.comparison-summary{grid-template-columns:1fr}.comparison-summary>span{transform:rotate(90deg);margin:auto}.review-actions{min-width:0;width:100%}}

/* QR code harmonis? pour tous les mod?les */
.qr-grid{
  width:46px!important;
  height:46px!important;
  padding:5px!important;
  border:0!important;
  border-radius:9px!important;
  background:#fff!important;
  overflow:hidden;
  box-shadow:0 5px 14px rgba(18,31,29,.16),0 0 0 1px rgba(18,31,29,.12)!important;
}
.qr-grid img{
  width:100%!important;
  height:100%!important;
  border-radius:3px;
  object-fit:contain!important;
  image-rendering:pixelated;
}

/* Workflow de validation client */
.design-link-dialog{width:min(520px,calc(100% - 24px));border:0;border-radius:24px;padding:28px;color:var(--ink);box-shadow:0 30px 90px rgba(10,24,21,.3)}
.design-link-dialog::backdrop{background:rgba(12,27,24,.68);backdrop-filter:blur(5px)}
.design-link-dialog h2{font:800 29px Manrope;margin:8px 0}.design-link-dialog>p{font-size:11px;line-height:1.55;color:var(--muted)}
.design-link-dialog>label{display:grid;gap:7px;margin-top:20px;font-size:9px;font-weight:800}.design-link-dialog>label input{border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:750 13px Manrope;outline:0}.design-link-dialog>label input:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(23,63,63,.1)}
.design-link-dialog-close{position:absolute;right:16px;top:14px;border:0;background:#eef0ea;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer}.design-link-dialog-summary{display:flex;justify-content:space-between;gap:12px;margin:14px 0 3px;padding:11px 13px;border-radius:11px;background:#eff4e9}.design-link-dialog-summary span{font-size:8px;color:var(--muted)}.design-link-dialog-summary b{font-size:8px;text-align:right}
.review-filter-bar{display:flex;gap:7px;overflow:auto;margin-bottom:14px;padding-bottom:2px}.review-filter-bar button{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);border-radius:99px;background:#fff;padding:8px 11px;font-size:8px;font-weight:800;cursor:pointer}.review-filter-bar button b{display:grid;place-items:center;min-width:18px;height:18px;border-radius:99px;background:#edf0e9;font-size:7px}.review-filter-bar button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.review-filter-bar button.active b{background:var(--lime);color:var(--ink)}
.review-card.review-unread{border-color:#9bcf33;box-shadow:0 0 0 2px rgba(201,255,74,.35)}.review-card.review-unread .review-card-status small{background:var(--lime);color:var(--ink)}.overview-review-row.has-unread{background:#f4f9e9}.overview-review-row.has-unread em{color:#315f16;font-weight:850}
.changed-fields,.comparison-changes>div{display:flex;flex-wrap:wrap;gap:5px}.changed-fields{margin:9px 0}.changed-fields span,.comparison-changes span{padding:5px 7px;border-radius:99px;background:#edf1e8;color:#3e625a;font-size:7px;font-weight:800}.comparison-changes{margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#fff}.comparison-changes>b{display:block;font:800 10px Manrope;margin-bottom:8px}
@media(max-width:720px){.design-link-dialog{padding:22px 17px}.design-link-dialog-summary{display:grid}.design-link-dialog-summary b{text-align:left}.review-filter-bar{margin-inline:-3px}.changed-fields span,.comparison-changes span{font-size:6px}}

/* V?ritables aper?us recto dans l??tape Design */
.studio-global-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:9px 11px;border:1px solid #dfe2da;border-radius:11px;background:#fff}.studio-global-actions span{font-size:8px;color:var(--muted);font-weight:750}.studio-global-actions button{border:1px solid #e1c8c2;border-radius:8px;background:#fff5f2;color:#963d31;padding:7px 9px;font-size:8px;font-weight:850;cursor:pointer}.studio-global-actions button:hover{background:#963d31;color:#fff}
.selected-design-preview{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;align-items:stretch!important}.selected-design-preview>div:first-child{min-width:0}.real-front-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 1px 7px}.real-front-label span{padding:5px 7px;border-radius:99px;background:var(--lime);font-size:6px;font-weight:900;letter-spacing:.1em}.real-front-label b{font-size:7px;color:var(--muted)}
.design-card-viewport{position:relative;display:block;width:100%;overflow:hidden;background:#eceee8;border-radius:9px;isolation:isolate}.design-card-viewport>.design-preview-card{position:absolute!important;left:0!important;top:0!important;width:650px!important;height:410px!important;max-width:none!important;margin:0!important;transform-origin:top left!important;pointer-events:none!important;border-radius:26px!important;box-shadow:none!important;aspect-ratio:auto!important}.design-card-viewport>.design-preview-card .front-side{backface-visibility:visible!important}.design-card-viewport>.design-preview-card .back-side{display:none!important}
/* Aper?us mod?les = vraies m?triques PVC (ignore le CSS mobile qui d?forme la carte) */
.design-preview-card .card-side{padding:38px!important}
.design-preview-card .live-content{gap:30px!important;margin-top:43px!important;flex-direction:row!important}
.design-preview-card .live-photo{width:145px!important;height:170px!important}
.design-preview-card .live-info h3{font-size:38px!important}
.design-preview-card .id-row{gap:24px!important;flex-direction:row!important;margin-top:27px!important}
.design-preview-card .student-meta{display:grid!important}
.design-preview-card .live-footer{left:38px!important;right:38px!important;bottom:28px!important}
.design-preview-card[data-template="ribbon"] .live-content{margin-top:62px!important}
.design-preview-card[data-template="geometry"] .live-content,.design-preview-card[data-variant="student-france"] .live-content{flex-direction:row-reverse!important;justify-content:space-between!important}
.design-preview-card[data-template="geometry"] .live-info,.design-preview-card[data-variant="student-france"] .live-info{max-width:58%!important}
.bat-face-toggle{display:flex;gap:4px;justify-content:center;margin:0 auto 12px;padding:3px;background:#e5e5df;border-radius:999px;width:fit-content}
.bat-face-toggle[hidden]{display:none!important}
.bat-face-toggle button{border:0;background:transparent;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;cursor:pointer;color:var(--ink)}
.bat-face-toggle button.active{background:var(--forest);color:#fff}
.bat-face-toggle button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:900px){
  #batDialog{width:min(100vw - 16px,520px);max-height:min(92dvh,920px);padding:18px 14px 16px;overflow:auto}
  #batDialog h2{font-size:22px}
  #batDialog .bat-preview{margin:0 auto 12px;max-width:100%}
  #batDialog .customer-form{grid-template-columns:1fr}
  #batDialog .dialog-actions{position:sticky;bottom:0;background:linear-gradient(180deg,transparent,#f7f5ef 28%);padding-top:12px}
}
.selected-front-viewport{border-radius:12px;box-shadow:0 10px 28px rgba(20,33,30,.13)}.selected-design-info{display:grid!important;grid-template-columns:auto 1fr!important;padding:3px 2px 1px!important}
.studio-design .design-choice-viewport{width:100%;border-radius:7px;box-shadow:0 2px 8px rgba(21,34,31,.11)}.studio-design .design-choice-viewport .qr-grid{box-shadow:none!important}.studio-design.active .design-choice-viewport{box-shadow:0 0 0 2px var(--forest),0 5px 12px rgba(21,34,31,.14)}
.studio-designs{align-items:start}.studio-design{position:relative}.studio-design>em{position:absolute!important;right:7px!important;top:7px!important;z-index:8!important}
.reset-list{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.reset-list span{padding:7px 9px;border-radius:99px;background:#eef1e9;color:#4c605a;font-size:8px;font-weight:800}.reset-danger{background:#963d31!important;color:#fff!important}.reset-danger:hover{background:#722a22!important}
@media(max-width:720px){.studio-global-actions{position:relative}.studio-designs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.real-front-label b{display:none}}

/* Studio express partag? et vrais rectos du catalogue */
.studio-express{margin:0 0 13px;padding:11px;border-radius:14px;background:linear-gradient(145deg,#edf4e7,#f7f8f3);border:1px solid #d8e2d2}.studio-express-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-express-head small,.studio-express-head b{display:block}.studio-express-head small{font-size:6px;letter-spacing:.12em;color:#4c796e;font-weight:900}.studio-express-head b{font:800 11px Manrope;margin-top:2px}.studio-express-head>span{padding:5px 7px;border-radius:99px;background:var(--lime);font-size:6px;font-weight:900}
.studio-express-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.studio-express-grid button{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:7px;min-width:0;border:1px solid #d7ded2;border-radius:9px;background:#fff;padding:7px;text-align:left;cursor:pointer}.studio-express-grid button:last-child{grid-column:1/-1}.studio-express-grid button:hover,.studio-express-grid button.active{border-color:var(--forest);box-shadow:0 0 0 1px var(--forest)}.studio-express-grid button>i{width:27px;height:27px;border-radius:8px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font:800 7px Manrope;font-style:normal}.studio-express-grid button span{min-width:0}.studio-express-grid b,.studio-express-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-express-grid b{font-size:8px}.studio-express-grid small{font-size:6px;color:var(--muted);margin-top:2px}
.saved-configurations{margin-top:9px;border-top:1px solid #d7ded2;padding-top:8px}.saved-configurations summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;font-size:8px;font-weight:850}.saved-configurations summary span{color:#4c796e;font-size:7px}.saved-configuration-form,.saved-configuration-select{display:grid;gap:5px;margin-top:8px}.saved-configuration-form{grid-template-columns:1fr auto}.saved-configuration-select{grid-template-columns:1fr auto auto}.saved-configurations input,.saved-configurations select{min-width:0;border:1px solid #d6dcd2!important;border-radius:8px!important;background:#fff!important;padding:8px!important;font-size:8px!important;margin:0!important}.saved-configurations button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:8px;font-size:7px;font-weight:800;cursor:pointer}.saved-configurations button:disabled{opacity:.4;cursor:not-allowed}.saved-configurations>small{display:block;font-size:6px;line-height:1.4;color:var(--muted);margin-top:7px}
.model-profiles{margin:0 0 12px;padding:12px;border:1px solid #d5e0d6;border-radius:14px;background:linear-gradient(155deg,#f4f8f1,#eef4ea)}
.model-profiles>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.model-profiles>header small{display:block;font-size:6px;letter-spacing:.12em;font-weight:900;color:#3f6f66}
.model-profiles>header b{display:block;margin-top:2px;font:800 11px Manrope,sans-serif}
.model-profiles>header>span{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--forest);color:#fff;display:grid;place-items:center;font:800 10px Manrope,sans-serif}
.model-profiles-help{margin:0 0 10px;font-size:7px;line-height:1.45;color:var(--muted)}
.model-profile-list{display:grid;gap:7px;max-height:220px;overflow:auto}
.model-profile-empty{margin:0;padding:10px;border-radius:10px;background:#fff;border:1px dashed #c9d6c8;font-size:8px;line-height:1.45;color:#4d655f;text-align:center}
.model-profile-card{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:7px;border:1px solid #d5ddd2;border-radius:11px;background:#fff}
.model-profile-thumb{width:36px;height:36px;border-radius:9px;background:#edf2ea;overflow:hidden;display:grid;place-items:center}
.model-profile-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.model-profile-fallback{font:800 12px Manrope,sans-serif;color:#3f6f66}
.model-profile-meta{min-width:0}
.model-profile-meta b,.model-profile-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.model-profile-meta b{font-size:9px}
.model-profile-meta small{margin-top:2px;font-size:7px;color:var(--muted)}
.model-profile-actions{display:flex;align-items:center;gap:4px}
.model-profile-actions button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:7px 9px;font-size:7px;font-weight:800;cursor:pointer}
.model-profile-actions .model-profile-delete{width:28px;padding:7px 0;background:#f1e4e1;color:#8b3025}
.model-profile-save{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}
.model-profile-save input{width:100%;border:1px solid #d0d9cc;border-radius:10px;background:#fff;padding:10px 11px;font:700 10px Manrope,sans-serif;outline:0}
.model-profile-save input:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(23,63,63,.08)}
.model-profile-save button{border:0;border-radius:10px;background:var(--forest);color:#fff;padding:10px;font:800 9px Manrope,sans-serif;cursor:pointer}
.model-profile-save button:hover{filter:brightness(1.05)}
.model-profiles-slim{padding:6px 7px!important;margin:0 0 6px!important;border-radius:10px!important}
.profiles-entry{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 10px;
  padding:10px 12px;
  border:1px solid #d5e0d6;
  border-radius:14px;
  background:linear-gradient(155deg,#f6f9f3,#eef4ea);
  cursor:pointer;
  text-align:left;
}
.profiles-entry:hover{border-color:#9bb5a8;transform:translateY(-1px)}
.profiles-entry-copy{min-width:0;flex:1}
.profiles-entry-copy small{display:block;font-size:7px;letter-spacing:.12em;font-weight:900;color:#3f6f66}
.profiles-entry-copy b{display:block;margin-top:2px;font:800 12px/1.2 Manrope,sans-serif;color:var(--ink)}
.profiles-entry>em{
  min-width:28px;height:28px;padding:0 8px;border-radius:999px;
  background:var(--forest);color:#fff;display:grid;place-items:center;
  font:800 11px Manrope,sans-serif;font-style:normal;
}
.profile-manager{width:min(460px,calc(100vw - 28px))!important;padding:0!important;border-radius:20px!important;overflow:hidden}
.profile-manager>header{padding:18px 18px 0!important}
.profile-manager-lead{margin:8px 18px 0!important;font-size:13px!important;line-height:1.45;color:var(--muted)}
.profile-manager-save{margin:14px 18px 0;padding:12px;border:1px solid #dde5d8;border-radius:14px;background:#fff}
.profile-manager-save>label{display:block;margin:0 0 7px;font-size:10px;font-weight:800;letter-spacing:.04em;color:var(--muted)}
.profile-manager-save-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.profile-manager-save-row input{
  width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;
  font:700 14px Manrope,sans-serif;background:#fbfaf6;outline:0
}
.profile-manager-save-row input:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(23,63,63,.08);background:#fff}
.profile-manager-save-row button{
  border:0!important;border-radius:11px!important;background:var(--forest)!important;color:#fff!important;padding:0 16px!important;
  font:800 13px Manrope,sans-serif!important;cursor:pointer!important;white-space:nowrap;min-height:44px
}
.profile-manager-section{margin:14px 18px 18px}
.profile-manager-section-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px
}
.profile-manager-section-head small{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.profile-manager-section-head span{
  min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#e7eee4;
  display:grid;place-items:center;font:800 10px Manrope,sans-serif;color:#3f6f66
}
.model-profile-dialog-list{display:grid!important;gap:8px!important;margin:0!important;max-height:300px!important;overflow:auto!important}
.profile-item{
  display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;
  padding:9px;border:1px solid #dde3d8;border-radius:14px;background:#fff
}
.profile-item-thumb{
  width:44px;height:44px;border-radius:12px;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--p,#173f3f) 0 58%,var(--a,#c9ff4a) 58%);color:#fff;
  font:800 14px Manrope,sans-serif
}
.profile-item-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.profile-item-meta{min-width:0}
.profile-item-meta b,.profile-item-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-item-meta b{font:800 13px/1.2 Manrope,sans-serif}
.profile-item-meta small{margin-top:2px;font-size:11px;color:var(--muted)}
.profile-item-swatches{display:flex;align-items:center;gap:5px;margin-top:5px}
.profile-item-swatches i{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.08)}
.profile-item-swatches em{font-style:normal;font-size:10px;color:#6d7a74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-item-actions{display:flex;align-items:center;gap:5px}
.profile-item-actions button{
  border:0!important;border-radius:9px!important;background:var(--ink)!important;color:#fff!important;padding:9px 11px!important;
  font-size:11px!important;font-weight:800!important;cursor:pointer!important
}
.profile-item-actions .danger{width:34px!important;padding:9px 0!important;background:#f3e6e3!important;color:#8b3025!important}
.profile-empty{
  margin:0;padding:16px 12px;border:1px dashed #cfd8cb;border-radius:12px;
  background:#f7f8f4;text-align:center;font-size:12px;line-height:1.45;color:#5d6d67
}
.mobile-profile-sheet>header{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px
}
.mobile-profile-sheet>header small{display:block;font-size:8px;letter-spacing:.1em;font-weight:900;color:#3f6f66}
.mobile-profile-sheet>header b{display:block;margin-top:2px;font:800 15px Manrope,sans-serif}
.mobile-profile-sheet>header>button,#mobileProfileClose{
  border:0!important;border-radius:999px!important;background:#e8ebe3!important;color:var(--ink)!important;
  padding:8px 14px!important;font:800 12px Manrope,sans-serif!important;cursor:pointer!important
}
.mobile-profile-sheet .mobile-profile-help{margin:8px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}
.mobile-profile-sheet .profile-manager-save{margin:12px 0 0;padding:10px}
.mobile-profile-sheet .profile-manager-section{margin:12px 0 0}
.mobile-profile-quick-list{display:grid;gap:7px;max-height:42vh;overflow:auto}
.profile-item-compact{grid-template-columns:38px 1fr auto;padding:8px;border-radius:12px}
.profile-item-compact .profile-item-thumb{width:38px;height:38px;border-radius:10px;font-size:12px}
.profile-item-compact .profile-item-meta b{font-size:12px}
.profile-item-compact .profile-item-actions button{padding:8px 10px;font-size:10px}
.profile-item-compact .profile-item-actions .danger{width:30px;padding:8px 0}
.model-profiles-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}
.model-profiles-bar b{font:800 10px Manrope,sans-serif}
.model-profiles-bar em{font-style:normal;margin-left:4px;opacity:.7}
.model-profiles-bar .linkish{border:0;background:transparent;color:var(--forest);font:800 9px Manrope,sans-serif;cursor:pointer;padding:0}
.model-profile-chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}
.profile-chip{display:inline-flex;align-items:center;max-width:100%;border:1px solid #d0d9cc;border-radius:999px;background:#fff;overflow:hidden}
.profile-chip>button{border:0;background:transparent;padding:3px 7px;font-size:8px;font-weight:800;cursor:pointer;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-chip-del{padding:3px 6px!important;color:#8b3025!important;border-left:1px solid #e8ece4!important;font-size:11px!important}
.profile-chip-del:hover{background:#f8ebe8}
.model-profiles-save-mini{width:100%;margin-top:5px;border:0;border-radius:7px;background:var(--ink);color:#fff;padding:5px;font:800 8px Manrope,sans-serif;cursor:pointer}
.design-browser-lite{margin:0 0 6px!important;padding:6px!important;border-radius:10px!important}
.design-browser-lite .design-filter-row{display:flex;flex-wrap:wrap;gap:3px;align-items:center;padding:0!important}
.design-browser-lite .design-filter-row button{padding:4px 7px!important;font-size:8px!important;border-radius:999px!important;min-height:0!important}
.design-browser-lite .filter-count{margin-left:auto;font-size:7px;font-weight:800;color:var(--muted)}
.country-chips-lite{margin:6px 0 0!important;padding:0!important;border-radius:0!important;background:transparent!important}
.country-chips-lite .country-filter-label{display:none}
.country-chips-lite>div{display:flex!important;flex-wrap:wrap;gap:5px!important;grid-template-columns:none!important}
.country-chips-lite button{
  display:inline-flex!important;align-items:center;gap:0;padding:5px 9px!important;min-height:28px!important;
  border:1px solid #d0d9cc!important;border-radius:999px!important;background:#fff!important;
  font-size:11px!important;font-weight:800!important;cursor:pointer;color:var(--ink)
}
.country-chips-lite button span{display:inline!important;font-size:11px!important;font-weight:800}
.country-chips-lite button i{display:none!important}
.country-chips-lite button.active{background:var(--forest)!important;color:#fff!important;border-color:var(--forest)!important}
.country-chips-lite button.country-all{font-size:11px!important}
.design-filter-status{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#e7f0e4;border:1px solid #cfe0c8
}
.design-filter-status[hidden]{display:none!important}
.design-filter-status span{font-size:11px;font-weight:800;color:#2f5f56}
.clear-filters-btn{
  border:0;border-radius:999px;background:#fff;color:var(--forest);padding:6px 10px;
  font:800 11px Manrope,sans-serif;cursor:pointer;border:1px solid #cfe0c8
}
.design-browser-lite .filter-count{display:none}
.studio-designs-compact,.studio-designs{display:grid;grid-template-columns:1fr 1fr;gap:8px!important;max-height:none!important;align-items:start}
.studio-design-card,.studio-designs .studio-design{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;
  padding:6px!important;border-radius:12px!important;min-height:0!important;position:relative;
  border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left;
}
.studio-design-card .design-thumb,.studio-designs .design-thumb{display:none!important}
.studio-design-card .design-choice-viewport,.studio-designs .design-choice-viewport{
  display:block!important;width:100%!important;min-height:72px;aspect-ratio:1.586;border-radius:8px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--p,#173f3f) 88%,#fff),color-mix(in srgb,var(--a,#c9ff4a) 55%,#fff));
  overflow:hidden;box-shadow:0 2px 8px rgba(21,34,31,.1);
}
.studio-design-card.active .design-choice-viewport,.studio-designs .studio-design.active .design-choice-viewport{
  box-shadow:0 0 0 2px var(--forest),0 5px 12px rgba(21,34,31,.14);
}
.studio-design-card .studio-design-copy,.studio-designs .studio-design-copy{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:0 2px 1px!important;min-width:0;
}
.studio-design-card .studio-design-copy b,.studio-designs .studio-design-copy b{font:800 10px/1.2 Manrope,sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.studio-design-card .studio-design-copy small,.studio-designs .studio-design-copy small{font-size:8px!important;color:var(--muted)}
.studio-design-card>em,.studio-designs .studio-design>em{
  position:absolute!important;right:8px!important;top:8px!important;z-index:8!important;
  width:18px;height:18px;border-radius:50%;display:grid;place-items:center;
  background:var(--forest);color:#fff;font:700 9px sans-serif;opacity:0;font-style:normal;box-shadow:0 2px 7px rgba(0,0,0,.18);
}
.studio-design-card.active>em,.studio-designs .studio-design.active>em{opacity:1}
.studio-design-lite .design-choice-viewport,.studio-designs .design-choice-viewport{display:block!important}
.model-extras{margin-top:8px;border:1px solid #dde3d8;border-radius:9px;padding:0 8px;background:#f7f8f4}
.model-extras>summary{cursor:pointer;list-style:none;padding:8px 0;font:800 9px Manrope,sans-serif}
.model-extras>summary::-webkit-details-marker{display:none}
.export-model-pack-btn{width:100%;margin:8px 0 4px;padding:10px 12px;border:1px dashed #6b7c74;border-radius:8px;background:#eef3ec;color:var(--ink);font:800 11px Manrope,sans-serif;cursor:pointer}
.export-model-pack-btn:hover{background:#e2ebe0;border-color:#4d5a56}
.import-model-pack-btn{width:100%;margin:0 0 4px;padding:10px 12px;border:1px dashed #6b7c74;border-radius:8px;background:#fff;color:var(--ink);font:800 11px Manrope,sans-serif;cursor:pointer}
.import-model-pack-btn:hover{background:#f4f7f2;border-color:#4d5a56}
.export-model-pack-help{margin:0 0 10px;font:500 10px/1.35 Manrope,sans-serif;color:#5a6762}
.import-model-pack-dialog textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.35;resize:vertical;min-height:180px}
.identity-tools-fold{margin:0 0 10px;border:1px solid #dde3d8;border-radius:9px;padding:0 8px;background:#f7f8f4}
.identity-tools-fold>summary{cursor:pointer;list-style:none;padding:8px 0;font:800 9px Manrope,sans-serif;display:flex;justify-content:space-between}
.identity-tools-fold>summary::-webkit-details-marker{display:none}
.studio-random-tools{display:none!important}
.age-badge{border-radius:999px;background:#e4f6cc;color:#315c27;padding:5px 10px;font-size:11px;font-weight:900}
.age-badge.warn{background:#f4dfdb;color:#8b3025}
.studio-random-lite{display:none!important}
.mobile-profile-row{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}
.mobile-profile-row>button:first-child{text-align:left;border:1px solid #d5ddd2;border-radius:8px;background:#fff;padding:7px 9px}
.mobile-profile-row .danger{width:30px;border:0;border-radius:8px;background:#f1e4e1;color:#8b3025;font-size:14px;font-weight:800;cursor:pointer}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.desktop-profile-chips-empty{margin:0;font-size:8px;color:var(--muted)}
.desktop-profile-rail{margin:0 0 12px;padding:10px;border:1px solid #d5e0d6;border-radius:12px;background:linear-gradient(155deg,#f4f8f1,#eef4ea)}
.desktop-profile-rail>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.desktop-profile-rail>header small{display:block;font-size:6px;letter-spacing:.12em;font-weight:900;color:#3f6f66}
.desktop-profile-rail>header b{display:block;margin-top:2px;font:800 10px Manrope,sans-serif}
.desktop-profile-rail>header>button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:6px 9px;font-size:7px;font-weight:800;cursor:pointer}
.desktop-profile-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:7px}
.desktop-profile-chips>button{border:1px solid #d0d9cc;border-radius:999px;background:#fff;padding:5px 8px;font-size:7px;font-weight:800;cursor:pointer;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.desktop-profile-chips>button:hover{border-color:var(--forest);color:var(--forest)}
.desktop-profile-chips-empty{margin:0;font-size:7px;line-height:1.4;color:var(--muted)}
.desktop-profile-save-quick{width:100%;border:0;border-radius:9px;background:var(--forest);color:#fff;padding:8px;font:800 8px Manrope,sans-serif;cursor:pointer}
.model-profile-dialog{width:min(440px,calc(100vw - 32px));border:0;border-radius:18px;padding:0;background:#fbfaf6;color:var(--ink);box-shadow:0 28px 80px rgba(16,28,24,.28)}
.model-profile-dialog::backdrop{background:rgba(16,28,24,.45)}
.model-profile-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 0}
.model-profile-dialog>header small{display:block;font-size:7px;letter-spacing:.12em;font-weight:900;color:#3f6f66}
.model-profile-dialog>header b{display:block;margin-top:3px;font:800 16px Manrope,sans-serif}
.model-profile-dialog-close{width:32px;height:32px;border:0;border-radius:999px;background:#e8ebe3;font-size:18px;cursor:pointer}
.model-profile-dialog>p{margin:8px 16px 0;font-size:12px;line-height:1.45;color:var(--muted)}
.model-profile-dialog>label{display:grid;gap:6px;margin:14px 16px 0;font-size:11px;font-weight:800;color:var(--muted)}
.model-profile-dialog>label input{border:1px solid var(--line);border-radius:11px;padding:11px 12px;font:700 14px Manrope,sans-serif;background:#fff;outline:0}
.model-profile-dialog>label input:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(23,63,63,.08)}
.model-profile-dialog-save{display:block;width:calc(100% - 32px);margin:10px 16px 0;border:0;border-radius:11px;background:var(--forest);color:#fff;padding:12px;font:800 13px Manrope,sans-serif;cursor:pointer}
.model-profile-dialog-list{display:grid;gap:7px;margin:12px 16px 16px;max-height:280px;overflow:auto}
.model-profile-dialog-card{display:grid;grid-template-columns:40px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid #d5ddd2;border-radius:12px;background:#fff}
.model-profile-dialog-thumb{width:40px;height:40px;border-radius:10px;background:#edf2ea;overflow:hidden;display:grid;place-items:center}
.model-profile-dialog-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.model-profile-dialog-thumb span{font:800 13px Manrope,sans-serif;color:#3f6f66}
.model-profile-dialog-card b,.model-profile-dialog-card small{display:block}
.model-profile-dialog-card b{font-size:12px}
.model-profile-dialog-card small{margin-top:2px;font-size:10px;color:var(--muted)}
.model-profile-dialog-actions{display:flex;gap:4px}
.model-profile-dialog-actions button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer}
.model-profile-dialog-actions .danger{background:#f1e4e1;color:#8b3025;width:30px;padding:8px 0}
.studio-random-tools{display:none!important}
.age-badge{border-radius:999px;background:#e4f6cc;color:#315c27;padding:5px 10px;font-size:11px;font-weight:900}
.age-badge.warn{background:#f4dfdb;color:#8b3025}
.studio-random-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.studio-random-row label{display:grid!important;gap:5px;font-size:11px!important;font-weight:800!important;color:#4d655f;margin:0!important;letter-spacing:0!important}
.studio-random-row input{width:100%!important;min-height:42px!important;border:1px solid #d0d9cc!important;border-radius:10px!important;padding:10px 12px!important;font:700 16px Manrope,sans-serif!important;background:#fff!important;color:var(--ink)!important;margin-top:0!important}
.studio-random-row button{border:0!important;border-radius:10px!important;background:var(--forest)!important;color:#fff!important;padding:0 14px!important;min-height:42px!important;font:800 13px Manrope,sans-serif!important;cursor:pointer;white-space:nowrap}
.studio-random-tools>small,.hint{display:block;margin-top:9px;font-size:11px!important;line-height:1.45;color:var(--muted)}
.hint.ok{color:#315c27}.hint.bad{color:#8b3025}
.birth-bad{border-color:#c45a4a!important;box-shadow:0 0 0 2px rgba(196,90,74,.15)}
.studio-ctx-menu{position:fixed;z-index:200;min-width:210px;padding:6px;border:1px solid #d5ddd2;border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(16,28,24,.22)}
.studio-ctx-menu .ctx-label{padding:6px 10px 4px;font-size:7px;letter-spacing:.1em;font-weight:900;color:#3f6f66}
.studio-ctx-menu button{width:100%;border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;color:var(--ink)}
.studio-ctx-menu button:hover{background:#eef3ea}
.studio-ctx-menu button.danger{color:#8b3025}
.studio-ctx-menu hr{border:0;border-top:1px solid #e4e8e1;margin:4px 0}
.preview-zoom-tools .zoom-label{min-width:52px}
.catalog-card-viewport{border-radius:13px 13px 0 0;background:#eaeee8}.template-item .catalog-card-viewport{box-shadow:none}.template-item:hover .catalog-card-viewport{filter:saturate(1.06)}.template-item .design-preview-card .qr-grid{box-shadow:none!important}
@media(max-width:720px){.studio-express-grid{grid-template-columns:1fr}.studio-express-grid button:last-child{grid-column:auto}.saved-configuration-select{grid-template-columns:1fr 1fr}.saved-configuration-select select{grid-column:1/-1}.model-profiles{margin-bottom:10px;padding:11px}.model-profile-list{max-height:180px}.desktop-profile-rail{display:none}.studio-random-tools{margin-bottom:10px}}

/* CRM administrateur et pr?paration du dossier client */
.admin-head-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.admin-head-actions>button{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:9px 11px;font-size:8px;font-weight:850;cursor:pointer}.admin-head-actions>button:hover{border-color:var(--forest)}
.client-editor-dialog{width:min(690px,calc(100% - 24px))}.client-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.client-editor-grid label,.client-existing-row label{display:grid;gap:6px;font-size:8px;font-weight:850}.client-editor-grid .wide{grid-column:1/-1}.client-editor-grid input,.client-editor-grid select,.client-editor-grid textarea,.client-existing-row select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;font:700 10px Manrope;outline:0;background:#fff}.client-editor-grid input:focus,.client-editor-grid textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(23,63,63,.08)}.client-existing-row{margin:14px 0;padding:11px;border-radius:12px;background:#edf5df}.client-intake-note{display:grid;gap:3px;margin:13px 0;padding:11px;border-left:3px solid var(--lime);background:#f4f6ef}.client-intake-note b{font-size:9px}.client-intake-note span{font-size:8px;color:var(--muted)}
.client-view-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.client-view-head b,.client-view-head span{display:block}.client-view-head b{font:800 15px Manrope}.client-view-head span{font-size:8px;color:var(--muted);margin-top:3px}.client-view-head>button{border:0;border-radius:9px;background:var(--lime);padding:9px 12px;font-size:8px;font-weight:850;cursor:pointer}
.crm-client-card{display:flex;flex-direction:column}.client-card-head{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;margin-bottom:10px}.client-card-head>span{width:42px;height:42px;border-radius:13px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font:800 9px Manrope}.client-card-head small{display:inline-block;padding:3px 6px;border-radius:99px;background:#eaf3dc;color:#42652d;font-size:6px;font-weight:850}.client-card-head h3{margin:4px 0 1px}.client-card-head em{display:block;font-size:7px;color:var(--muted);font-style:normal}.crm-client-card p a{color:inherit}.client-card-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:11px}.client-card-actions button,.client-card-actions a,.client-folder-actions button,.client-folder-actions a{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:8px 9px;font-size:7px;font-weight:800;cursor:pointer}.client-card-actions a,.client-folder-actions a{background:var(--lime);color:var(--ink)}.client-card-actions .danger{background:#f4dfdb;color:#8b3025}
.client-folder-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.client-history-list{display:grid;gap:7px}.client-history-list button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;text-align:left;cursor:pointer}.client-history-list b,.client-history-list small{display:block}.client-history-list b{font-size:9px}.client-history-list small{font-size:7px;color:var(--muted);margin-top:3px}.client-history-list em{font-size:7px;font-style:normal;color:#427267}.detail-downloads .edit-project-link{background:var(--lime);color:var(--ink)}
@media(max-width:720px){.admin-head{align-items:flex-start!important}.admin-head-actions{width:100%;margin:9px 0 0}.admin-head-actions>*{flex:1;text-align:center}.client-editor-grid{grid-template-columns:1fr}.client-editor-grid .wide{grid-column:auto}.client-view-head{align-items:flex-start}.client-view-head>button{white-space:nowrap}}
.student-country-presets>.show-all-education{width:100%;justify-content:center;margin-top:7px;padding:8px;color:#285d55;font-size:8px;font-weight:850}
.batch-studio{margin:0 0 16px;padding:13px;border:1px solid #d7e0da;border-radius:15px;background:linear-gradient(145deg,#f7faf6,#edf4ef)}
.batch-studio-head{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.batch-studio-head>div{display:flex;flex-direction:column;gap:2px}.batch-studio-head small{font-size:7px;letter-spacing:.13em;font-weight:900;color:#397169}.batch-studio-head b{font:800 11px Manrope}.batch-studio-head span{font-size:7px;line-height:1.45;color:var(--muted)}.batch-studio-head>strong{width:31px;height:31px;border-radius:10px;background:var(--forest);color:#fff;display:grid;place-items:center;font:800 12px Manrope}
.batch-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}.batch-actions button{border:1px solid #cbd9d0;background:#fff;border-radius:9px;padding:8px;font-size:8px;font-weight:850;cursor:pointer}.batch-actions button:first-child{background:var(--ink);border-color:var(--ink);color:#fff}
.batch-holder-list{display:grid;gap:6px;max-height:220px;overflow:auto}.batch-holder-list>p{font-size:8px;color:var(--muted);text-align:center;padding:9px;margin:0}.batch-holder-list article{border:1px solid #dce4df;background:#fff;border-radius:10px;padding:5px}.batch-holder-list article.active{border-color:var(--forest);box-shadow:0 0 0 1px var(--forest)}.batch-holder-main{width:100%;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;border:0;background:transparent;text-align:left;padding:2px;cursor:pointer}.batch-holder-main>span{width:22px;height:22px;border-radius:7px;background:#edf3ef;display:grid;place-items:center;font-size:7px;font-weight:900}.batch-holder-main div{min-width:0}.batch-holder-main b,.batch-holder-main small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-holder-main b{font-size:9px}.batch-holder-main small{font-size:7px;color:var(--muted);margin-top:2px}.batch-holder-main em{font-style:normal;font-size:6px;color:#397169;background:#ecf4ef;border-radius:99px;padding:4px 6px}.batch-holder-list article>div{display:flex;justify-content:flex-end;gap:5px;border-top:1px solid #eef1ef;margin-top:4px;padding-top:4px}.batch-holder-list article>div button{border:0;background:transparent;font-size:7px;font-weight:800;color:#4b655f;cursor:pointer}.batch-holder-list article>div button:last-child{color:#a74242}
.holder-table-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.holder-table-head small{font-size:8px;letter-spacing:.12em;color:#397169;font-weight:900}.holder-table-head h3{margin:3px 0 0}.holder-table-head>span{font-size:9px;color:var(--muted)}.holder-admin-table{display:grid;gap:5px;margin-top:13px;max-height:320px;overflow:auto}.holder-admin-table>div{display:grid;grid-template-columns:28px minmax(110px,1.2fr) minmax(110px,1fr) minmax(90px,.7fr) auto;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.holder-admin-table span{font-size:8px;font-weight:900;color:#397169}.holder-admin-table b{font-size:10px}.holder-admin-table small,.holder-admin-table em,.holder-admin-table i{font-size:8px;font-style:normal;color:var(--muted)}.holder-admin-table i{color:#397169;font-weight:800}
@media(max-width:700px){.holder-table-head{align-items:flex-start;flex-direction:column}.holder-admin-table>div{grid-template-columns:24px 1fr auto}.holder-admin-table small{grid-column:2}.holder-admin-table em{grid-column:2}.holder-admin-table i{grid-column:3;grid-row:1/4}}

/* Publication 2026 ? parcours ?tudiant prioritaire */
html[data-page="studio"] .student-focus,html[data-page="studio"] .student-faq,html[data-page="studio"] .pool-section,html[data-page="admin"] .student-focus,html[data-page="admin"] .student-faq,html[data-page="admin"] .pool-section{display:none}
.student-focus{background:#f9faf5}.student-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.student-route-grid>a{min-height:250px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:23px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.student-route-grid>a:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-85px;top:-75px;background:#e8f8ca;transition:.25s}.student-route-grid>a:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(21,34,31,.09)}.student-route-grid>a:hover:after{transform:scale(1.15)}.student-route-grid>a>span{font-size:28px;position:relative;z-index:1}.student-route-grid small{display:block;margin:25px 0 8px;color:#397169;font-size:8px;font-weight:900;letter-spacing:.12em}.student-route-grid h3{margin:0;font:800 19px Manrope}.student-route-grid p{min-height:46px;color:var(--muted);font-size:11px;line-height:1.55}.student-route-grid>a>b{margin-top:auto;font-size:10px}.student-price-strip{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:20px;margin-top:18px;padding:20px 24px;border-radius:18px;background:var(--ink);color:#fff}.student-price-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.student-price-strip small{grid-column:1/-1;color:#98aaa5;font-size:7px;font-weight:900;letter-spacing:.12em}.student-price-strip strong{font:800 19px Manrope}.student-price-strip span{align-self:end;color:#9caaa6;font-size:8px;margin-bottom:2px}.student-price-strip>a{border-radius:99px;background:var(--lime);color:var(--ink);padding:13px 17px;font-size:10px;font-weight:850;white-space:nowrap}
.student-faq{background:#f0eee7}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-grid details{border:1px solid #dadbd3;border-radius:14px;background:#fff;padding:17px 19px}.faq-grid summary{cursor:pointer;font:800 12px Manrope;display:flex;align-items:center;justify-content:space-between;gap:10px}.faq-grid summary:after{content:"?";font-size:17px;color:#397169}.faq-grid details[open] summary:after{content:"?"}.faq-grid p{margin:12px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
.csv-template-button{width:100%;border:1px solid #c9d6ce;border-radius:10px;background:#eef4ef;color:#285d55;padding:10px;font-size:8px;font-weight:850;cursor:pointer;margin:-8px 0 10px}.csv-template-button:hover{background:#e3eee7}
.bat-series-summary{margin:-10px 0 20px;padding:13px;border:1px solid #d9e2da;border-radius:13px;background:#f2f7f3;display:grid;gap:8px}.bat-series-summary:empty{display:none}.bat-series-summary>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px}.bat-series-summary>div>span{width:34px;height:34px;border-radius:10px;background:var(--forest);color:#fff;display:grid;place-items:center;font:800 11px Manrope}.bat-series-summary p{margin:0}.bat-series-summary b,.bat-series-summary small{display:block}.bat-series-summary b{font-size:10px}.bat-series-summary small{font-size:8px;line-height:1.45;color:var(--muted)}.bat-series-summary em{justify-self:start;border-radius:99px;background:#f6e9d3;color:#8c5d18;padding:5px 8px;font-size:7px;font-style:normal;font-weight:850}.bat-series-summary em.ready{background:#e4f3d7;color:#3b6d29}
@media(max-width:900px){.student-route-grid{grid-template-columns:1fr}.student-route-grid>a{min-height:190px}.student-price-strip{grid-template-columns:repeat(3,1fr)}.student-price-strip>a{grid-column:1/-1;text-align:center}.faq-grid{grid-template-columns:1fr}}
@media(max-width:600px){.student-price-strip{grid-template-columns:1fr 1fr;padding:17px}.student-price-strip>div:last-of-type{grid-column:1/-1}.student-route-grid>a{padding:18px}.student-route-grid small{margin-top:16px}.faq-grid details{padding:15px}.hero-copy .trust-row{display:grid;grid-template-columns:1fr 1fr}.hero-copy .trust-row div:last-child{grid-column:1/-1}}

/* Vitrine responsive ? parcours ?tudiant */
.student-route-hint{margin:10px 0 0;font-size:13px;font-weight:650;color:var(--muted)}
.student-route-hint strong{color:var(--forest);font-weight:800}
.studio-path-steps{
  list-style:none;margin:0 0 22px;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
.studio-path-steps li{
  display:flex;align-items:center;gap:12px;padding:16px 18px;
  border:1px solid var(--line);border-radius:18px;background:#fff
}
.studio-path-steps em{
  width:36px;height:36px;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  background:var(--forest);color:var(--lime);
  font:800 14px/1 Manrope,sans-serif;font-style:normal
}
.studio-path-steps b{display:block;font:800 15px/1.2 Manrope,sans-serif}
.studio-path-steps span{display:block;margin-top:3px;font-size:12px;color:var(--muted);line-height:1.35}
.studio-path-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.tracking-hint{margin:10px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}
.tracking-last{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:12px;padding:10px 12px;border-radius:12px;background:#f2f1eb;border:1px solid var(--line)
}
.tracking-last span{font-size:11px;color:var(--muted)}
.tracking-last button{
  border:0;border-radius:999px;background:var(--ink);color:#fff;
  padding:8px 12px;font:800 11px Manrope;cursor:pointer
}
.tracking-result{margin-top:14px}
.tracking-loading,.tracking-error,.tracking-empty-steps{margin:0;font-size:13px;line-height:1.45;color:var(--ink)}
.tracking-error{color:#b42318}
.tracking-panel{background:#f7f6f1;border:1px solid var(--line);border-radius:16px;padding:16px;color:var(--ink)}
.tracking-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.tracking-panel-head small{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:800}
.tracking-panel-head b{display:block;margin-top:4px;font:800 20px/1.1 Manrope,sans-serif;letter-spacing:.04em;color:var(--forest)}
.tracking-copy{
  border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);
  padding:8px 12px;font:800 11px Manrope;cursor:pointer;white-space:nowrap
}
.tracking-panel-meta{margin:10px 0 12px;font-size:13px;color:var(--muted)}
.tracking-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tracking-badges .badge-prod,.tracking-badges .badge-pay{
  display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;
  font-size:11px;font-weight:800;background:#e8ebe5;color:var(--ink)
}
.tracking-badges .badge-pay{background:#eef8cf;color:var(--forest)}
.tracking-panel .timeline{margin-top:8px}
.tracking-panel .timeline-item{color:var(--ink)}
.tracking-panel .tracking-pool{background:#edf5ef;color:var(--ink)}
@media(max-width:900px){
  .studio-path-steps{grid-template-columns:1fr}
}
.student-route-grid{gap:12px}
.student-route-grid>a.student-route{
  min-height:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:14px;
  row-gap:8px;
  align-items:center;
  padding:16px 18px;
}
.student-route-grid>a.student-route .route-flag{
  grid-row:1 / span 2;
  font-size:34px;
  line-height:1;
  position:relative;
  z-index:1;
}
.student-route-grid>a.student-route>div{min-width:0;position:relative;z-index:1}
.student-route-grid>a.student-route small{margin:0 0 4px;font-size:10px}
.student-route-grid>a.student-route h3{font-size:17px;line-height:1.2}
.student-route-grid>a.student-route p{min-height:0;margin:4px 0 0;font-size:12px;line-height:1.45}
.student-route-grid>a.student-route>em{
  justify-self:end;
  align-self:start;
  position:relative;
  z-index:1;
  border-radius:999px;
  background:#e8f8ca;
  color:#24584f;
  padding:5px 9px;
  font-size:10px;
  font-style:normal;
  font-weight:800;
}
.student-route-grid>a.student-route:not(.is-featured)>em{display:none}
.student-route-grid>a.student-route>b{
  grid-column:2 / -1;
  margin-top:0;
  justify-self:start;
  position:relative;
  z-index:1;
  font-size:12px;
  font-weight:800;
  color:var(--forest);
}
.student-route-grid>a.student-route.is-featured{
  border-color:#9fc98f;
  background:linear-gradient(180deg,#f7fff0,#fff);
  box-shadow:0 10px 28px rgba(23,63,63,.08);
}
.student-route-grid>a.student-route.is-featured:after{background:#d9f5a8}
@media(min-width:901px){
  .student-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1100px){
  .student-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .student-focus.section{padding:56px 18px}
  .student-route-grid{grid-template-columns:1fr!important;gap:10px}
  .student-route-grid>a.student-route{
    grid-template-columns:44px minmax(0,1fr);
    grid-template-rows:auto auto auto;
    padding:14px;
    border-radius:16px;
  }
  .student-route-grid>a.student-route .route-flag{grid-row:1;font-size:28px}
  .student-route-grid>a.student-route>div{grid-column:2;grid-row:1 / span 2}
  .student-route-grid>a.student-route>em{grid-column:1 / -1;grid-row:3;justify-self:start;margin-top:2px}
  .student-route-grid>a.student-route>b{grid-column:1 / -1;grid-row:4;margin-top:2px}
  .student-route-grid>a.student-route h3{font-size:16px}
  .student-route-grid>a.student-route p{font-size:12px}
  .student-price-strip{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    padding:16px!important;
    border-radius:16px;
  }
  .student-price-strip>div{grid-template-columns:1fr}
  .student-price-strip strong{font-size:18px}
  .student-price-strip>a{
    grid-column:1 / -1!important;
    text-align:center;
    padding:14px 16px!important;
    font-size:13px!important;
  }
  .pool-section{grid-template-columns:1fr!important;gap:18px;padding:56px 18px}
  .pool-actions{flex-direction:column;align-items:stretch}
  .pool-actions .btn,.pool-actions button{width:100%;justify-content:center}
  .hero{padding:48px 18px 40px!important;gap:28px}
  .hero-copy h1{font-size:clamp(32px,9vw,48px)!important;line-height:1.05}
  .hero-actions{width:100%}
  .hero-actions .btn{width:100%;justify-content:center}
  .client-strip{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:14px;padding:14px 18px}
  .section-head{gap:12px}
  .section-head h2{font-size:clamp(26px,7vw,36px)}
  .filter-row{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px}
  .filter-row .filter{flex:0 0 auto}
}

/* File de production group?e */
.pool-section{padding:85px clamp(24px,8vw,130px);background:linear-gradient(120deg,#173f3f,#245b55);color:#fff;display:grid;grid-template-columns:1fr minmax(340px,.72fr);align-items:center;gap:70px}.pool-copy .kicker{color:#9ac1ba}.pool-copy h2{font-size:clamp(40px,5vw,70px);line-height:1;margin:14px 0}.pool-copy p{max-width:610px;color:#c3d1cd;line-height:1.65}.pool-actions{display:flex;gap:9px;margin-top:25px}.pool-actions button{border:1px solid #78918b;border-radius:99px;background:transparent;color:#fff;padding:13px 17px;font-size:10px;font-weight:850;cursor:pointer}.pool-meter-card{border:1px solid rgba(255,255,255,.15);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(16px);padding:25px;box-shadow:0 24px 70px rgba(0,0,0,.18)}.pool-meter-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.pool-meter-head small,.pool-meter-head b{display:block}.pool-meter-head small{font-size:7px;letter-spacing:.13em;color:#9cb2ad}.pool-meter-head b{font:800 14px Manrope;margin-top:4px}.pool-meter-head>strong{font:800 30px Manrope;color:var(--lime)}.pool-progress{height:12px;border-radius:99px;background:#0f2f2b;overflow:hidden;margin:20px 0 16px}.pool-progress>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lime),#76e1c0);transition:width .5s}.pool-people{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.pool-people i{aspect-ratio:1;border:1px solid #657c76;border-radius:8px;display:grid;place-items:center;color:#80948f;font:800 7px Manrope;font-style:normal}.pool-people i.filled{border-color:var(--lime);background:var(--lime);color:var(--ink)}.pool-meter-card>p{font:800 11px Manrope;margin:17px 0 4px}.pool-meter-card>small{font-size:7px;color:#8fa49f}
.studio-pool-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 13px;border:1px solid #d6e0d9;border-radius:12px;background:#edf5ef}.studio-pool-notice>div{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px}.studio-pool-notice>div>span{width:42px;height:42px;border-radius:11px;background:var(--forest);color:#fff;display:grid;place-items:center;font:800 10px Manrope}.studio-pool-notice p{margin:0}.studio-pool-notice b,.studio-pool-notice small{display:block}.studio-pool-notice b{font-size:9px}.studio-pool-notice small{font-size:7px;color:var(--muted);margin-top:2px}.studio-pool-notice>button{border:0;border-radius:9px;background:var(--lime);padding:9px 11px;font-size:7px;font-weight:850;cursor:pointer;white-space:nowrap}.tracking-pool{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:13px 0;padding:11px;border-radius:11px;background:#edf5ef}.tracking-pool strong{font:800 16px Manrope;color:#397169}.tracking-pool span{font-size:8px}.tracking-pool button{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:8px;font-size:7px;font-weight:800;cursor:pointer}
@media(max-width:850px){.pool-section{grid-template-columns:1fr;gap:35px}.pool-actions{flex-wrap:wrap}}
@media(max-width:600px){.pool-section{padding:60px 18px}.pool-actions>*{width:100%}.pool-people{gap:3px}.pool-meter-card{padding:18px}.studio-pool-notice{align-items:stretch;flex-direction:column}.studio-pool-notice>button{width:100%}.tracking-pool{grid-template-columns:auto 1fr}.tracking-pool button{grid-column:1/-1}}

/* Gestion administrateur des groupes de production */
.pool-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr)) 2fr;gap:10px;margin-bottom:14px}.pool-admin-summary>div,.pool-admin-summary>p{margin:0;border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px}.pool-admin-summary small,.pool-admin-summary b{display:block}.pool-admin-summary small{font-size:7px;letter-spacing:.1em;color:var(--muted)}.pool-admin-summary b{font:850 22px Manrope;margin-top:4px}.pool-admin-summary p{font-size:8px;line-height:1.5;color:var(--muted);display:flex;align-items:center}
.pool-admin-list{display:grid;gap:13px}.pool-admin-card{border:1px solid var(--line);border-radius:17px;background:#fff;padding:16px;overflow:hidden}.pool-admin-card.is-ready{border-color:#86af45;box-shadow:inset 4px 0 #a8db55}.pool-admin-card>header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.pool-admin-card header h3{font:800 14px ui-monospace,monospace;margin:5px 0 3px}.pool-admin-card header small{font-size:7px;color:var(--muted)}.pool-admin-card header strong{font:900 28px Manrope;white-space:nowrap}.pool-admin-card header strong i{font-size:12px;color:var(--muted);font-style:normal}.pool-admin-state{display:inline-flex;border-radius:99px;background:#fff0cf;color:#805b0b;padding:5px 8px;font-size:6px;font-weight:900;letter-spacing:.1em}.pool-admin-card.is-ready .pool-admin-state{background:#e4f6cc;color:#315c27}.pool-admin-progress{height:9px;border-radius:99px;background:#e9ece5;margin-top:14px;overflow:hidden}.pool-admin-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3d7d72,var(--lime))}.pool-admin-labels{display:flex;justify-content:space-between;gap:10px;margin:7px 0 13px;font-size:7px;color:var(--muted)}.pool-admin-labels b{color:var(--ink)}
.pool-admin-orders{display:grid;gap:5px}.pool-admin-orders button{width:100%;display:grid;grid-template-columns:1fr auto 145px;align-items:center;gap:10px;border:1px solid #eceee8;border-radius:10px;background:#fafaf7;padding:10px;text-align:left;cursor:pointer}.pool-admin-orders button:hover{border-color:#9bbeb7;background:#fff}.pool-admin-orders span b,.pool-admin-orders span small{display:block}.pool-admin-orders span b{font-size:9px}.pool-admin-orders span small{font-size:7px;color:var(--muted);margin-top:2px}.pool-admin-orders em{font-size:8px;font-style:normal;font-weight:800}.pool-admin-orders i{font:700 7px ui-monospace,monospace;color:var(--muted);text-align:right}.pool-admin-card>footer{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;padding:0;background:transparent;color:inherit}.pool-admin-card>footer button,.pool-admin-card>footer a{border:0;border-radius:8px;background:var(--ink);color:#fff;padding:8px 10px;font-size:7px;font-weight:800;cursor:pointer}.pool-admin-card>footer a{background:#e6f6cf;color:var(--ink)}.pool-admin-empty{border:1px dashed var(--line);border-radius:14px;background:#fff;padding:24px}
@media(max-width:900px){.pool-admin-summary{grid-template-columns:repeat(3,1fr)}.pool-admin-summary>p{grid-column:1/-1}.pool-admin-orders button{grid-template-columns:1fr auto}.pool-admin-orders i{grid-column:1/-1;text-align:left}}
@media(max-width:600px){.pool-admin-summary{grid-template-columns:1fr 1fr}.pool-admin-summary>div:nth-child(3),.pool-admin-summary>p{grid-column:1/-1}.pool-admin-card{padding:13px}.pool-admin-card>header{align-items:center}.pool-admin-card header h3{font-size:10px;word-break:break-all}.pool-admin-orders button{grid-template-columns:1fr auto;padding:9px}.pool-admin-card>footer>*{flex:1;text-align:center;white-space:nowrap}}

/* S?lecteur de designs 2026 : type, pays, puis recto */
.studio-express-compact{margin-bottom:10px;padding:0;background:#f3f6ef}.studio-express-compact>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;cursor:pointer;list-style:none}.studio-express-compact>summary::-webkit-details-marker{display:none}.studio-express-compact>summary span{font:800 9px Manrope}.studio-express-compact>summary small{font-size:7px;color:#397169}.studio-express-compact[open]>summary{border-bottom:1px solid #d8e2d2}.studio-express-compact>.studio-express-grid,.studio-express-compact>.saved-configurations{margin-left:10px;margin-right:10px}.studio-express-compact>.saved-configurations{margin-bottom:10px}
.design-browser{border:1px solid #dce1d9;border-radius:14px;background:#f8f9f5;padding:10px;margin-bottom:10px}.design-browser-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.design-browser-head small,.design-browser-head b{display:block}.design-browser-head small,.design-results-head small{font-size:6px;letter-spacing:.12em;color:#397169;font-weight:900}.design-browser-head b{font:800 11px Manrope;margin-top:2px}.design-browser-head>span{border-radius:99px;background:#e5f5cd;padding:5px 8px;font-size:7px;font-weight:850;white-space:nowrap}.design-browser .design-filter-row{padding-bottom:8px}.design-browser .student-country-presets{margin:0;padding:9px;background:#eef3eb}.design-browser .student-country-presets[hidden]{display:none}.design-browser .student-country-presets>div{grid-template-columns:repeat(3,minmax(0,1fr))}.design-results-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:11px 1px 7px}.design-results-head span{font-size:7px;color:var(--muted)}
.studio-designs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;max-height:410px!important;overflow:auto!important;padding:2px 4px 4px 2px!important}.studio-design[hidden]{display:none!important}.studio-design-copy b{font-size:7px!important}.studio-design-copy small{font-size:6px!important}
.institutional-signature i.flag-de{background:linear-gradient(#111 0 33.33%,#dd0000 33.33% 66.66%,#ffce00 66.66%)}.institutional-signature i.flag-es{background:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}
.live-card[data-template="geometry"] .live-header,.live-card[data-template="geometry"] .live-content,.live-card[data-template="geometry"] .live-footer{z-index:2}.live-card[data-template="geometry"] .live-footer{align-items:center}.live-card[data-template="geometry"] .institutional-signature{max-width:205px;border-radius:10px;background:rgba(255,255,255,.94);padding:5px 7px;box-shadow:0 4px 14px rgba(20,32,30,.08)}.live-card[data-template="geometry"] .qr-grid{position:relative;z-index:4;margin-right:3px;background:#fff!important;box-shadow:0 7px 18px rgba(17,32,30,.22),0 0 0 1px rgba(17,32,30,.12)!important}
.student-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1100px){.student-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.student-route-grid{grid-template-columns:1fr!important}}
@media(max-width:720px){.design-browser .student-country-presets>div{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-designs{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:390px!important}.design-results-head{align-items:flex-start;flex-direction:column;gap:3px}.studio-express-compact>.studio-express-grid{grid-template-columns:1fr 1fr}.studio-express-compact>.studio-express-grid button:last-child{grid-column:1/-1}}
@media(max-width:430px){.design-browser-head{align-items:flex-start}.design-browser-head>span{font-size:6px}.student-country-presets button{padding:7px 4px}.studio-express-compact>.studio-express-grid{grid-template-columns:1fr}.studio-express-compact>.studio-express-grid button:last-child{grid-column:auto}}

/* Union Jack officiel et ?diteur libre compact */
.institutional-signature i.flag-uk{background:#012169 url("/flag-united-kingdom.svg") center/cover no-repeat!important}
.layout-toolbar{gap:6px!important;padding:8px!important}.layout-toolbar-head{min-height:34px}.layout-toolbar-head>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-inspector{padding-top:7px!important}.layer-inspector-top{grid-template-columns:minmax(135px,.8fr) 1fr auto!important;align-items:center!important}.layer-inspector-top label{display:flex!important;align-items:center;gap:7px}.layer-inspector-top label select{margin:0!important}.layer-inspector-top>b{padding:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-inspector-top>button{margin:0!important}
.editor-tool-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px;padding:3px;border-radius:9px;background:#dde2da}.editor-tool-tabs button{border:0!important;background:transparent!important;padding:7px!important;font-size:8px!important}.editor-tool-tabs button.active{background:#fff!important;color:var(--ink)!important;box-shadow:0 2px 7px rgba(20,33,30,.1)}
.editor-tool-panel{padding-top:7px}.editor-tool-panel[hidden]{display:none!important}.layer-content-editor{min-height:48px}.layer-content-summary{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#fff}.layer-content-summary>span{width:42px;height:34px;border-radius:8px;background:var(--forest);color:#fff;display:grid;place-items:center;font-size:6px;font-weight:900}.layer-content-summary b,.layer-content-summary small{display:block}.layer-content-summary b{font-size:9px}.layer-content-summary small{font-size:7px;color:var(--muted);margin-top:2px;line-height:1.35}.layer-content-actions,.style-shortcuts{display:flex;gap:5px;margin-top:6px}.layer-content-actions button,.style-shortcuts button{flex:1;border:0!important;border-radius:8px!important;background:var(--ink)!important;color:#fff!important;padding:8px!important;font-size:7px!important;font-weight:850!important}.layer-content-actions .danger{background:#f4dfdb!important;color:#8b3025!important}
.layer-content-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.layer-content-form label{display:grid;gap:4px;margin:0!important;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:7px!important}.layer-content-form label:only-child{grid-column:1/-1}.layer-content-form input,.layer-content-form textarea{width:100%;min-width:0;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;padding:2px 0!important;font-size:9px!important;font-weight:750;resize:none;outline:0}.layer-content-help{display:block;margin-top:5px;font-size:6px;color:var(--muted)}.style-shortcuts button{background:#edf0e9!important;color:var(--ink)!important}.layer-property-grid{grid-template-columns:repeat(3,1fr)!important}.editor-tool-panel .layer-quick-list{max-height:56px;overflow:auto}.editor-tool-panel .layer-action-grid{margin-top:5px}.editor-tool-panel .layer-shortcuts{margin-top:5px}
@media(max-width:720px){.layout-toolbar-head>span{order:initial!important;width:auto!important;max-width:130px}.layer-inspector-top{grid-template-columns:1fr auto!important}.layer-inspector-top>b{display:none!important}.layer-content-form{grid-template-columns:1fr}.layer-content-form label:only-child{grid-column:auto}.layer-property-grid{grid-template-columns:1fr 1fr!important}.layer-property-grid label:last-child{grid-column:1/-1}.editor-tool-tabs{position:sticky;top:0;z-index:2}.layer-content-summary{grid-template-columns:36px 1fr}.layer-content-summary>span{width:36px}}

/* Lisibilit? et impression : r?gles communes ? tous les mod?les */
.live-card .live-header>b{
  position:relative;
  z-index:8!important;
  max-width:44%;
  overflow:hidden;
  color:#17201e!important;
  background:#fff!important;
  border:1px solid #d7dfdc!important;
  box-shadow:0 4px 12px rgba(18,31,29,.12);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.live-card .qr-grid{
  border:1px solid #aeb9b5!important;
  background:#fff!important;
  background-clip:padding-box!important;
}
.export-card .qr-grid{
  border:1px solid #87938f!important;
  box-shadow:none!important;
}
.live-card[data-variant="student-france"] .front-side:before{
  clip-path:none!important;
}

/* Signature Royaume-Uni : vraie taille lisible et rendu vectoriel net. */
.institutional-signature[data-country="uk"]{
  min-width:205px;
  gap:10px;
  align-items:center;
  line-height:1;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
.institutional-signature[data-country="uk"] .country-flag{
  width:46px;
  height:27px;
  object-fit:contain;
  border:1px solid rgba(1,33,105,.3);
  border-radius:3px;
  image-rendering:auto;
  box-shadow:0 1px 2px rgba(18,31,29,.12);
}
.institutional-signature[data-country="uk"]>b{
  gap:2px;
  white-space:nowrap;
}
.institutional-signature[data-country="uk"]>b>span:first-child{
  color:#172b54;
  font:800 8px/1 Manrope,sans-serif;
  letter-spacing:.065em;
}
.institutional-signature[data-country="uk"]>b>span:nth-child(2){
  color:#17201e;
  font:800 9px/1.05 Manrope,sans-serif;
  letter-spacing:.015em;
}
.institutional-signature[data-country="uk"] small{
  color:#59635f;
  font:700 6.5px/1.1 Manrope,sans-serif;
  letter-spacing:.06em;
}

/* Outils avanc?s du portrait et d?tourage. */
.portrait-advanced-grid{margin-top:2px}
.portrait-flip-control{display:flex!important;flex-direction:column;gap:5px}
.portrait-flip-control>span{font-size:8px}
.portrait-flip-control button,.restore-photo-auto{border:1px solid #ccd7cf;background:#fff;border-radius:8px;padding:8px;font-size:7px;font-weight:800;cursor:pointer}
.portrait-flip-control button.active{background:var(--forest);border-color:var(--forest);color:#fff}
.background-mode{margin-top:9px}
.background-mode label{margin:0!important;font-size:8px!important}
.background-mode select{margin-top:5px!important;padding:9px!important;font-size:8px!important}
.background-tools[hidden]{display:none!important}
.restore-photo-auto{width:100%;margin-top:8px}
.restore-photo-auto:disabled{opacity:.45;cursor:not-allowed}

/* Export = aper?u PVC 650?410 (ignore le responsive / zoom) */
.export-host.scaled-card-frame{
  position:fixed!important;
  left:-10000px!important;
  top:0!important;
  width:650px!important;
  height:410px!important;
  max-width:none!important;
  margin:0!important;
  zoom:1!important;
  overflow:hidden!important;
  z-index:-1!important;
  pointer-events:none!important;
  perspective:none!important;
}
.export-host>.live-card.export-card,
.live-card.export-card{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:650px!important;
  height:410px!important;
  max-width:none!important;
  margin:0!important;
  zoom:1!important;
  transform:none!important;
  transition:none!important;
  box-shadow:none!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:#fff!important;
  aspect-ratio:auto!important;
}
.export-card>.card-side,
.export-card .card-side{
  position:absolute!important;
  inset:0!important;
  width:650px!important;
  height:410px!important;
  padding:38px!important;
  transform:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  overflow:hidden!important;
}
.export-card .live-content{gap:30px!important;margin-top:43px!important}
.export-card .live-photo{width:145px!important;height:170px!important;overflow:hidden!important;flex:0 0 auto!important}
.export-card .live-photo .portrait-image{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important}
.export-card .live-info h3{font:800 38px/1.05 Manrope,sans-serif!important;margin:6px 0!important}
.export-card .id-row{gap:24px!important;flex-direction:row!important;margin-top:27px!important}
.export-card .student-meta{display:grid!important;grid-template-columns:1fr 1fr!important}
.export-card .institution-mark,.export-card .institutional-signature img.institution-mark{background:transparent!important;box-shadow:none!important;mix-blend-mode:normal}
.export-card .back-side .magnetic{margin:20px -38px!important}
.export-card[data-template="ribbon"] .live-content{margin-top:62px!important}
.export-card[data-template="geometry"] .live-info{max-width:58%!important}
.export-card[data-template="campus"] .live-content{margin-top:40px!important}
.export-card .selected-layer,
.export-card.layout-editing .editable-layer{outline:none!important;box-shadow:none!important}
.export-card *{animation:none!important;transition:none!important}
.export-dialog{width:min(420px,calc(100vw - 32px));padding:28px 26px 22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(17,31,28,.18)}
.export-dialog .kicker{font-size:9px;letter-spacing:.14em;color:#3c786f;font-weight:800}
.export-dialog h2{margin:8px 0 6px;font:800 24px Manrope,sans-serif}
.export-dialog>p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.45}
.export-dialog label{display:grid;gap:6px;margin:0 0 12px;font-size:11px;font-weight:700}
.export-dialog select{min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}
.export-dialog .dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}

/* === Cartes universitaires réelles (France) — charte 2026 === */
.brand-logo{background:transparent!important;padding:0;box-shadow:none}
.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:left center;display:block}
.real-card-notice{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#f3e8ee;color:#63003C;font-size:11px;line-height:1.35;font-weight:700}
html.real-card-locked .is-locked-field{opacity:.55;pointer-events:none}
html.real-card-locked .model-extras .design-color-row,
html.real-card-locked .advanced-card-settings{opacity:.55;pointer-events:none}
.studio-design.is-real .studio-design-copy small{color:#63003C;font-weight:800}
.template-item[data-kind="real"] .template-meta span{color:#63003C}
.design-kind-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.design-kind-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;cursor:pointer}
.design-kind-row button.active{background:var(--ink);color:#fff;border-color:var(--ink)}

/* Logos réels : tailles/cartouches gérés dans real-univ.css
   (ne pas forcer overflow:visible — ça fait déborder le logo hors du fond blanc) */
.live-card[data-variant^="real-"] .live-logo img,
.live-card[data-variant^="real-"] .brand-logo img{
  object-fit:contain!important;
  object-position:left center!important;
  width:100%!important;
  height:100%!important;
  display:block;
  background:transparent!important;
}
/* Option : fond blanc (cartouche) autour du logo marque */
.live-card.logo-cartouche-on .live-logo.brand-logo{
  background:#fff!important;
  box-shadow:0 1px 4px rgba(0,0,0,.08)!important;
  border:1px solid rgba(20,31,29,.08)!important;
  padding:5px 7px!important;
  border-radius:8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.live-card.logo-cartouche-off .live-logo,
.live-card.logo-cartouche-off .live-logo.brand-logo,
.live-card.logo-cartouche-off[data-variant^="real-"] .live-logo,
.live-card.logo-cartouche-off[data-variant^="real-"] .live-logo.brand-logo{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  padding:0!important;
}
.live-card.logo-cartouche-on .back-side.is-real-back .real-back-logo{
  background:#fff!important;
  padding:4px 6px!important;
  border-radius:6px!important;
  border:1px solid rgba(20,31,29,.08)!important;
  box-shadow:0 1px 3px rgba(0,0,0,.06)!important;
}
.live-card.logo-cartouche-off .back-side.is-real-back .real-back-logo{
  background:transparent!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.live-card[data-variant^="real-"] .qr-grid{
  background:#fff!important;padding:8px!important;border-radius:8px!important;
  box-shadow:0 4px 14px rgba(17,32,30,.12)!important;border:1px solid rgba(17,32,30,.08);
}
.live-card[data-variant^="real-"] .qr-grid img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.live-card[data-variant^="real-"] .live-info h3{color:var(--real-text, var(--primary))}
.live-card[data-variant^="real-"] .live-info p{color:var(--primary)}
.live-card[data-variant^="real-"] .student-meta,
.live-card[data-variant^="real-"] .id-row{color:#5a6160}

/* Designs uniques universités réelles : voir real-univ.css */

/* —— Admin cockpit A→J —— */
.admin-cockpit{grid-template-columns:1.2fr .8fr}
.overview-ca{grid-column:1/-1}
.ca-bars{display:flex;align-items:flex-end;gap:10px;height:120px;padding:8px 4px 0;margin-bottom:14px}
.ca-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}
.ca-bar i{display:block;width:100%;max-width:42px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#c9ff4a,#6d9a3a);min-height:8px}
.ca-bar span{font-size:8px;font-weight:800;color:var(--muted);text-transform:capitalize}
.ca-bar em{font-size:9px;font-style:normal;font-weight:800}
.overview-quick-row{display:flex;flex-wrap:wrap;gap:8px}
.overview-quick-row button{border:1px solid var(--line);background:#f7f8f4;border-radius:10px;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer}
.overview-quick-row button:hover{background:var(--ink);color:#fff}
.admin-order-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.admin-order-toolbar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.admin-order-toolbar button b{background:#eef1ea;border-radius:99px;padding:2px 7px;font-size:9px}
.admin-order-toolbar button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.admin-order-toolbar button.active b{background:rgba(255,255,255,.18);color:#fff}
.orders-mgmt-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:0 0 12px}
.orders-mgmt-head b{display:block;font:800 16px Manrope}
.orders-mgmt-head span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.orders-bulk-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;padding:10px 12px;border:1px dashed #d0d4cb;border-radius:14px;background:#f7f8f3}
.orders-bulk-bar.is-open{border-style:solid;border-color:#b7c59a;background:#f2f7e8}
.orders-select-all{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;margin-right:auto}
.orders-bulk-bar select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;font-size:11px;font-weight:700}
.orders-bulk-bar .bulk-apply{border:0;border-radius:10px;background:var(--ink);color:#fff;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}
.orders-bulk-bar .bulk-danger,.order-danger-actions .danger,.admin-order-actions .danger-link{border:0;border-radius:10px;background:#f3dfdc;color:#8c3024;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}
.orders-bulk-bar button:disabled{opacity:.45;cursor:not-allowed}
.admin-order-list{display:grid;gap:10px}
.admin-order-card{display:grid;grid-template-columns:28px minmax(0,1.2fr) minmax(210px,.9fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.admin-order-card.is-selected{border-color:#9bbe7a;box-shadow:inset 3px 0 var(--lime)}
.admin-order-card.is-closed{opacity:.78;background:#faf7f6}
.order-check{display:grid;place-items:center}
.admin-order-main small{display:block;font-size:8px;color:var(--muted)}
.admin-order-main b{display:block;font:800 14px Manrope;margin:2px 0}
.admin-order-main span{font-size:11px;color:#445}
.admin-order-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-top:8px}
.admin-order-meta em{font-style:normal;font-size:10px;color:var(--muted)}
.admin-order-meta strong{font:800 14px Manrope}
.admin-order-controls{display:grid;gap:8px}
.admin-order-controls label{display:grid;gap:4px}
.admin-order-controls small{font-size:8px;letter-spacing:.08em;color:var(--muted);font-weight:800}
.admin-order-controls select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fafaf7;font-size:11px;font-weight:700}
.admin-order-badges,.detail-head-badges{display:flex;flex-wrap:wrap;gap:6px}
.badge-prod,.badge-pay{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:8px;font-weight:850}
.badge-prod{background:#eef3ff;color:#2a3f8f}
.badge-prod.status-annul-e,.badge-prod.status-r-voqu-e{background:#f3dfdc;color:#8c3024}
.badge-pay{background:#fff3d6;color:#7a5608}
.badge-pay.pay-pay-e,.badge-pay.pay-payée{background:#e4f6cc;color:#315c27}
.admin-order-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.admin-order-actions .primary,.detail-downloads .primary,.pipeline-next{background:var(--ink);color:#fff;border:0;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}
.admin-order-actions .ghost-link,.admin-order-actions .danger-link{font-size:10px;font-weight:800;color:#256b64;align-self:center;background:transparent;padding:0}
.admin-order-actions .danger-link{color:#8c3024}
.pipeline-steps,.payment-steps{display:flex;flex-wrap:wrap;gap:7px}
.pipeline-step,.payment-step,.client-status-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}
.pipeline-step.active,.payment-step.active,.client-status-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.pipeline-step.is-close{border-color:#e2b4ad;color:#8c3024}
.pipeline-step.is-close.active{background:#8c3024;border-color:#8c3024;color:#fff}
.pipeline-next{margin-top:12px}
.order-danger-zone{border:1px solid #e7c4be;background:#fff7f5}
.order-danger-zone p{font-size:11px;color:#7a4a43;margin:0 0 12px}
.order-danger-actions{display:flex;flex-wrap:wrap;gap:8px}
.order-danger-actions button{border:1px solid #e2b4ad;background:#fff;color:#8c3024;border-radius:10px;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer}
.order-timeline{display:grid;gap:8px;max-height:220px;overflow:auto}
.order-timeline>div{display:flex;justify-content:space-between;gap:10px;background:#fff;border-radius:10px;padding:9px 11px}
.order-timeline b{font-size:11px}.order-timeline small{font-size:9px;color:var(--muted)}
.order-downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.client-status-buttons{display:flex;gap:8px;margin-top:6px}
.review-card.is-revoked{opacity:.8;border-color:#e2b4ad}
.admin-sidebar-nav{gap:6px}
.admin-sidebar-nav button,.admin-sidebar-nav a{padding:11px 10px;font-size:11px}
.admin-order-card.simple{grid-template-columns:minmax(0,1.2fr) auto auto;gap:14px;border:1px solid #d9ddd4;box-shadow:0 1px 0 rgba(22,32,30,.03)}
.order-flow{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:#e8eae3;border:1px solid #d5d8cf;align-self:center}
.order-flow .flow-step{border:0;border-radius:9px;background:transparent;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer;color:#556;letter-spacing:.01em}
.order-flow .flow-step:hover{background:rgba(255,255,255,.7)}
.order-flow .flow-step.active{background:var(--ink);color:#fff}
.order-flow.in-modal{display:flex;width:100%;margin-bottom:12px}
.order-flow.in-modal .flow-step{flex:1}
.order-timeline.compact{margin-top:12px;max-height:140px}
.cf-shell{background:linear-gradient(180deg,#fbfaf6 0%,#f3f2ed 100%)}
.cf-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-right:36px;margin-bottom:14px}
.cf-hero-main{display:flex;gap:14px;align-items:center;min-width:0}
.cf-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:#c9ff4a;font:800 15px Manrope;flex:0 0 auto;border:1px solid rgba(255,255,255,.08)}
.cf-hero small{display:block;font-size:8px;letter-spacing:.14em;color:#3c786f;font-weight:850}
.cf-hero h2{margin:4px 0 2px;font:800 24px Manrope}
.cf-hero p{margin:0;font-size:12px;color:var(--muted)}
.cf-hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.cf-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.cf-kpi>span{background:#fff;border:1px solid #d9ddd4;border-radius:14px;padding:12px 10px;text-align:center}
.cf-kpi b{display:block;font:800 18px Manrope}
.cf-kpi small{display:block;font-size:8px;color:var(--muted);margin-top:4px;letter-spacing:.08em;font-weight:800}
.cf-list{display:grid;gap:0;border:1px solid #e4e6df;border-radius:12px;overflow:hidden;background:#fafaf7}
.cf-list button{width:100%;border:0;border-top:1px solid #eceee8;background:#fff;padding:12px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;cursor:pointer}
.cf-list button:first-child{border-top:0}
.cf-list button:hover{background:#f4f6f0}
.cf-list b{display:block;font-size:12px}
.cf-list small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.cf-list em{font-style:normal;font-size:10px;font-weight:800;color:#426f67;white-space:nowrap;background:#eef4ef;border-radius:99px;padding:5px 9px}
.cf-list em.st-annul-e{background:#f3dfdc;color:#8c3024}
.cf-list em.st-livr-e{background:#e4f6cc;color:#315c27}
.cf-list em.st-exp-di-e{background:#eef3ff;color:#2a3f8f}
.cf-reviews{margin-top:12px}
.client-card-actions .primary{background:var(--ink);color:#fff;border:0;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}
.dash-panel,.admin-stat,.admin-order-card,.client-card{box-shadow:0 8px 24px rgba(22,32,30,.04)}
.admin-stat{border-radius:16px;border:1px solid #d9ddd4}
.client-card{border:1px solid #d9ddd4}
@media(max-width:900px){
  .admin-order-card.simple{grid-template-columns:1fr}
  .order-flow{width:100%;justify-content:stretch}
  .order-flow .flow-step{flex:1}
  .cf-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cf-hero{flex-direction:column}
  .cf-hero-actions{width:100%}
}

/* —— Admin dashboard clean layout —— */
.dash-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.dash-panel{background:#fff;border:1px solid #d9ddd4;border-radius:18px;padding:16px 16px 14px;min-width:0;box-shadow:0 10px 28px rgba(22,32,30,.045)}
.dash-revenue{grid-column:1/-1}
.dash-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #eceee8}
.dash-panel>header small{display:block;font-size:8px;letter-spacing:.12em;color:#3c786f;font-weight:850}
.dash-panel>header h3{font:800 18px Manrope;margin:4px 0 0}
.dash-panel>header em{font-style:normal;font-size:11px;font-weight:800;color:#315c27;background:#eaf6d4;border:1px solid #d5e8b0;border-radius:99px;padding:6px 10px}
.dash-link{border:0;background:#edf0e9;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}
.dash-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.dash-chips button{border:1px solid #d9ddd4;background:#f7f8f4;border-radius:12px;padding:10px 12px;display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.dash-chips button span{font-size:10px;font-weight:800;color:var(--muted)}
.dash-chips button b{font:800 14px Manrope}
.dash-chips button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.dash-chips button:hover span{color:#c9ff4a}
.dash-list{display:grid;gap:2px}
.dash-list button{width:100%;border:0;border-top:1px solid #eceee8;background:transparent;padding:11px 2px;display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;cursor:pointer}
.dash-list button:first-child{border-top:0}
.dash-list b{display:block;font-size:12px}
.dash-list small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.dash-list em{font-style:normal;font-size:10px;font-weight:800;color:#426f67;white-space:nowrap}
.clients-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px}
.clients-head b{display:block;font:800 16px Manrope}
.clients-head span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.clients-head button{border:0;border-radius:10px;background:var(--ink);color:#fff;padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer}
.ca-bar b{font-size:10px;font-weight:800}

/* —— Order detail modal (tabbed) —— */
.admin-detail-dialog{width:min(980px,96vw);max-height:92vh;overflow:auto;border:0;border-radius:20px;padding:0;background:#f6f5f0}
.od-shell{padding:18px 18px 22px}
.od-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-right:36px;margin-bottom:14px}
.od-head small{display:block;font-size:8px;letter-spacing:.14em;color:#3c786f;font-weight:850}
.od-head h2{margin:4px 0 2px;font:800 24px Manrope}
.od-head p{margin:0;font-size:12px;color:var(--muted)}
.od-badges{display:flex;flex-wrap:wrap;gap:6px}
.od-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border-radius:14px;background:#ebece6;border:1px solid #d9dcd4;margin-bottom:14px}
.od-tabs button{border:0;border-radius:10px;background:transparent;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer;color:var(--ink)}
.od-tabs button.active{background:var(--ink);color:#fff}
.od-body{min-width:0}
.od-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.od-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.od-card h3{margin:0 0 12px;font:800 14px Manrope}
.od-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #eceee8;font-size:12px}
.od-row:first-of-type{border-top:0}
.od-row span{color:var(--muted)}
.od-card label{display:grid;gap:5px;margin-bottom:10px;font-size:11px;font-weight:800;color:var(--muted)}
.od-card select{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fafaf7;color:var(--ink);font-size:12px;font-weight:700}
.od-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.od-primary,.od-file-list button,.od-print-actions button{border:0;border-radius:10px;background:var(--ink);color:#fff;padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer}
a.od-primary{display:inline-flex;align-items:center;text-decoration:none}
.od-link,.od-file-list a{display:inline-flex;align-items:center;border-radius:10px;background:#edf0e9;color:var(--ink);padding:10px 12px;font-size:11px;font-weight:800;text-decoration:none}
.od-note{margin:12px 0 0;font-size:11px;color:var(--muted);line-height:1.45}
.od-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.od-meta>div{background:#f3f2ed;border-radius:10px;padding:10px}
.od-meta small{display:block;font-size:8px;color:var(--muted);margin-bottom:4px}
.od-meta b{font-size:12px}
.od-file-list{display:grid;gap:8px}
.od-file-list button,.od-file-list a{justify-content:flex-start}
.od-print-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.od-face-toggle{display:inline-flex;gap:4px;padding:3px;border-radius:12px;background:#ebece6}
.od-face-toggle button{border:0;border-radius:9px;background:transparent;padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer}
.od-face-toggle button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.od-print-actions{display:flex;flex-wrap:wrap;gap:7px}
.od-print-actions button:not(.od-primary){background:#edf0e9;color:var(--ink)}
.od-print-stage{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;overflow:auto}
.od-holders{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.od-holders small{width:100%;font-size:10px;font-weight:800;color:var(--muted)}
.od-holders span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 10px;font-size:10px;font-weight:700}
.od-export-host{position:absolute;left:-9999px;top:0;width:650px;height:410px;overflow:hidden;pointer-events:none}
.od-danger{border-color:#e7c4be;background:#fff7f5}
.od-danger p{margin:0 0 12px;font-size:12px;color:#7a4a43}
.od-danger .danger{background:#8c3024;color:#fff;border:0;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer}
@media(max-width:900px){
  .dash-layout,.od-grid,.od-meta{grid-template-columns:1fr}
  .dash-revenue{grid-column:auto}
  .od-print-toolbar{flex-direction:column;align-items:stretch}
}
@media(max-width:900px){
  .admin-order-card{grid-template-columns:28px 1fr}
  .admin-order-controls,.admin-order-actions{grid-column:1/-1}
  .admin-order-meta,.admin-order-actions{align-items:flex-start;justify-content:flex-start}
  .orders-mgmt-head{flex-direction:column;align-items:stretch}
  .ca-bars{height:100px}
}

/* —— Vitrine : nav capsule + commande message —— */
html[data-page="home"] body{padding-top:88px}
html[data-page="home"] .topbar.site-capsule-nav{
  position:fixed;inset:16px 0 auto;height:auto;padding:0 16px;border:0;background:transparent;backdrop-filter:none;
  display:flex;justify-content:center;z-index:80;pointer-events:none
}
html[data-page="home"] .nav-capsule{
  pointer-events:auto;width:min(920px,100%);display:flex;align-items:center;gap:14px;
  padding:10px 12px 10px 18px;border-radius:999px;background:rgba(251,250,246,.88);
  border:1px solid rgba(22,32,30,.1);box-shadow:0 18px 50px rgba(17,31,28,.14);backdrop-filter:blur(18px)
}
html[data-page="home"] .nav-capsule .brand{font-size:17px;gap:8px;flex:0 0 auto}
html[data-page="home"] .nav-capsule .brand-mark{width:26px;height:26px}
html[data-page="home"] .nav-capsule .brand-mark i{width:16px;height:22px;border-width:2.5px}
html[data-page="home"] .capsule-links{display:flex;align-items:center;gap:4px;margin:0 auto;font-size:13px;font-weight:700}
html[data-page="home"] .capsule-links a{padding:8px 12px;border-radius:999px;color:var(--ink)}
html[data-page="home"] .capsule-links a:hover{background:rgba(22,32,30,.06);color:#2e756d}
html[data-page="home"] .capsule-cta{margin-left:0;flex:0 0 auto}
html[data-page="home"] .menu-toggle{display:none;margin:0;width:42px;height:42px;border-radius:50%;background:rgba(22,32,30,.06);font-size:18px}
html[data-page="studio"] .topbar,html[data-page="admin"] .topbar{display:none!important}
html[data-page="studio"] .config-section{min-height:100vh}
html[data-page="studio"] .easy-order,html[data-page="admin"] .easy-order,
html[data-page="studio"] #commande-facile,html[data-page="admin"] #commande-facile{display:none!important}

.easy-order{
  padding-top:82px;padding-bottom:82px;
  background:
    radial-gradient(ellipse 70% 40% at 10% 0%, rgba(201,255,74,.18), transparent 55%),
    linear-gradient(180deg,#f8f7f2 0%,#eceee8 100%)
}
.easy-head{margin-bottom:26px;align-items:flex-end}
.easy-layout{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
  gap:clamp(16px,2.4vw,28px);align-items:stretch;width:100%;margin:0 0 16px
}
.easy-steps{
  list-style:none;margin:0;padding:8px 8px;display:grid;gap:6px;
  background:#fff;border:1px solid var(--line);border-radius:24px;
  box-shadow:0 10px 30px rgba(17,31,28,.04)
}
.easy-steps li{
  display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center;
  padding:12px 14px;border-radius:16px;background:#fbfbf8
}
.easy-step-mark{
  position:relative;width:52px;height:52px;flex:0 0 auto
}
.easy-step-ico{
  width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--forest);color:#fff
}
.easy-step-ico svg{
  width:22px;height:22px;display:block;flex:0 0 auto
}
.easy-step-num{
  position:absolute;z-index:1;right:-2px;bottom:-2px;
  width:22px;height:22px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--lime);color:var(--ink);
  border:2px solid #fff;
  font:800 11px/1 Manrope,sans-serif;
  letter-spacing:0;box-sizing:border-box
}
.easy-step-copy{min-width:0}
.easy-step-copy b{display:block;font:800 15px/1.25 Manrope,sans-serif;color:var(--ink)}
.easy-step-copy b i{font-style:normal;font-weight:700;color:var(--muted);font-size:.9em}
.easy-step-copy span{display:block;margin-top:3px;font-size:12px;line-height:1.4;color:var(--muted)}
.easy-photo-panel{
  display:flex;flex-direction:column;gap:0;min-width:0;overflow:hidden;
  background:#fff;border:1px solid var(--line);border-radius:24px;
  box-shadow:0 10px 30px rgba(17,31,28,.04)
}
.easy-photo-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:14px 16px 0
}
.easy-photo-head b{font:800 14px/1.2 Manrope,sans-serif;color:var(--forest)}
.easy-photo-head span{font-size:11px;font-weight:700;color:var(--muted)}
.easy-photo-frame{
  margin:12px 16px 0;border-radius:16px;overflow:hidden;
  background:#f0f1ec;display:grid;place-items:center;min-height:220px
}
.easy-photo-frame img{
  display:block;width:100%;height:auto;max-height:280px;
  object-fit:contain;object-position:center center;
  background:#fff
}
.easy-photo-tips{padding:14px 16px 16px;margin-top:auto}
.easy-photo-tips>b{
  display:block;margin-bottom:10px;font:800 13px/1.2 Manrope,sans-serif;color:var(--forest)
}
.easy-photo-tips ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.easy-photo-tips li{
  position:relative;padding-left:18px;font-size:12.5px;line-height:1.35;color:#33403c
}
.easy-photo-tips li:before{
  content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;border-radius:50%;
  background:var(--lime)
}
.easy-important{
  display:flex;align-items:center;gap:12px;width:100%;margin:0 0 18px;padding:14px 16px;
  border-radius:18px;background:linear-gradient(90deg,#eef8cf,#f5fbe0);
  border:1px solid color-mix(in srgb,var(--lime) 45%,#c5d6a8)
}
.easy-important-ico{
  width:36px;height:36px;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  background:var(--forest);color:var(--lime)
}
.easy-important-ico svg{width:18px;height:18px;display:block}
.easy-important p{margin:0;font-size:14px;line-height:1.4;font-weight:600;color:var(--ink)}
.easy-bottom{
  display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:14px 18px;
  align-items:center;width:100%
}
.easy-perks{
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px
}
.easy-perks li{
  display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;
  background:#fff;border:1px solid var(--line);min-width:0
}
.easy-perk-ico{
  width:28px;height:28px;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  background:#eef6df;color:var(--forest)
}
.easy-perk-ico svg{width:14px;height:14px;display:block}
.easy-perks span:last-child{font-size:12px;font-weight:700;line-height:1.25;color:#2f3a36}
.easy-flyer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.easy-flyer-actions .btn{min-width:150px;justify-content:center}
.catalogue-more{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.template-grid-lite{grid-template-columns:repeat(3,1fr)}
@media(max-width:1100px){
  .easy-bottom{grid-template-columns:1fr}
  .easy-flyer-actions{justify-content:flex-start}
  .easy-perks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  html[data-page="home"] .capsule-links,html[data-page="home"] .capsule-cta{display:none}
  html[data-page="home"] .menu-toggle{display:grid;place-items:center;margin-left:auto}
  html[data-page="home"] .site-capsule-nav.is-open .capsule-links{
    display:flex;flex-direction:column;position:absolute;left:16px;right:16px;top:74px;
    background:rgba(251,250,246,.96);border:1px solid rgba(22,32,30,.1);border-radius:22px;padding:12px;box-shadow:var(--shadow)
  }
  html[data-page="home"] .site-capsule-nav.is-open .capsule-cta{display:inline-flex;position:absolute;left:28px;right:28px;top:auto;bottom:-56px;justify-content:center}
  html[data-page="home"] .nav-capsule{position:relative}
  .easy-layout{grid-template-columns:1fr}
  .easy-photo-frame{min-height:200px}
  .easy-photo-frame img{max-height:260px}
  .template-grid-lite{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  html[data-page="home"] body{padding-top:76px}
  .easy-order{padding-top:60px;padding-bottom:60px}
  .easy-steps{padding:6px}
  .easy-steps li{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:11px 12px}
  .easy-step-mark,.easy-step-ico{width:46px;height:46px}
  .easy-step-ico svg{width:20px;height:20px}
  .easy-step-num{width:20px;height:20px;font-size:10px}
  .easy-perks{grid-template-columns:1fr}
  .easy-flyer-actions{flex-direction:column;align-items:stretch}
  .easy-flyer-actions .btn{width:100%;justify-content:center}
  .template-grid-lite{grid-template-columns:1fr}
}

/* Style-first models panel — compact */
.design-flow-steps{display:none}
.brand-pack-bar{margin:8px 0 6px;padding:0;border:0;background:transparent;color:inherit}
.brand-pack-open{
  width:100%;max-width:100%;box-sizing:border-box;border:1px solid #c9d4cc;border-radius:8px;
  padding:8px 10px;background:#173f3f;color:#f4f1e9;font-weight:800;font-size:12px;cursor:pointer;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.brand-pack-help,.country-unavailable-note{display:none}
.brand-pack-status-row{display:flex;align-items:center;gap:8px;margin-top:6px;min-height:0}
.brand-pack-status{font-size:11px;font-weight:800;color:#173f3f}
.brand-pack-clear{border:1px solid #c9d4cc;background:#fff;color:#173f3f;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:800;cursor:pointer}
.design-az-hint{display:none}

/* SEO offer strip */
.seo-offer{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.seo-offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:8px}
.seo-offer-grid article{background:#f7f5ef;border:1px solid var(--line);border-radius:18px;padding:18px 16px}
.seo-offer-grid small{display:block;font-size:9px;letter-spacing:.12em;font-weight:850;color:#3c786f}
.seo-offer-grid b{display:block;font:800 18px Manrope;margin:8px 0 6px}
.seo-offer-grid p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
.seo-offer-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
@media(max-width:1000px){.seo-offer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.seo-offer-grid{grid-template-columns:1fr}.seo-offer-cta{flex-direction:column}.seo-offer-cta .btn{width:100%;justify-content:center}}

/* Landing keyword page */
.seo-landing{min-height:100vh;background:linear-gradient(180deg,#fbfaf6 0%,#ebe9e1 100%)}
.seo-landing-hero{padding:120px clamp(24px,7vw,110px) 70px;max-width:980px}
.seo-landing-hero .eyebrow{margin-bottom:18px}
.seo-landing-hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;margin:0 0 18px}
.seo-landing-hero p{font-size:18px;color:var(--muted);max-width:640px;line-height:1.6}
.seo-landing-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.seo-landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 clamp(24px,7vw,110px) 90px}
.seo-landing-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 18px}
.seo-landing-grid h2{font:800 20px Manrope;margin:0 0 10px}
.seo-landing-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.seo-landing-faq{padding:0 clamp(24px,7vw,110px) 100px;max-width:900px}
.seo-landing-faq h2{font:800 34px Manrope;margin:0 0 18px}
.seo-landing-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px}
.seo-landing-faq summary{font-weight:800;cursor:pointer}
.seo-landing-faq p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
@media(max-width:900px){.seo-landing-grid{grid-template-columns:1fr}.seo-landing-hero{padding-top:100px}}