: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:fill}
.barcode.large{background:#fff!important;padding:3px;height:42px}
.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{display:none}
html[data-page="admin"] .admin-section{min-height:calc(100vh - 250px)}
@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 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%,color-mix(in srgb,var(--accent) 22%,white) 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%,color-mix(in srgb,var(--accent) 20%,white) 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,color-mix(in srgb,var(--accent) 17%,white),#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 color-mix(in srgb,var(--accent) 30%,transparent)}
.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,color-mix(in srgb,var(--accent) 22%,white) 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-template="student-france"] .front-side{background:linear-gradient(145deg,#fff 0 74%,color-mix(in srgb,var(--accent) 18%,white) 74%)}.live-card[data-template="student-france"] .front-side:before{content:"";position:absolute;right:-78px;bottom:-165px;width:370px;height:370px;background:linear-gradient(135deg,var(--accent),var(--primary));clip-path:polygon(100% 0,100% 100%,0 100%,47% 48%)}.live-card[data-template="student-france"] .live-content{flex-direction:row-reverse;justify-content:space-between}.live-card[data-template="student-france"] .live-photo{border-radius:18px;box-shadow:0 0 0 7px #fff}.live-card[data-template="student-france"] .live-info{max-width:58%}
.live-card[data-template="student-london"] .front-side{background:linear-gradient(180deg,var(--primary) 0 18%,#fff 18% 92%,var(--accent) 92%)}.live-card[data-template="student-london"] .live-header>span{color:#fff}.live-card[data-template="student-london"] .live-header>b{background:var(--accent);color:#fff}.live-card[data-template="student-london"] .live-content{margin-top:40px}.live-card[data-template="student-london"] .live-photo{border-radius:15px;border:4px solid var(--primary)}
.live-card[data-template="student-italy"] .front-side{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 18%,white) 0 11%,#fff 11% 89%,color-mix(in srgb,var(--accent) 18%,white) 89%)}.live-card[data-template="student-italy"] .live-header>b{color:var(--primary);border-bottom:3px solid var(--accent)}.live-card[data-template="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,var(--accent),var(--primary));clip-path:polygon(100% 0,100% 100%,0 100%,45% 45%)}
.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,color-mix(in srgb,var(--accent) 18%,white) 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%,50% 50%)}
.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;transform:none!important;box-shadow:none!important;z-index:-1!important}.export-card .card-side{transform:none!important;backface-visibility:visible!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{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center;box-shadow:0 20px 60px rgba(20,32,30,.08)}
.admin-login-card h3{margin:8px 0;font:800 21px Manrope}.admin-login-card p{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}.admin-login input{min-height:48px}.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{grid-template-columns:1fr;padding:20px}.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%,45% 45%)}
.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}

@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}.admin-studio-tools>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.admin-studio-tools>div span{font-size:8px;letter-spacing:.12em;color:var(--lime)}.admin-studio-tools>div b{font-size:10px}.admin-studio-tools label{color:#dbe0dd}.admin-studio-tools select{background:#29322f;color:#fff;border-color:#44504c}.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-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}
.admin-studio-tools .admin-secondary-button{margin-top:8px;background:#fff;color:var(--ink);border:1px solid #4d5a56}.design-link-result{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}.design-link-result input{min-width:0;margin:0!important;padding:8px!important;background:#29322f!important;color:#fff}.design-link-result button{width:auto;background:var(--lime)}
.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;transform-origin:center}
.scaled-card-frame>.live-card.show-back{transform:rotateY(180deg)}
.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}
.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:5px;margin:18px 0!important}.admin-sidebar-nav button,.admin-sidebar-nav a{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;border:0;border-radius:10px;background:transparent;color:#c7d0cd;padding:10px;text-align:left;font-size:9px;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 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:7px}.admin-sidebar-nav button.active b{background:var(--lime);color:var(--ink)}
.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:4px!important;
  border:0!important;
  border-radius:12px!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:7px;
  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}.design-card-viewport>.design-preview-card .front-side{backface-visibility:visible!important}.design-card-viewport>.design-preview-card .back-side{display:none!important}
.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}
.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}}