@font-face{font-family:'Fredoka One';src:url('assets/fonts/FredokaOne-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Marelle';src:url('assets/fonts/Marelle.ttf') format('truetype'),url('assets/fonts/Marelle-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Marelle Baton';src:url('assets/fonts/MarelleBaton.ttf') format('truetype'),url('assets/fonts/MarelleBaton-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Marelle Lignes';src:url('assets/fonts/MarelleLIGNES-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Marelle Lignes Bâton';src:url('assets/fonts/MarelleLIGNESBaton-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Script Ecole';src:url('assets/fonts/ScriptEcole.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Cursive maternelle';src:url('assets/fonts/CursiveDumontMaternelle.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:root{--teal:#5db9c3;--teal2:#6c8fdc;--ink:#355060;--muted:#69808c;--line:#dbe7ee;--shadow:0 16px 38px rgba(95,129,157,.10);--pastel-pink:#ffe8ef;--pastel-blue:#e7f3ff;--pastel-mint:#e7f7f3;--pastel-peach:#fff1e5;--pastel-lilac:#f1ebff;--cream:#fffaf1;}
*{box-sizing:border-box}body{margin:0;background:#f9fcff;color:var(--ink);font-family:Arial,sans-serif}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 32px;background:linear-gradient(135deg,#fff7fb,#eef8ff);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar h1{margin:2px 0 4px;font:42px/1 'Fredoka One',sans-serif;color:var(--teal2)}.topbar p{margin:0;color:#557177}.eyebrow{font-weight:800;font-size:12px;letter-spacing:.12em;color:#9b7a36}.status-pill{padding:10px 14px;border-radius:999px;background:#e8f7ee;color:#277447;font-weight:800;font-size:13px;white-space:nowrap}.layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:22px;max-width:1800px;margin:0 auto;padding:22px}.panel,.workspace{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.controls{padding:18px;align-self:start;position:sticky;top:118px;max-height:calc(100vh - 140px);overflow:auto}.controls section{padding:4px 0 18px;margin-bottom:14px;border-bottom:1px solid #eef3f4}.controls h2,.workspace h2{font:24px/1.15 'Fredoka One',sans-serif;margin:4px 0 14px;color:#195e66}.controls label{display:block;font-size:13px;font-weight:800;color:#385c62;margin:12px 0}.controls select,.controls textarea,.controls input[type=range],.controls input[type=number]{width:100%;margin-top:6px}.controls textarea,.controls select,.controls input[type=number]{border:1.5px solid #cfe1e4;border-radius:14px;padding:11px 12px;background:#fbfefe;color:#21474d;font-size:15px}.controls textarea{resize:vertical;min-height:140px}.row{display:flex}.gap{gap:8px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hint{font-size:12.5px;line-height:1.45;color:#71858a;margin:9px 0}.btn,.file-btn{border:0;border-radius:18px;padding:11px 16px;font-weight:900;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:'Fredoka One',sans-serif;letter-spacing:.01em}.btn.primary{background:linear-gradient(135deg,#88d7df,#8ca7f0);color:#fff;box-shadow:0 10px 22px rgba(123,156,226,.24)}.btn.secondary,.file-btn{background:linear-gradient(135deg,#fff7fb,#f1f8ff);color:#55727f;border:1px solid #d9e7ef}.btn.compact{padding:9px 11px;font-size:12px}.btn.export{background:#fff;color:#195e66;border:1.5px solid #b9d9dc}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.big{width:100%;min-height:54px;font-size:17px}.file-btn input{display:none}.file-btn.wide{width:100%;margin-top:10px}.line-config{background:#f8fcfc;border:1px solid #dceced;border-radius:16px;padding:10px 12px;margin:10px 0}.line-config.is-hidden{display:none}.line-config .line-title{font:16px 'Fredoka One',sans-serif;color:#28717a;margin:0 0 3px}.line-config label{margin:7px 0}.line-config select{padding:8px 10px;font-size:13px}.color-control-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.color-control-row label{margin-bottom:0}.color-control-row input[type=color]{display:block;width:100%;height:44px;border:1.5px solid #cfe1e4;border-radius:12px;padding:4px;background:#fff;margin-top:6px}.workspace{padding:22px;min-height:70vh}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f3;padding-bottom:14px}.workspace-head h2{margin:0 0 4px}.workspace-head p{margin:0;color:var(--muted)}.export-actions{display:flex;gap:9px;flex-wrap:wrap}.legend{display:flex;gap:16px;flex-wrap:wrap;padding:13px 0 4px;font-size:12px;color:#61757a}.legend span{display:inline-flex;align-items:center;gap:6px;font-weight:700}.empty-state{text-align:center;padding:70px 20px;color:#71858a}.empty-illustration{width:110px;height:110px;border-radius:35px;margin:0 auto 18px;background:linear-gradient(135deg,#ffe5ed,#ddf3ff);display:grid;place-items:center;font:44px 'Fredoka One';color:#42727a;transform:rotate(-3deg)}.empty-state h3{font:25px 'Fredoka One';color:#476a70;margin:0 0 8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(470px,1fr));gap:18px;margin-top:18px}.student-card{border:1px solid #dce9eb;border-radius:22px;padding:12px;background:#fbfefe;box-shadow:0 6px 18px rgba(23,57,64,.06)}.label-preview{border-radius:18px;position:relative;overflow:hidden;border:1px solid #dce7e9;background:#fff}.label-canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.hit-layer{position:absolute;inset:0;z-index:4}.letter-hit{position:absolute;border:0;background:transparent;padding:0;cursor:pointer;border-radius:7px;min-width:0}.letter-hit:hover,.letter-hit.is-selected{background:rgba(255,235,106,.18);outline:2px solid rgba(255,197,0,.72);outline-offset:-1px}.card-tools{padding:12px 4px 2px}.photo-batch-status{margin-top:10px;padding:10px 12px;border-radius:14px;background:#f6fbfc;border:1px solid #d8e9eb;color:#476a70;font-size:12.5px;font-weight:700}.tool-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.tool-row>*{min-width:0}.photo-meta{margin-top:10px;padding-top:10px;border-top:1px dashed #dce8e9;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.photo-badge{display:inline-flex;align-items:center;gap:8px;background:#eef7f8;border:1px solid #d7eaec;color:#245b63;padding:8px 10px;border-radius:12px;font-size:12px;font-weight:800}.photo-badge.is-empty{background:#f7f7f7;border-color:#e5e5e5;color:#7d878a}.photo-badge .dot{width:10px;height:10px;border-radius:50%;background:#58b46a;display:inline-block}.photo-badge.is-empty .dot{background:#c3c9cb}.photo-select{min-width:220px;max-width:100%;border:1px solid #d3e4e6;border-radius:10px;padding:8px;background:#fff;font-size:12px}.tool-row label{font-size:11px;font-weight:800;color:#60767b}.tool-row select{width:100%;border:1px solid #d3e4e6;border-radius:10px;padding:8px;background:#fff;font-size:12px}.tool-row input[type=color]{width:100%;height:35px;border:1px solid #d3e4e6;border-radius:9px;padding:3px;background:#fff}.bg-color-box{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:end}.bg-color-box .mini-btn{padding:7px 8px;font-size:10px}.mini-btn{border:1px solid #cce0e2;background:#fff;color:#25666d;border-radius:10px;padding:8px 10px;font-weight:900;cursor:pointer}.letter-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed #dce8e9}.letter-tools .caption{font-size:11px;color:#6b8084;margin-right:3px}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd9db;cursor:pointer;background:var(--sw)}.color-swatch:hover{transform:scale(1.1)}.custom-color{width:30px;height:26px;border:0;padding:0;background:none}.swatches{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.swatches .sample{display:flex;align-items:center;gap:5px;font-size:11px;color:#64777b}.swatches i{width:18px;height:18px;border-radius:50%;display:block}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);padding:12px 18px;background:#173940;color:#fff;border-radius:999px;opacity:0;pointer-events:none;transition:.2s;z-index:50;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.2)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1250px){.layout{grid-template-columns:1fr}.controls{position:static;max-height:none}.topbar{position:static}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:940px){.cards{grid-template-columns:1fr}.tool-row{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}}
@media(max-width:620px){.topbar{padding:18px}.topbar h1{font-size:30px}.status-pill{display:none}.layout{padding:10px}.workspace,.panel{border-radius:18px}.tool-row,.two-cols,.color-control-row{grid-template-columns:1fr}.workspace-head{align-items:flex-start;flex-direction:column}}

/* Les polices cursives utilisent les substitutions contextuelles/ligatures du fichier OpenType. */
.line-font{font-kerning:normal;font-variant-ligatures:common-ligatures contextual;}
.photo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.photo-size-wrap{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#49676d;background:#f7fbfc;border:1px solid #dbeaec;border-radius:12px;padding:8px 10px}.photo-size-wrap input[type=range]{width:110px;margin:0}.photo-size-wrap.is-disabled{opacity:.55}.photo-size-value{min-width:36px;text-align:right;color:#245b63}
/* Options pédagogiques et images personnelles */
.option-card{margin:12px 0;padding:12px;border:1px solid #d9eaec;border-radius:16px;background:linear-gradient(180deg,#fbfefe,#f6fbfc)}
.option-card-title{font:16px/1.15 'Fredoka One',sans-serif;color:#24717a;margin-bottom:8px}
.option-card label{margin:8px 0}
.option-card input[type=color]{display:block;width:100%;height:42px;margin-top:6px;border:1.5px solid #cfe1e4;border-radius:12px;padding:4px;background:#fff}
.check-option{display:flex!important;align-items:flex-start;gap:9px;cursor:pointer;line-height:1.35}
.check-option input[type=checkbox]{width:18px;height:18px;margin:1px 0 0;accent-color:var(--teal)}
.check-option span{flex:1}
.imported-image-card{border-color:#cfe6e8;background:linear-gradient(180deg,#f8fdfd,#eef8f9)}
.initial-options{background:linear-gradient(180deg,#fffdf8,#fbfaf3);border-color:#ebe4cc}

.tiny-check{margin-top:6px;font-size:12px;}
.tiny-check input{transform:translateY(1px);}


.landing-page{padding:32px 24px 18px;background:linear-gradient(180deg,#f6fbfd 0%,#ffffff 100%);border-bottom:1px solid #dbe8ee;}
.landing-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px;align-items:center;}
.landing-copy h1{margin:10px 0 14px;font-size:clamp(34px,4vw,52px);line-height:1.05;color:#26485a;}
.landing-lead{font-size:18px;line-height:1.65;color:#4d6b79;max-width:760px;}
.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 18px;}
.benefits-list,.feature-list,.steps-list{margin:0;padding-left:20px;color:#486572;line-height:1.7;}
.benefits-list li,.feature-list li,.steps-list li{margin-bottom:8px;}
.landing-visual{display:flex;justify-content:center;align-items:center;padding:18px;background:#fff;border:1px solid #dce7ec;border-radius:24px;box-shadow:0 10px 30px rgba(29,76,101,.08);}
.landing-visual img{max-width:100%;height:auto;display:block;}
.landing-grid{max-width:1280px;margin:24px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.info-card{background:#fff;border:1px solid #dce7ec;border-radius:20px;padding:20px 22px;box-shadow:0 8px 24px rgba(29,76,101,.06);}
.info-card h2{margin:0 0 14px;font-size:24px;color:#2f5261;}
.examples-grid{display:grid;gap:12px;}
.example-box{padding:14px 16px;border-radius:16px;background:#f6fbfd;border:1px solid #dbe8ee;}
.example-title{font-weight:800;color:#2f5261;margin-bottom:6px;}
.example-box p{margin:0 0 4px;font-weight:700;color:#355a69;}
.example-box span{color:#5f7b88;font-size:14px;line-height:1.45;display:block;}
.topbar{position:relative;}
.topbar-link{display:inline-flex;margin-top:8px;color:#2e647a;text-decoration:none;font-weight:700;}
.topbar-link:hover{text-decoration:underline;}
.workspace-note{margin:6px 0 0;color:#5f7b88;}
@media (max-width: 980px){
  .landing-inner,.landing-grid{grid-template-columns:1fr;}
  .landing-page{padding:24px 16px 10px;}
}


.site-home{background:linear-gradient(180deg,#fffafc 0%,#f6fbff 48%,#fbfdfd 100%);}
.home-header{max-width:1280px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.home-brand img{height:120px;max-width:min(100%,520px);object-fit:contain;display:block;}
.home-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.home-nav a{font-family:'Fredoka One',sans-serif;text-decoration:none;color:#5b7381;}
.pastel-btn{background:linear-gradient(135deg,#ffdce8,#ddefff);color:#496879;border:1px solid #d8e8f2;box-shadow:0 10px 22px rgba(157,186,214,.18);}
.pastel-btn.secondary{background:linear-gradient(135deg,#fff7e6,#f0f8ef);}
.pastel-btn.large{padding:14px 22px;border-radius:22px;font-size:16px;}
.home-main{max-width:1280px;margin:0 auto;padding:10px 24px 44px;}
.hero-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(249,252,255,.98));border:1px solid #e3edf3;border-radius:34px;padding:30px;box-shadow:0 18px 40px rgba(123,156,190,.12);}
.hero-copy h1,.section-head h2{font:clamp(34px,4vw,54px)/1.04 'Fredoka One',sans-serif;color:#4d6a80;margin:8px 0 14px;}
.hero-copy h1 span{color:#7c94d9;}
.home-eyebrow{color:#d89e46;letter-spacing:.14em;}
.hero-text{font-size:18px;line-height:1.7;color:#607988;max-width:720px;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 18px;}
.hero-bullets{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.hero-bullets li{padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#fff7fb,#f4faff);border:1px solid #e1ebf1;color:#5f7888;font-weight:700;}
.hero-side{display:flex;justify-content:center;}
.preview-board{width:100%;max-width:440px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;}
.mini-label{border-radius:28px;padding:18px;border:1px solid #dbe7ef;background:#fff;box-shadow:0 10px 24px rgba(141,170,194,.12);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:150px;}
.mini-label.horizontal{grid-column:span 2;min-height:132px;}
.mini-label.vertical{min-height:240px;}
.pastel-blue{background:linear-gradient(180deg,#edf6ff,#ffffff);}
.pastel-peach{background:linear-gradient(180deg,#fff5ed,#ffffff);}
.pastel-mint{background:linear-gradient(180deg,#eefcf7,#ffffff);}
.mini-name{font:32px/1.05 'Fredoka One',sans-serif;color:#5b7dc9;}
.mini-stack{font-size:26px;line-height:1.25;color:#69908a;}
.mini-stack em{font-style:normal;color:#7c94d9;font-family:'Cursive maternelle',sans-serif;}
.mini-letter{font:72px/1 'Fredoka One',sans-serif;color:#ec8c8c;margin-bottom:10px;}
.mini-label small{display:block;margin-top:8px;color:#8ba1ac;font-size:13px;font-weight:700;}
.home-section{padding:34px 0 10px;}
.alt-section{padding-top:24px;}
.section-head{margin-bottom:16px;}
.section-head h2{font-size:36px;margin:6px 0 0;}
.cards-grid{display:grid;gap:18px;}
.cards-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.cards-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.soft-card{background:linear-gradient(180deg,#ffffff,#fbfdff);border:1px solid #dfeaf1;border-radius:28px;padding:22px;box-shadow:0 12px 28px rgba(141,170,194,.10);}
.soft-card h3{font:26px/1.1 'Fredoka One',sans-serif;color:#657da1;margin:0 0 10px;}
.soft-card p{margin:0;color:#627a86;line-height:1.65;font-size:16px;}
.step-card{position:relative;padding-top:58px;}
.step-badge{position:absolute;top:18px;left:18px;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#ffdce8,#dfeeff);display:grid;place-items:center;font:18px/1 'Fredoka One',sans-serif;color:#59748a;}
.center-cta{padding:18px 0 0;display:flex;justify-content:center;}
.app-body .topbar-link{display:inline-flex;margin-top:10px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dce8f0;color:#6e8795;text-decoration:none;font-family:'Fredoka One',sans-serif;}
.app-body .topbar h1{color:#6884ba;}
.app-body .workspace h2,.app-body .controls h2{color:#6884ba;}
@media(max-width:1020px){.hero-shell,.cards-grid.three,.cards-grid.two{grid-template-columns:1fr}.home-header{flex-direction:column;align-items:flex-start}.home-brand img{height:auto;max-height:120px}.preview-board{max-width:none;}}
@media(max-width:640px){.home-main{padding:10px 16px 34px}.hero-shell{padding:22px;border-radius:24px}.hero-copy h1,.section-head h2{font-size:30px}.home-nav{width:100%}.home-header{padding:16px}.mini-label.vertical,.mini-label.horizontal{grid-column:auto;min-height:170px}.preview-board{grid-template-columns:1fr;}}


/* V57 : séparation stricte des deux pages */
.presentation-only .topbar,
.presentation-only .layout,
.presentation-only .workspace,
.presentation-only .controls,
.presentation-only .toast{display:none!important;}
.application-only .home-header,
.application-only .home-main,
.application-only .hero-shell,
.application-only .home-section{display:none!important;}

/* Page de présentation : un seul appel à l'action, sobre et pastel */
.presentation-only .home-header{padding-top:14px;padding-bottom:10px;}
.presentation-only .hero-actions{margin-top:24px;}
.presentation-only .hero-actions .pastel-btn{min-width:260px;}
.presentation-only .home-nav .pastel-btn{white-space:nowrap;}
.presentation-only .soft-card{border-color:#e4edf4;}
.presentation-only .home-main{padding-bottom:54px;}

/* V66 : logo usine visible dans la page de l'application */
.topbar-main{display:flex;align-items:center;gap:16px;min-width:0;}
.topbar-copy{min-width:0;}
.app-factory-logo{width:84px;height:84px;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(104,132,186,.12));}
@media(max-width:620px){
  .topbar-main{align-items:flex-start;gap:12px;}
  .app-factory-logo{width:62px;height:62px;}
}

/* V67 : en-tête application simplifié et responsive */
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto;}
.topbar-actions .topbar-link{margin-top:0;}
@media(max-width:940px){
  .topbar{flex-wrap:wrap;}
  .topbar-actions{width:100%;justify-content:flex-end;}
}
@media(max-width:620px){
  .topbar-actions{justify-content:space-between;gap:8px;}
  .topbar-actions .topbar-link{font-size:12px;padding:8px 10px;}
}


/* V111 · mémoire locale */
.memory-card{margin:14px 0 2px;border:1px solid #d7e5ea;border-radius:18px;background:#fbfdff;overflow:hidden}
.memory-card>summary{cursor:pointer;list-style:none;padding:13px 14px;font:16px/1.2 'Fredoka One',sans-serif;color:#315f70;background:linear-gradient(135deg,#f3f9ff,#f5fbf8);display:flex;align-items:center;gap:8px}
.memory-card>summary::-webkit-details-marker{display:none}
.memory-card>summary::after{content:'▾';margin-left:auto;color:#7a929d;font-size:13px;transition:transform .18s ease}
.memory-card:not([open])>summary::after{transform:rotate(-90deg)}
.memory-note{margin:0;padding:11px 14px 2px;color:#6c818b;font-size:12px;line-height:1.45}
.memory-block{padding:11px 14px 13px}
.memory-settings-block{border-top:1px dashed #dbe7eb;background:rgba(247,250,252,.65)}
.memory-title{margin-bottom:8px;font:14px/1.2 'Fredoka One',sans-serif;color:#466c78}
.memory-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.memory-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;margin-top:8px}
.memory-card input[type=text],.memory-card select{width:100%;min-width:0;margin:0;border:1.5px solid #d1e0e6;border-radius:12px;padding:10px 11px;background:#fff;color:#304f5c;font:13px/1.2 Arial,sans-serif}
.memory-card .btn{min-height:38px;padding:9px 11px;border-radius:12px;font-size:12px;white-space:nowrap}
.memory-save{background:#e9f5ee;color:#326c4a;border:1px solid #cce5d6}
.memory-load{background:#edf3ff;color:#4f68a1;border:1px solid #d5def3}
.memory-delete{background:#fff4f4;color:#9a5555;border:1px solid #eed7d7}
.memory-card .btn:hover{filter:brightness(.985);transform:translateY(-1px)}
@media(max-width:620px){.memory-name-row,.memory-action-row{grid-template-columns:1fr}.memory-card .btn{width:100%}}


/* V112 · mémoire toujours visible et immédiatement compréhensible */
.memory-card-visible{
  margin:14px 0 16px;
  border:2px solid #cfe5dc;
  border-radius:20px;
  background:linear-gradient(180deg,#f6fcf8 0%,#ffffff 100%);
  overflow:hidden;
  box-shadow:0 10px 24px rgba(69,121,98,.08);
}
.memory-head{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:14px 14px 10px;
  border-bottom:1px solid #e1eee8;
}
.memory-icon{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:#e4f5ea;
  border:1px solid #cce7d6;
  font-size:21px;
}
.memory-kicker{
  font:11px/1.1 'Fredoka One',sans-serif;
  letter-spacing:.10em;
  color:#5a9670;
  margin:1px 0 4px;
}
.memory-main-title{
  font:18px/1.15 'Fredoka One',sans-serif;
  color:#315f58;
}
.memory-card-visible .memory-note{
  padding:0;
  margin:6px 0 0;
  color:#667d78;
  font-size:12.5px;
  line-height:1.45;
}
.memory-lists-block{padding:12px 14px 14px;}
.memory-card-visible .memory-title{
  margin:0 0 7px;
  font:14px/1.2 'Fredoka One',sans-serif;
  color:#3d6a62;
}
.memory-title-load{margin-top:13px!important;}
.memory-card-visible .memory-name-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,auto);
  gap:8px;
  align-items:center;
}
.memory-card-visible .memory-action-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:7px;
  align-items:center;
  margin-top:0;
}
.memory-card-visible input[type=text],
.memory-card-visible select{
  width:100%;min-width:0;margin:0;
  border:1.5px solid #cfe1dc;
  border-radius:12px;
  padding:10px 11px;
  background:#fff;
  color:#304f4a;
  font:13px/1.2 Arial,sans-serif;
}
.memory-card-visible input[type=text]:focus,
.memory-card-visible select:focus{
  outline:3px solid rgba(94,170,123,.14);
  border-color:#91c6a3;
}
.memory-card-visible .btn{
  min-height:40px;
  padding:9px 11px;
  border-radius:12px;
  font-size:12px;
  white-space:nowrap;
}
.memory-save-main{
  background:linear-gradient(135deg,#88c99a,#69b681)!important;
  color:#fff!important;
  border:1px solid #68aa7b!important;
  box-shadow:0 7px 16px rgba(83,155,108,.18);
}
.memory-card-visible .memory-load{
  background:#edf3ff;
  color:#4f68a1;
  border:1px solid #d5def3;
}
.memory-card-visible .memory-delete{
  background:#fff7f7;
  color:#986060;
  border:1px solid #eedede;
}
.memory-settings-details{
  border-top:1px solid #e0ebe7;
  background:#fbfdfc;
}
.memory-settings-details>summary{
  cursor:pointer;
  padding:11px 14px;
  font:13px/1.2 'Fredoka One',sans-serif;
  color:#5c746e;
  list-style:none;
}
.memory-settings-details>summary::-webkit-details-marker{display:none}
.memory-settings-details>summary::before{content:'＋';display:inline-block;margin-right:7px;color:#69a37a}
.memory-settings-details[open]>summary::before{content:'−'}
.memory-settings-block{padding:0 14px 14px;border:0;background:transparent;}
.memory-settings-help{margin:0 0 9px;color:#73827f;font-size:11.8px;line-height:1.4}
@media(max-width:620px){
  .memory-card-visible .memory-name-row,
  .memory-card-visible .memory-action-row{grid-template-columns:1fr}
  .memory-card-visible .btn{width:100%}
}

/* V115 · aperçu fidèle des étiquettes rondes et ovales */
.label-preview.is-shaped-label{background:transparent;border-color:transparent;box-shadow:none}


/* V118 - repères de sections renforcés pour une navigation plus claire */
.application-only .controls section{
  position:relative;
  padding:10px 10px 20px;
  margin:0 -2px 18px;
  border:1px solid #e7edf6;
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:0 7px 18px rgba(88,111,146,.045);
}
.application-only .controls section>h2{
  display:flex;
  align-items:center;
  min-height:50px;
  margin:-2px -2px 16px;
  padding:11px 14px 11px 16px;
  border:1px solid #cfdcf2;
  border-left:7px solid #6d8fd4;
  border-radius:15px;
  background:linear-gradient(135deg,#edf4ff 0%,#f8fbff 100%);
  color:#4d6595 !important;
  font:26px/1.12 'Fredoka One',sans-serif;
  letter-spacing:.005em;
  box-shadow:0 6px 14px rgba(92,119,164,.08);
}
.application-only .controls section:nth-of-type(2)>h2{
  border-left-color:#7c92df;
  background:linear-gradient(135deg,#f0f2ff 0%,#fafaff 100%);
}
.application-only .controls section:nth-of-type(3)>h2{
  border-left-color:#729bd8;
  background:linear-gradient(135deg,#eef7ff 0%,#fbfdff 100%);
}
.application-only .controls section:nth-of-type(4)>h2{
  border-left-color:#73aeb2;
  background:linear-gradient(135deg,#edf9f8 0%,#fbfefe 100%);
}
.application-only .controls section:nth-of-type(5)>h2{
  border-left-color:#7590c7;
  background:linear-gradient(135deg,#f0f5fb 0%,#fbfdff 100%);
}
.application-only .controls section>h2::after{
  content:"";
  width:9px;
  height:9px;
  margin-left:auto;
  flex:0 0 auto;
  border-radius:50%;
  background:#8ba6dc;
  box-shadow:0 0 0 5px rgba(139,166,220,.12);
}
.application-only .controls section:hover>h2{
  border-color:#bfd0ec;
  box-shadow:0 8px 18px rgba(92,119,164,.11);
}
.application-only .workspace-head h2{
  display:inline-flex;
  align-items:center;
  padding:8px 13px;
  border-radius:13px;
  background:#f1f5fd;
  border:1px solid #d6e0f2;
  color:#526d9e !important;
  font-size:26px;
}
@media(max-width:620px){
  .application-only .controls section{
    padding:8px 8px 16px;
    border-radius:16px;
  }
  .application-only .controls section>h2{
    min-height:44px;
    padding:9px 11px;
    font-size:22px;
    border-radius:13px;
  }
}

/* V119 - verso optionnel sans alourdir l'interface */
.application-only .controls section:nth-of-type(6)>h2{
  border-left-color:#8a7cc9;
  background:linear-gradient(135deg,#f5f1ff 0%,#fcfbff 100%);
}
.verso-option-card{
  padding:12px 13px;
  background:linear-gradient(180deg,#fbfbff,#f7f8ff);
  border-color:#dfe1f3;
}
.verso-master-toggle{margin:0!important;align-items:center!important}
.verso-master-toggle span{display:flex;flex-direction:column;gap:3px}
.verso-master-toggle strong{font:15px/1.25 'Fredoka One',sans-serif;color:#536a96}
.verso-master-toggle small{font-size:11.8px;line-height:1.35;color:#738091;font-weight:600}
.verso-fields{margin-top:12px;padding-top:12px;border-top:1px dashed #d9def0}
.verso-fields[hidden]{display:none!important}
.verso-fields input[type=text],.verso-fields textarea{
  width:100%;margin-top:6px;border:1.5px solid #d5deea;border-radius:13px;padding:10px 11px;background:#fff;color:#354f60;font-size:14px;font-family:Arial,sans-serif;
}
.verso-fields textarea{min-height:78px;resize:vertical}
.verso-top-fields{gap:10px}
.optional-note{font-weight:500;color:#87939d;font-size:11px}
.verso-print-hint{margin-bottom:0!important;padding:8px 10px;border-radius:11px;background:#f1f5fb;color:#61738a}
.face-switch{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 10px;padding:7px 9px;border:1px solid #dfe6ef;border-radius:12px;background:#f8faff;
}
.face-switch[hidden]{display:none!important}
.card-tools [hidden]{display:none!important}
.face-switch-label{font-size:11px;font-weight:800;color:#6f7f91;margin-right:2px}
.face-switch .face-btn{padding:6px 10px;font-size:11px;background:#fff;border-color:#d4deea;color:#64758b}
.face-switch .face-btn.is-active{background:#e8effc;border-color:#b9c9e6;color:#4f6691;box-shadow:0 4px 10px rgba(90,112,150,.08)}
.student-card.is-verso-preview .letter-tools{opacity:.52}
.student-card.is-verso-preview .label-preview{box-shadow:inset 0 0 0 1px rgba(112,132,171,.08)}
@media(max-width:620px){
  .verso-top-fields{grid-template-columns:1fr}
}


/* V120 : logo La Trousse d’Audrey ajouté en en-tête des deux versions */
.brand-logos{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-width:0;}
.brand-main-logo{width:210px;max-width:38vw;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(104,132,186,.10));}
.brand-logos .app-factory-logo{width:78px;height:78px;flex:0 0 auto;}
@media(max-width:940px){
  .brand-main-logo{width:180px;}
}
@media(max-width:620px){
  .brand-logos{gap:10px;align-items:flex-start;}
  .brand-main-logo{width:140px;max-width:42vw;}
  .brand-logos .app-factory-logo{width:54px;height:54px;}
}

/* V121 - verso enrichi + aperçu écran avant impression */
.verso-creative-details{
  margin-top:12px;border:1px solid #dfe5f2;border-radius:14px;background:#fff;overflow:hidden;
}
.verso-creative-details summary{
  cursor:pointer;list-style:none;padding:11px 12px;font:13px/1.25 'Fredoka One',sans-serif;color:#586e9a;background:linear-gradient(135deg,#f7f5ff,#f7fbff);
}
.verso-creative-details summary::-webkit-details-marker{display:none}
.verso-creative-details summary::after{content:'+';float:right;font:18px/1 'Fredoka One',sans-serif;color:#8c9bc0}
.verso-creative-details[open] summary::after{content:'−'}
.verso-creative-body{padding:10px 12px 12px}
.verso-creative-body select{width:100%;margin-top:6px}
.verso-image-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.verso-image-file{min-height:44px;margin:8px 0 0!important}
.verso-image-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px}
.verso-image-status{font-size:11.5px;color:#738091;font-weight:700;overflow-wrap:anywhere}
.verso-live-preview{margin-top:14px;padding:10px;border:1px solid #dfe5ef;border-radius:15px;background:linear-gradient(180deg,#fff,#f7faff)}
.verso-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}
.verso-preview-head strong{font:13px/1.2 'Fredoka One',sans-serif;color:#536a96}
.verso-preview-head span{font-size:10.5px;color:#8a96a6}
.verso-preview-frame{width:100%;max-height:290px;aspect-ratio:45/70;display:grid;place-items:center;margin:auto;overflow:hidden;background:linear-gradient(45deg,#f5f7fa 25%,#fff 25%,#fff 50%,#f5f7fa 50%,#f5f7fa 75%,#fff 75%);background-size:18px 18px;border:1px solid #e1e7ef;border-radius:18px}
.verso-preview-frame canvas{display:block;width:100%;height:100%;object-fit:contain}
.workspace-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.workspace-face-switch{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #dde5f0;border-radius:12px;background:#f8faff}
.workspace-face-switch[hidden]{display:none!important}
.workspace-face-switch>span{font-size:11px;font-weight:800;color:#6f7f91}
.workspace-face-btn{padding:6px 9px!important;font-size:11px!important}
.workspace-face-btn.is-active{background:#e6eefc;border-color:#b8c8e5;color:#4e6691}
@media(max-width:620px){
  .verso-image-row{grid-template-columns:1fr}
  .verso-preview-head{align-items:flex-start;flex-direction:column;gap:2px}
  .workspace-actions{align-items:flex-start;justify-content:flex-start}
}


/* V122 : mode PDF pliable recto + verso */
.verso-pdf-mode{margin-top:12px;padding:10px 12px;border:1px solid #dfe5ef;border-radius:14px;background:#fbfcff}
.verso-pdf-mode label{margin:0!important}
.verso-pdf-mode select{width:100%;margin-top:6px}
.verso-pdf-mode .hint{margin:7px 0 0!important}
.verso-pdf-mode.is-fallback{background:#fffaf2;border-color:#eadfca}
.verso-pdf-mode.is-fallback .hint{color:#8b7045}

/* V123 : verso évolutif + repérage léger */
.verso-content-mode{margin:0 0 12px;padding:10px 12px;border:1px solid #dfe5ef;border-radius:14px;background:linear-gradient(180deg,#fbfcff,#f7f9fd)}
.verso-content-mode label{margin:0!important}
.verso-content-mode select{width:100%;margin-top:6px}
.verso-content-mode .hint{margin:7px 0 0!important}
#versoCustomContent[hidden]{display:none!important}

/* V124 · verso et présence évolutive visibles immédiatement dans les deux versions */
.quick-verso-access{
  margin:0 0 16px;padding:11px 12px;border:1px solid #d9dff2;border-radius:16px;
  background:linear-gradient(135deg,#f7f4ff 0%,#fbfdff 100%);
  box-shadow:0 6px 14px rgba(93,105,153,.055);
}
.quick-verso-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#8b7abd;margin-bottom:3px}
.quick-verso-access a{display:inline-block;font:16px/1.2 'Fredoka One',sans-serif;color:#536a9b;text-decoration:none}
.quick-verso-access a:hover{text-decoration:underline}
.quick-verso-access small{display:block;margin-top:3px;color:#788696;font-size:11.5px;line-height:1.35}
.verso-section{scroll-margin-top:128px;border-color:#dcdff3!important;background:linear-gradient(180deg,#fff 0%,#fbfaff 100%)!important}
.application-only .controls .verso-section>h2{
  border-left-color:#8a7cc9!important;
  background:linear-gradient(135deg,#f1ecff 0%,#fbfaff 100%)!important;
  color:#594f91!important;
}
.verso-mode-teasers{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 1px}
.verso-mode-teasers span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;border:1px solid #d8def0;background:#fff;color:#647093;font-size:11px;font-weight:800}
.verso-mode-teasers span:last-child{background:#f3f0ff;border-color:#d7cef4;color:#665797}
.verso-content-mode{margin-bottom:8px;padding:10px;border-radius:13px;background:#f7f5ff;border:1px solid #dfdaf2}
.verso-content-mode label{margin-top:0!important}
@media(max-width:620px){.quick-verso-access{margin-bottom:12px}.verso-mode-teasers{display:grid;grid-template-columns:1fr}.verso-mode-teasers span{justify-content:center}}

/* V126 · verso enrichi, transparent et mini traitement de texte */
.verso-common-style{margin:10px 0 12px;padding:10px 12px;border:1px solid #dde5f1;border-radius:15px;background:linear-gradient(180deg,#fcfdff,#f7f9fd)}
.verso-transparent-toggle{margin:0!important;padding:3px 0}
.verso-transparent-toggle span{display:flex;flex-direction:column;gap:2px}
.verso-transparent-toggle strong{font:13px/1.25 'Fredoka One',sans-serif;color:#536a96}
.verso-transparent-toggle small{font-size:11px;line-height:1.35;color:#7a8797;font-weight:600}
.verso-style-details,.verso-text-editor{margin-top:9px;border-top:1px dashed #d9e0eb;padding-top:8px}
.verso-style-details summary,.verso-text-editor summary{cursor:pointer;font:13px/1.25 'Fredoka One',sans-serif;color:#65769d;list-style:none}
.verso-style-details summary::-webkit-details-marker,.verso-text-editor summary::-webkit-details-marker{display:none}
.verso-style-details summary::after,.verso-text-editor summary::after{content:'+';float:right;color:#8b99bb}
.verso-style-details[open] summary::after,.verso-text-editor[open] summary::after{content:'−'}
.verso-style-body,.verso-text-editor-body{padding:9px 0 0}
.verso-style-body input[type=color],.verso-text-editor-body input[type=color]{display:block;width:100%;height:42px;margin-top:6px;border:1.5px solid #cfe1e4;border-radius:12px;padding:4px;background:#fff}
.verso-text-editor-wrap[hidden]{display:none!important}
.verso-text-editor-wrap{margin:10px 0 12px;padding:10px 12px;border:1px solid #dce7ef;border-radius:15px;background:linear-gradient(180deg,#fffdfa,#f8fbff)}
.verso-text-editor{margin-top:0;border-top:0;padding-top:0}
.verso-text-editor textarea{width:100%;min-height:92px;margin-top:8px;border:1.5px solid #cfe1e4;border-radius:13px;padding:10px 11px;background:#fff;color:#354f61;font-size:14px;resize:vertical}
.verso-text-toolbar{display:grid;grid-template-columns:1.25fr .8fr .9fr .7fr;gap:8px;align-items:end}
.verso-text-toolbar label{margin:8px 0!important}
.verso-individual-style{margin:7px 2px 2px!important;padding:7px 9px;border-radius:10px;background:#f4f7fc;border:1px solid #e0e6f0;color:#657489!important}
.verso-individual-style[hidden]{display:none!important}
@media(max-width:700px){.verso-text-toolbar{grid-template-columns:1fr 1fr}}

/* V126 · verso enrichi, transparent et mini traitement de texte */
.verso-common-style{margin:10px 0 12px;padding:10px 12px;border:1px solid #dde5f1;border-radius:15px;background:linear-gradient(180deg,#fcfdff,#f7f9fd)}
.verso-transparent-toggle{margin:0!important;padding:3px 0}
.verso-transparent-toggle span{display:flex;flex-direction:column;gap:2px}
.verso-transparent-toggle strong{font:13px/1.25 'Fredoka One',sans-serif;color:#536a96}
.verso-transparent-toggle small{font-size:11px;line-height:1.35;color:#7a8797;font-weight:600}
.verso-style-details,.verso-text-editor{margin-top:9px;border-top:1px dashed #d9e0eb;padding-top:8px}
.verso-style-details summary,.verso-text-editor summary{cursor:pointer;font:13px/1.25 'Fredoka One',sans-serif;color:#65769d;list-style:none}
.verso-style-details summary::-webkit-details-marker,.verso-text-editor summary::-webkit-details-marker{display:none}
.verso-style-details summary::after,.verso-text-editor summary::after{content:'+';float:right;color:#8b99bb}
.verso-style-details[open] summary::after,.verso-text-editor[open] summary::after{content:'−'}
.verso-style-body,.verso-text-editor-body{padding:9px 0 0}
.verso-style-body input[type=color],.verso-text-editor-body input[type=color]{display:block;width:100%;height:42px;margin-top:6px;border:1.5px solid #cfe1e4;border-radius:12px;padding:4px;background:#fff}
.verso-text-editor-wrap[hidden]{display:none!important}
.verso-text-editor-wrap{margin:10px 0 12px;padding:10px 12px;border:1px solid #dce7ef;border-radius:15px;background:linear-gradient(180deg,#fffdfa,#f8fbff)}
.verso-text-editor{margin-top:0;border-top:0;padding-top:0}
.verso-text-editor textarea{width:100%;min-height:92px;margin-top:8px;border:1.5px solid #cfe1e4;border-radius:13px;padding:10px 11px;background:#fff;color:#354f61;font-size:14px;resize:vertical}
.verso-text-toolbar{display:grid;grid-template-columns:1.25fr .8fr .9fr .7fr;gap:8px;align-items:end}
.verso-text-toolbar label{margin:8px 0!important}
.verso-individual-style{margin:7px 2px 2px!important;padding:7px 9px;border-radius:10px;background:#f4f7fc;border:1px solid #e0e6f0;color:#657489!important}
.verso-individual-style[hidden]{display:none!important}
@media(max-width:700px){.verso-text-toolbar{grid-template-columns:1fr 1fr}}

/* V127 · types de verso clairement séparés + écritures présence évolutive */
.verso-specific-content{margin:12px 0;padding:12px;border:1px solid #dfe6f1;border-radius:15px;background:linear-gradient(180deg,#fff,#f9fbff)}
.verso-specific-content[hidden]{display:none!important}
.verso-specific-head{display:flex;flex-direction:column;gap:2px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px dashed #dde4ee}
.verso-specific-head strong{font:15px/1.2 'Fredoka One',sans-serif;color:#536a96}
.verso-specific-head small{font-size:11.5px;line-height:1.4;color:#7a8797;font-weight:600}
.verso-mode-teasers span:nth-child(1){background:#eef7ff;border-color:#d5e6f5;color:#567594}
.verso-mode-teasers span:nth-child(2){background:#fff8ec;border-color:#efdfc0;color:#876f3e}
.verso-mode-teasers span:nth-child(3){background:#f3f0ff;border-color:#d7cef4;color:#665797}
.verso-mode-teasers span:nth-child(4){background:#eef9f3;border-color:#d2e9dc;color:#4e7a63}
#versoTextColorMode{width:100%;margin-top:6px}
.presence-writing-configs{display:grid;gap:8px;margin-top:10px}
.presence-line-config{padding:9px 10px;border:1px solid #dfe7ef;border-radius:13px;background:#fbfdff}
.presence-line-config.is-hidden{display:none!important}
.presence-line-title{font:13px/1.2 'Fredoka One',sans-serif;color:#6579a0;margin-bottom:5px}
.presence-line-grid{display:grid;grid-template-columns:1.25fr 1fr .8fr;gap:7px;align-items:end}
.presence-line-grid label{margin:4px 0!important}
.presence-line-config>label{margin:7px 0 0!important}
@media(max-width:700px){.presence-line-grid{grid-template-columns:1fr 1fr}.presence-line-grid label:first-child{grid-column:1/-1}}

/* V128 · barre du mini traitement de texte plus lisible avec le choix de casse */
.verso-text-toolbar{grid-template-columns:1fr 1fr!important;}
.verso-text-toolbar label{min-width:0;}
.verso-text-toolbar select{min-width:0;}

.card-file-btn{padding:8px 12px;font-size:12px}.card-inline-hint{flex:1 0 100%;margin:4px 0 0}.verso-image-meta .photo-controls{align-items:center}.verso-image-meta .photo-select{min-width:210px}.verso-image-meta[hidden]{display:none !important}


/* V136 UI - harmonisation élégante des contrôles image verso */
.verso-image-meta{align-items:flex-start}
.verso-image-meta .verso-image-controls{
  width:100%;display:grid;gap:10px;align-items:stretch;
}
.verso-image-choice-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;
}
.verso-image-meta .photo-select.student-verso-image-select{
  width:100%;min-width:0;min-height:42px;border:1px solid #d3e4e6;border-radius:14px;padding:9px 36px 9px 12px;background:#fff;color:#21474d;font-size:12.5px;
}
.verso-image-meta .verso-import-btn{
  min-height:42px;white-space:nowrap;border-radius:14px;padding:9px 14px;background:linear-gradient(135deg,#fff8fb,#f3f8ff);color:#55727f;border:1px solid #d9e7ef;box-shadow:none;
}
.verso-image-settings-row{
  display:grid;grid-template-columns:minmax(255px,1fr) auto;gap:12px;align-items:center;width:100%;
}
.verso-image-meta .verso-image-size-wrap{
  display:grid;grid-template-columns:auto auto minmax(110px,1fr);align-items:center;gap:9px;margin:0;min-height:42px;border-radius:14px;padding:8px 11px;background:#f7fbfc;border:1px solid #dbeaec;
}
.verso-image-meta .verso-image-size-wrap input[type=range]{width:100%;min-width:110px;margin:0}
.verso-image-meta .verso-size-label{white-space:nowrap}
.verso-image-meta .verso-image-size-value{min-width:42px;text-align:center}
.verso-image-meta .verso-visibility-toggle{
  margin:0!important;min-height:42px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 12px;border:1px solid #dbeaec;border-radius:14px;background:#fbfefe;color:#49676d;
}
.verso-image-meta .verso-visibility-toggle input{margin:0}
@media(max-width:760px){
  .verso-image-choice-row,.verso-image-settings-row{grid-template-columns:1fr}
  .verso-image-meta .verso-import-btn,.verso-image-meta .verso-visibility-toggle{width:100%;justify-content:center}
}


/* V136 - Interface guidée, plus lisible sans suppression de fonctionnalités */
.application-only .controls{padding:14px;background:#fbfdff}
.creation-journey{position:relative;padding:16px;margin:0 0 14px;border:1px solid #d7e8ec;border-radius:22px;background:linear-gradient(145deg,#f4fbff,#fff8fc);box-shadow:0 8px 22px rgba(54,92,105,.08)}
.journey-kicker{font-size:10px;font-weight:900;letter-spacing:.12em;color:#7b8fa0}
.journey-title{font:21px/1.1 'Fredoka One',sans-serif;color:#276a73;margin:5px 0 12px}
.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.journey-steps a{min-width:0;text-decoration:none;padding:7px 5px;border-radius:12px;background:#fff;border:1px solid #dbe9ec;color:#50737b;text-align:center;font-weight:900;font-size:12px;box-shadow:0 2px 7px rgba(48,88,98,.05)}
.journey-steps a span{display:block;font-size:9px;margin-top:2px;font-weight:800;color:#7c9096}
.creation-journey p{font-size:11.5px;line-height:1.4;color:#71858a;margin:10px 0 0}
.application-only .controls .creation-step{scroll-margin-top:125px;margin:0 0 12px;padding:15px 14px 17px;border:1px solid #dfeaed!important;border-radius:21px;background:#fff!important;box-shadow:0 5px 16px rgba(38,75,85,.055);position:relative}
.application-only .controls .creation-step>h2{margin:4px 0 5px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;font-size:22px!important}
.application-only .controls .creation-step>h2::after{display:none!important}
.step-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf7f8;color:#31737b;font-size:10px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.step-intro{margin:0 0 11px;color:#71858a;font-size:12.5px;line-height:1.4}
.step-writing .step-badge{background:#f1edff;color:#6e5c9e}.step-format .step-badge{background:#fff4dc;color:#8c6d32}.step-look .step-badge{background:#fff0f6;color:#936278}.step-frame .step-badge{background:#edf8ef;color:#54815d}.step-verso .step-badge{background:#eef1ff;color:#5e6c9e}
.verso-option-card{border:1.5px solid #dfe4f4!important;background:#fafbff!important}
.verso-master-toggle{padding:10px!important;border-radius:15px;background:#fff;border:1px solid #dce3f4}
.verso-mode-teasers[hidden],.verso-fields[hidden]{display:none!important}
.creation-action-box{position:sticky;bottom:-1px;z-index:8;margin:4px -4px 0;padding:12px;border-radius:20px;background:rgba(255,255,255,.96);border:1px solid #d8e8ea;box-shadow:0 -7px 24px rgba(43,79,88,.10);backdrop-filter:blur(8px)}
.creation-action-box>div{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.creation-action-box strong{font:16px 'Fredoka One',sans-serif;color:#286c74}.creation-action-box span{font-size:10.5px;color:#74888d;text-align:right}
.export-actions{align-items:center}.export-hint{font-size:10.5px;font-weight:800;color:#778b90;margin-right:2px}
.workspace-head{position:sticky;top:112px;z-index:10;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-radius:18px 18px 0 0;padding:12px 10px 14px}
@media(max-width:900px){.journey-steps{grid-template-columns:repeat(2,1fr)}.workspace-head{position:static}.creation-action-box{position:static}}


/* V136 - Parcours compact : repère visuel sans doubler les vraies étapes */
.creation-journey.creation-journey-compact{
  padding:9px 10px 10px;
  margin:0 0 9px;
  border-radius:16px;
  background:linear-gradient(145deg,#f7fbff,#fffafd);
  box-shadow:0 4px 12px rgba(54,92,105,.055);
}
.journey-compact-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 7px;color:#748c93}
.journey-compact-head span{font-size:9px;font-weight:900;letter-spacing:.11em}
.journey-compact-head strong{font-size:9.5px;color:#4f7b83}
.creation-journey-compact .journey-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.creation-journey-compact .journey-steps a{
  display:flex;align-items:center;justify-content:center;gap:5px;
  padding:5px 6px;min-height:28px;border-radius:10px;
  font-size:10.5px;box-shadow:none;background:rgba(255,255,255,.92);
}
.creation-journey-compact .journey-steps a b{
  display:inline-flex;align-items:center;justify-content:center;
  width:17px;height:17px;border-radius:50%;background:#eef6f8;color:#3f727b;
  font-size:9px;line-height:1;font-weight:900;flex:0 0 17px;
}
.creation-journey-compact .journey-steps a span{display:inline;margin:0;font-size:9.5px;color:#667f86}
@media(max-width:900px){.creation-journey-compact .journey-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){
  .creation-journey.creation-journey-compact{padding:8px;margin-bottom:8px}
  .creation-journey-compact .journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V136 cumulatif — simplification sans régression
   - suppression du parcours 1–6
   - badge d’étape non superposé au titre
   - barre d’aperçu compacte et jamais flottante */
.application-only .creation-step .step-badge{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  left:auto !important;
  width:auto !important;
  height:auto !important;
  display:inline-flex !important;
  margin:0 0 7px 0 !important;
  padding:5px 9px !important;
  transform:none !important;
}
.application-only .creation-step>h2{
  position:static;
  clear:both;
  margin-top:0 !important;
}
.application-only .workspace-head.workspace-head-compact{
  position:static !important;
  top:auto !important;
  z-index:auto !important;
  background:transparent !important;
  backdrop-filter:none !important;
  border-radius:0 !important;
  padding:0 0 10px !important;
  min-height:0;
}
.application-only .workspace-head-compact .workspace-count{
  flex:0 0 auto;
}
.application-only .workspace-head-compact #countText{
  margin:0;
  font-weight:800;
  color:#61757a;
  white-space:nowrap;
}


/* V136 · Étiquette évolutive : présentation recto / verso harmonisée */
.verso-image-meta .verso-image-controls{
  width:100%;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;
}
.verso-image-meta .student-verso-image-select{min-width:240px;flex:1 1 250px}
.verso-image-meta .verso-import-btn{flex:0 0 auto}
.verso-image-meta .verso-image-size-wrap{
  display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;flex:0 1 auto;
  min-height:auto;padding:8px 10px;border-radius:12px;
}
.verso-image-meta .verso-image-size-wrap input[type=range]{width:110px;min-width:110px}
.verso-image-meta .verso-photo-toggle-inline{
  flex:1 0 100%;margin:0!important;display:flex!important;align-items:center;gap:8px;
}
.verso-image-meta .verso-photo-toggle-inline[hidden]{display:none!important}
.verso-image-meta.is-evolving-verso .verso-import-btn{display:inline-flex}
@media(max-width:760px){
  .verso-image-meta .student-verso-image-select,.verso-image-meta .verso-import-btn,.verso-image-meta .verso-image-size-wrap{width:100%;flex:1 1 100%}
  .verso-image-meta .verso-image-size-wrap input[type=range]{width:100%;flex:1}
}
\n\n/* V136 — symétrie stricte Recto / Verso + étapes davantage mises en valeur */\n.application-only .controls .creation-step{\n  border:2px solid #b9d8ee!important;\n  box-shadow:0 8px 22px rgba(66,112,160,.10), inset 0 0 0 1px rgba(255,255,255,.85)!important;\n  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;\n}\n.application-only .controls .creation-step::before{\n  content:"";display:block;height:5px;border-radius:999px;margin:-4px 0 11px;\n  background:linear-gradient(90deg,#6f8ff1,#72d0d8,#f1a6c3);\n}\n.application-only .controls .creation-step .step-badge{\n  padding:7px 11px!important;border:1px solid rgba(83,104,180,.18)!important;\n  box-shadow:0 4px 10px rgba(73,104,166,.10)!important;\n  font-size:11px!important;\n}\n.application-only .controls .step-list{border-color:#9fcfea!important}.application-only .controls .step-list .step-badge{background:#e4f6ff!important;color:#326f94!important}\n.application-only .controls .step-writing{border-color:#bbb0ef!important}.application-only .controls .step-writing .step-badge{background:#eee9ff!important;color:#6553a1!important}\n.application-only .controls .step-format{border-color:#f0cf83!important}.application-only .controls .step-format .step-badge{background:#fff2d0!important;color:#82611f!important}\n.application-only .controls .step-look{border-color:#efb4cd!important}.application-only .controls .step-look .step-badge{background:#ffe8f2!important;color:#8e4b6b!important}\n.application-only .controls .step-frame{border-color:#a8d8b2!important}.application-only .controls .step-frame .step-badge{background:#e8f7eb!important;color:#43764e!important}\n.application-only .controls .step-verso{border-color:#aebbf0!important}.application-only .controls .step-verso .step-badge{background:#e9edff!important;color:#5366a3!important}\n\n/* Le bloc média du verso reprend exactement la hiérarchie du bloc photo recto. */\n.student-card .verso-image-meta{align-items:center!important}\n.student-card .verso-image-meta .verso-image-controls{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;flex:1 1 100%!important}\n.student-card .verso-image-meta .student-verso-image-select{min-width:220px!important;max-width:100%!important;flex:0 1 auto!important}\n.student-card .verso-image-meta .verso-image-size-wrap{flex:0 1 auto!important;min-width:0!important}\n.student-card .verso-image-meta .verso-photo-toggle-inline{flex:0 0 100%!important;margin:2px 0 0!important}\n.student-card .verso-extra-image-action{flex:1 0 100%;display:flex;justify-content:flex-start;margin-top:2px}\n.student-card .verso-extra-image-action .verso-import-btn{padding:7px 11px;font-size:11px;opacity:.92}\n.student-card.is-verso-preview .letter-tools{opacity:1!important}\n.student-card.is-verso-preview .letter-tools:not([hidden]){display:flex!important}\n.student-card.is-verso-preview .verso-lettrine-meta:not([hidden]),\n.student-card.is-verso-preview .verso-image-meta:not([hidden]){display:flex!important}\n

/* V136 — symétrie fonctionnelle stricte des outils individuels Recto / Verso */
.student-card .letter-tools[hidden],
.student-card .recto-lettrine-meta[hidden],
.student-card .verso-lettrine-meta[hidden],
.student-card .recto-photo-meta[hidden],
.student-card .verso-image-meta[hidden]{display:none!important}
.student-card .recto-lettrine-meta:not([hidden]),
.student-card .verso-lettrine-meta:not([hidden]),
.student-card .recto-photo-meta:not([hidden]),
.student-card .verso-image-meta:not([hidden]){display:flex}
.student-card.is-verso-preview .letter-tools:not([hidden]){display:flex!important;opacity:1!important}
.student-card .verso-image-meta .photo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}
.student-card .verso-image-meta .student-verso-image-select{min-width:220px;flex:0 1 300px}
.student-card .verso-image-meta .verso-image-size-wrap{flex:0 1 350px}
.student-card .verso-image-meta .verso-photo-toggle-inline{flex:0 0 100%}

/* V136 — étapes de fabrication renforcées visuellement (interface uniquement) */
.application-only .controls .creation-step{
  --step-accent:#4f8edc;
  --step-soft:#eaf4ff;
  --step-soft-2:#f8fbff;
  --step-text:#315f8f;
  overflow:hidden;
  border:2px solid color-mix(in srgb,var(--step-accent) 48%, white)!important;
  border-left-width:7px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,var(--step-soft-2) 0 108px,#fff 108px)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--step-accent) 13%, transparent)!important;
  padding:15px 15px 18px!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.application-only .controls .creation-step::before{
  content:""!important;
  display:block!important;
  height:7px!important;
  margin:-15px -15px 12px!important;
  border-radius:0!important;
  background:linear-gradient(90deg,var(--step-accent),color-mix(in srgb,var(--step-accent) 58%, white))!important;
}
.application-only .controls .creation-step .step-badge{
  position:static!important;
  display:inline-flex!important;
  width:auto!important;height:auto!important;
  margin:0 0 7px!important;
  padding:6px 11px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--step-accent)!important;
  color:#fff!important;
  box-shadow:0 4px 10px color-mix(in srgb,var(--step-accent) 28%, transparent)!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
}
.application-only .controls .creation-step>h2{
  display:block!important;
  margin:0 0 5px!important;
  padding:0!important;
  color:var(--step-text)!important;
  font-size:23px!important;
  line-height:1.08!important;
  font-weight:900!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
.application-only .controls .creation-step .step-intro{
  margin:0 0 14px!important;
  padding:8px 10px!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--step-soft) 78%, white)!important;
  color:#536c75!important;
  font-size:12.5px!important;
  line-height:1.42!important;
  font-weight:700!important;
}
.application-only .controls .creation-step:hover{
  border-color:color-mix(in srgb,var(--step-accent) 72%, white)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--step-accent) 18%, transparent)!important;
}
.application-only .controls .step-list{--step-accent:#38a9d6;--step-soft:#e5f8ff;--step-soft-2:#f5fcff;--step-text:#27769a}
.application-only .controls .step-writing{--step-accent:#7b6ee6;--step-soft:#efedff;--step-soft-2:#faf9ff;--step-text:#5e54ad}
.application-only .controls .step-format{--step-accent:#e6a52e;--step-soft:#fff2d6;--step-soft-2:#fffbf2;--step-text:#946818}
.application-only .controls .step-look{--step-accent:#df6ca1;--step-soft:#ffe8f3;--step-soft-2:#fff8fb;--step-text:#a14972}
.application-only .controls .step-frame{--step-accent:#57ad68;--step-soft:#e8f7eb;--step-soft-2:#f7fcf8;--step-text:#3f7f4c}
.application-only .controls .step-verso{--step-accent:#637fe0;--step-soft:#e9efff;--step-soft-2:#f7f9ff;--step-text:#4f65ac}
@media(max-width:760px){
  .application-only .controls .creation-step{border-left-width:5px!important;padding:13px 12px 16px!important}
  .application-only .controls .creation-step::before{margin:-13px -12px 11px!important;height:6px!important}
  .application-only .controls .creation-step>h2{font-size:21px!important}
}

/* V137 — parcours de fabrication plus évident, coloré mais harmonieux */
.application-only .controls .creation-step{
  overflow:hidden;
  padding-top:14px!important;
  background:#fff!important;
}
.application-only .controls .creation-step::before{
  height:7px!important;
  margin:-14px -14px 13px!important;
  border-radius:18px 18px 0 0!important;
  background:linear-gradient(90deg,var(--step-accent),color-mix(in srgb,var(--step-accent) 64%, white))!important;
}
.application-only .controls .creation-step .step-badge{
  margin:0 0 8px!important;
  padding:7px 11px!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--step-accent)!important;
  color:#fff!important;
  box-shadow:0 4px 11px color-mix(in srgb,var(--step-accent) 27%, transparent)!important;
  font-size:11px!important;
  letter-spacing:.045em!important;
}
.application-only .controls .creation-step>h2{
  display:block!important;
  margin:0 -4px 7px!important;
  padding:9px 11px!important;
  border-left:6px solid var(--step-accent)!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,var(--step-soft) 0%,color-mix(in srgb,var(--step-soft) 52%, white) 74%,#fff 100%)!important;
  color:var(--step-text)!important;
  font-size:22px!important;
  line-height:1.12!important;
}
.application-only .controls .creation-step .step-intro{
  margin:0 0 12px!important;
  padding:7px 10px!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--step-soft) 72%, white)!important;
  color:#536d75!important;
  font-weight:700!important;
}
.application-only .controls .step-list{--step-accent:#18a8dc;--step-soft:#dff6ff;--step-text:#176f92}
.application-only .controls .step-writing{--step-accent:#7665e9;--step-soft:#ece9ff;--step-text:#5448aa}
.application-only .controls .step-format{--step-accent:#e9a51e;--step-soft:#fff0c8;--step-text:#8a5c00}
.application-only .controls .step-look{--step-accent:#e75d9d;--step-soft:#ffe2ef;--step-text:#a23f6d}
.application-only .controls .step-frame{--step-accent:#43ad5b;--step-soft:#e2f6e6;--step-text:#337744}
.application-only .controls .step-verso{--step-accent:#5778e5;--step-soft:#e4ebff;--step-text:#4059ad}
@media(max-width:900px){
  .application-only .controls .creation-step::before{margin:-13px -12px 12px!important}
  .application-only .controls .creation-step>h2{font-size:20px!important}
}

/* V138 — hiérarchie visuelle renforcée des étapes + code couleur VERSO */
.application-only .controls .creation-step{
  position:relative!important;
  border-width:2px!important;
  border-left-width:7px!important;
  box-shadow:0 9px 24px rgba(54,78,92,.08)!important;
}
.application-only .controls .creation-step .step-badge{
  font-size:11.5px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  box-shadow:0 4px 12px color-mix(in srgb,var(--step-accent) 28%, transparent)!important;
}
.application-only .controls .creation-step>h2{
  margin:0 0 9px!important;
  padding:11px 12px!important;
  border:2px solid color-mix(in srgb,var(--step-accent) 48%, white)!important;
  border-left:8px solid var(--step-accent)!important;
  border-radius:13px!important;
  background:linear-gradient(100deg,var(--step-soft) 0%,color-mix(in srgb,var(--step-soft) 62%, white) 72%,#fff 100%)!important;
  color:var(--step-text)!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--step-accent) 13%, transparent)!important;
  font-size:23px!important;
  line-height:1.08!important;
  letter-spacing:-.015em!important;
}
.application-only .controls .creation-step .step-intro{
  margin:0 2px 13px!important;
  padding:6px 9px!important;
  border:0!important;
  border-left:3px solid color-mix(in srgb,var(--step-accent) 38%, white)!important;
  border-radius:0 8px 8px 0!important;
  background:color-mix(in srgb,var(--step-soft) 47%, white)!important;
  color:#5c7077!important;
  font-size:12.25px!important;
  font-weight:650!important;
}

/* Le verso possède volontairement sa propre identité visuelle.
   Bleu-lavande pastel = "dos de l'étiquette", sans confusion avec le recto. */
.application-only .controls .step-verso{
  --step-accent:#6478d8;
  --step-soft:#e9edff;
  --step-text:#4658a3;
  border-color:#aab5eb!important;
  border-left-color:#6478d8!important;
  background:linear-gradient(180deg,#f3f5ff 0%,#f7f8ff 145px,#f4f6ff 100%)!important;
  box-shadow:0 10px 28px rgba(82,101,184,.14)!important;
}
.application-only .controls .step-verso::before{
  background:linear-gradient(90deg,#526bd0,#8292e5,#b1bbf3)!important;
}
.application-only .controls .step-verso::after{
  content:"DOS / VERSO";
  position:absolute;
  top:17px;
  right:14px;
  z-index:2;
  padding:6px 10px;
  border:1px solid #c4cbef;
  border-radius:999px;
  background:#fff;
  color:#5365b5;
  box-shadow:0 3px 10px rgba(82,101,184,.10);
  font-size:9.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.application-only .controls .step-verso>h2{
  border-color:#b9c2ef!important;
  border-left-color:#6478d8!important;
  background:linear-gradient(100deg,#dde4ff 0%,#edf0ff 72%,#f8f9ff 100%)!important;
  color:#4052a0!important;
  box-shadow:0 6px 16px rgba(82,101,184,.13)!important;
}
.application-only .controls .step-verso .step-intro{
  border-left-color:#9ca9e8!important;
  background:#eef1ff!important;
  color:#5d678d!important;
}
.application-only .controls .step-verso .verso-option-card,
.application-only .controls .step-verso .verso-content-mode,
.application-only .controls .step-verso .verso-common-style,
.application-only .controls .step-verso .verso-specific-content,
.application-only .controls .step-verso .verso-creative-details,
.application-only .controls .step-verso .verso-style-details{
  border-color:#d3d9f4!important;
  background:#f8f9ff!important;
}
.application-only .controls .step-verso .verso-master-toggle{
  border:1.5px solid #c7cff0!important;
  background:#eef1ff!important;
  box-shadow:0 4px 12px rgba(82,101,184,.08)!important;
}
.application-only .controls .step-verso .verso-specific-head{
  border-color:#d7dcf5!important;
  background:#f0f2ff!important;
}
.application-only .controls .step-verso details>summary{
  color:#4f61ad!important;
}

@media(max-width:760px){
  .application-only .controls .creation-step>h2{font-size:21px!important;padding:10px 11px!important}
  .application-only .controls .step-verso::after{position:static;display:inline-flex;margin:-1px 0 8px 6px;vertical-align:middle}
}

/* V140 — suppression définitive de la légende de colorisation dans l'aperçu Premium */
.application-only .workspace .legend,
.application-only .legend{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}


/* V145 · planches d’étiquettes identiques par enfant */
.student-sheet-export{display:inline-flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid #d7e5f3;border-radius:12px;background:#f5faff;box-shadow:0 2px 8px rgba(65,100,135,.06)}
.student-sheet-export label{font-size:.78rem;font-weight:800;color:#506b83;white-space:nowrap}
.student-sheet-export select{min-width:116px;height:38px;padding:0 30px 0 10px;border:1px solid #c9d9ea;border-radius:9px;background:#fff;color:#38536d;font-weight:700}
.student-sheet-export .student-sheet-btn{white-space:nowrap}
@media(max-width:900px){.student-sheet-export{width:100%;flex-wrap:wrap;justify-content:flex-start}.student-sheet-export label{width:100%}}

/* V146 · aide explicite pour l’alternance des décors */
.decor-alternance-help{
  margin:8px 0 12px;
  padding:10px 12px;
  border:1px solid #b7d8cf;
  border-radius:12px;
  background:#eefaf6;
  color:#3f625a;
  font-size:.92rem;
  line-height:1.4;
}
.decor-alternance-help.needs-action{
  border-color:#f0c789;
  background:#fff7e8;
  color:#765726;
}


/* V149 · boutons d’ajout d’images immédiatement repérables */
.image-upload-btn{
  gap:10px;
  background:linear-gradient(135deg,#fff0d8 0%,#ffe1c7 46%,#ffd8dc 100%) !important;
  color:#814c36 !important;
  border:2px solid #f2b58d !important;
  box-shadow:0 7px 16px rgba(205,126,86,.18),inset 0 1px 0 rgba(255,255,255,.85) !important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.image-upload-btn:hover{
  transform:translateY(-1px);
  border-color:#e79668 !important;
  box-shadow:0 10px 20px rgba(205,126,86,.25),inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.image-upload-btn:focus-within{
  outline:3px solid rgba(238,151,103,.22);
  outline-offset:2px;
}
.image-upload-icon{
  flex:0 0 auto;
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(206,126,82,.26);
  font-size:20px;
  line-height:1;
  box-shadow:0 2px 6px rgba(123,74,50,.08);
}
.image-upload-btn>span:not(.image-upload-icon){text-align:left;line-height:1.18}
.image-upload-btn small{font:700 11px/1.2 Arial,sans-serif;color:#9a6851;letter-spacing:.01em}
.image-upload-main{
  min-height:64px;
  padding:12px 16px !important;
  justify-content:flex-start !important;
  font-size:15px !important;
}
.image-upload-main .image-upload-icon{width:40px;height:40px;font-size:23px;border-radius:13px}
.verso-image-file.image-upload-btn,.card-file-btn.image-upload-btn{background:linear-gradient(135deg,#eef4ff 0%,#e8e2ff 100%) !important;color:#53609a !important;border-color:#bbb9ee !important;box-shadow:0 6px 14px rgba(91,92,168,.14) !important}
.verso-image-file.image-upload-btn .image-upload-icon,.card-file-btn.image-upload-btn .image-upload-icon{border-color:rgba(91,92,168,.18)}

/* V152 · décor importé indépendant au verso */
.verso-decor-import-block{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,1fr);gap:12px;align-items:end;margin:12px 0;padding:14px;border:1px solid #cfdcf2;border-radius:16px;background:linear-gradient(135deg,#f2f6ff,#f8f4ff)}
.verso-decor-import-block .hint{grid-column:1/-1;margin:0;color:#63728a}
.verso-decor-upload-btn{min-height:44px;max-width:230px;width:auto!important;padding:9px 12px!important;justify-content:flex-start;background:linear-gradient(135deg,#6f8fe8,#8a73d9)!important;color:#fff!important;border-color:#667fd0!important;box-shadow:0 5px 14px rgba(91,104,180,.18);font-size:12.5px!important;line-height:1.1;white-space:normal}
.verso-decor-upload-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(91,104,180,.24)}
.verso-decor-upload-btn .image-upload-icon{width:30px;height:30px;font-size:18px;border-radius:9px}
.verso-decor-upload-btn>span:not(.image-upload-icon){text-align:left;overflow-wrap:anywhere}

@media(max-width:760px){.verso-decor-import-block{grid-template-columns:1fr}.verso-decor-upload-btn{max-width:100%;width:100%!important}}

/* V153 · rendre le bloc Décor / fond / cadre du verso immédiatement visible */
.application-only .controls .step-verso .verso-style-details{
  margin-top:12px!important;
  padding:0!important;
  border:1.5px solid #c8b8ee!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff7fc 0%,#f4f0ff 48%,#eef4ff 100%)!important;
  box-shadow:0 7px 18px rgba(103,84,165,.12)!important;
  overflow:hidden;
}
.application-only .controls .step-verso .verso-style-details>summary{
  display:flex!important;
  align-items:center;
  gap:9px;
  min-height:52px;
  padding:12px 14px!important;
  color:#554596!important;
  background:linear-gradient(100deg,#f2dff2 0%,#e9e2ff 52%,#e0ebff 100%)!important;
  font:15px/1.25 'Fredoka One',sans-serif!important;
  border:0!important;
  cursor:pointer;
}
.application-only .controls .step-verso .verso-style-details>summary:hover{
  background:linear-gradient(100deg,#edd4ed 0%,#e2d8ff 52%,#d7e5ff 100%)!important;
}
.application-only .controls .step-verso .verso-style-details>summary::after{
  content:'+'!important;
  float:none!important;
  margin-left:auto;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  border:1.5px solid #b7a8e1;
  color:#6957ad!important;
  font:21px/1 'Fredoka One',sans-serif;
  box-shadow:0 3px 9px rgba(91,74,145,.10);
}
.application-only .controls .step-verso .verso-style-details[open]>summary::after{content:'−'!important;}
.application-only .controls .step-verso .verso-style-summary-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#fff;
  border:1.5px solid #c9bde9;
  box-shadow:0 3px 9px rgba(91,74,145,.10);
  font-size:18px;
}
.application-only .controls .step-verso .verso-style-details>.verso-style-body{
  padding:12px 14px 14px!important;
  background:rgba(255,255,255,.62);
}

/* V157 · exports PDF plus explicites */
.export-actions{align-items:stretch;gap:10px}
.export-hint{display:flex;align-items:center;font-size:10.5px;font-weight:900;color:#667e86;margin-right:2px;white-space:nowrap}
.single-copy-export,.student-sheet-export{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:14px;min-height:58px}
.single-copy-export{border:1px solid #cde4d9;background:#f2fbf6;box-shadow:0 2px 8px rgba(64,125,92,.06)}
.student-sheet-export{border:1px solid #d7e5f3;background:#f5faff;box-shadow:0 2px 8px rgba(65,100,135,.06)}
.export-choice-copy{display:flex;flex-direction:column;gap:2px;min-width:190px}
.export-choice-copy strong{font-size:.78rem;line-height:1.15;color:#345964}
.single-copy-export .export-choice-copy strong{color:#356a50}
.export-choice-copy small{font-size:.66rem;line-height:1.25;color:#7b8d92;font-weight:700}
.student-sheet-export select{min-width:126px;height:40px;padding:0 30px 0 10px;border:1px solid #c9d9ea;border-radius:9px;background:#fff;color:#38536d;font-weight:700}
.single-copy-export .btn,.student-sheet-export .btn{white-space:nowrap}
@media(max-width:1180px){.export-actions{width:100%}.single-copy-export,.student-sheet-export{flex:1 1 100%;flex-wrap:wrap}.export-choice-copy{flex:1 1 240px}.export-hint{width:100%}}
@media(max-width:700px){.single-copy-export,.student-sheet-export{width:100%}.single-copy-export .btn,.student-sheet-export .btn,.student-sheet-export select{width:100%}.export-choice-copy{min-width:100%}}

/* V158 · réglages de cadre avec noir + palette libre */
.frame-color-picker{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;}
.frame-color-picker select{flex:1;min-width:0;}
.frame-custom-picker{width:54px;min-width:54px;height:46px;padding:4px;border:2px solid #b8cddd;border-radius:14px;background:#fff;cursor:pointer;box-shadow:0 2px 8px rgba(74,115,160,.08);}
.frame-custom-picker[hidden]{display:none !important;}
.tool-row .frame-color-picker{gap:8px;}
.tool-row .frame-custom-picker{width:48px;min-width:48px;height:42px;border-radius:12px;}

/* V159 · palette de cadre libre explicite et toujours active */
.frame-color-picker{align-items:stretch;flex-wrap:wrap;}
.frame-custom-choice{display:flex;align-items:center;gap:7px;padding:5px 8px;border:2px solid #c8d8e4;border-radius:13px;background:#fff;font-size:.82rem;font-weight:700;line-height:1.05;color:#526779;cursor:pointer;white-space:nowrap;}
.frame-custom-choice:hover{border-color:#879fe5;box-shadow:0 3px 10px rgba(91,111,199,.12);}
.frame-custom-choice .frame-custom-picker{border:0;box-shadow:none;padding:1px;width:38px;min-width:38px;height:34px;border-radius:9px;background:transparent;}
.frame-custom-picker[hidden]{display:block !important;}
.tool-row .frame-color-picker.compact{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.tool-row .frame-color-picker.compact .student-group{min-width:135px;flex:1 1 135px;}
.tool-row .frame-custom-choice{padding:4px 6px;font-size:.76rem;}
.tool-row .frame-custom-choice .frame-custom-picker{width:34px;min-width:34px;height:31px;}


/* V163 · navigation automatique Recto / Verso dans la colonne de réglages */
.application-only .controls .creation-step.face-nav-focus{
  box-shadow:0 0 0 3px color-mix(in srgb,var(--step-accent) 28%, transparent), 0 10px 24px rgba(73,94,145,.10)!important;
  transform:translateZ(0);
  transition:box-shadow .22s ease;
}
.application-only .controls[data-active-face="verso"] .step-verso>h2{
  box-shadow:0 5px 16px rgba(87,120,229,.14)!important;
}
@media (prefers-reduced-motion:reduce){
  .application-only .controls .creation-step.face-nav-focus{transition:none!important;}
}

/* V165 · verso ouvert et réglages individuels plus lisibles */
.verso-style-details[open] > .verso-style-body{animation:none;}
.verso-style-guide{margin:0 0 14px;padding:12px 14px;border:1px solid #cfd8ff;border-radius:14px;background:#f7f8ff;color:#4f5875;display:flex;flex-direction:column;gap:3px;line-height:1.35;}
.verso-style-guide strong{color:#4b4f91;font-size:1rem;}
.verso-style-guide span{font-size:.9rem;}
.verso-individual-style-meta{border:1px solid #d8d9fb;background:#fbfbff;align-items:stretch;gap:12px;}
.verso-individual-style-meta .photo-badge{align-self:flex-start;}
.verso-individual-style-controls{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;width:100%;align-items:end;}
.verso-individual-style-controls label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#40546a;}
.verso-individual-style-controls input[type=color]{width:100%;height:44px;border:1px solid #c9d7df;border-radius:12px;padding:4px;background:#fff;}
.verso-individual-style-controls input[type=range]{width:100%;}
@media(max-width:900px){.verso-individual-style-controls{grid-template-columns:1fr;}}


/* V168 · regroupement ergonomique des réglages Recto / Verso */
.settings-group{
  margin:14px 0; padding:16px; border:1.5px solid #d8e3ec; border-radius:20px;
  background:rgba(255,255,255,.72); box-shadow:0 5px 16px rgba(70,104,132,.055);
}
.settings-group-head{display:flex;align-items:flex-start;gap:10px;margin:-2px 0 14px;padding-bottom:10px;border-bottom:1px dashed #d9e5ee;}
.settings-group-icon{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:11px;background:#eef5ff;font-size:18px;}
.settings-group-head strong{display:block;font-size:15px;line-height:1.18;color:#38576c;}
.settings-group-head small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:#708493;font-weight:500;}
.settings-group-writing{background:#f7fbff;border-color:#cfe1ef;}
.settings-group-reading{background:#fff9f4;border-color:#f0dccb;}
.settings-group-decor{background:#f8fbff;border-color:#cadfed;}
.settings-group-photo{background:#f8fcf8;border-color:#cfe6d2;}
.settings-group-cartouche{background:#fffaf5;border-color:#ead8c6;}
.settings-group-verso-decor{background:#f6f4ff;border-color:#d9d0f7;}
.settings-group-verso-cartouche{background:#fff9f2;border-color:#ead7c3;}
.settings-group-verso-frame{background:#f7fbff;border-color:#ceddec;}
.settings-group > label,.settings-group > .color-control-row,.settings-group > .option-card,.settings-group > .verso-decor-import-block{margin-bottom:12px;}
.settings-group > :last-child{margin-bottom:0;}
.verso-style-body{display:block;}
.verso-style-guide{margin-bottom:12px;}
.verso-transparent-toggle{margin:0 0 12px !important;padding:12px 13px;border-radius:14px;background:#fff;border:1px solid #ead9c7;}
.verso-transparent-toggle span strong{color:#6b4d34;}
@media(max-width:700px){.settings-group{padding:13px 12px;border-radius:16px}.settings-group-head{gap:8px}.settings-group-icon{width:30px;height:30px;min-width:30px}}

/* V172 · Interface simplifiée : essentiel visible, détails à la demande */
.simple-help,
.simple-advanced{
  margin-top:10px;
  border:1px solid #d9e5eb;
  border-radius:14px;
  background:#fbfdff;
}
.simple-help > summary,
.simple-advanced > summary{
  cursor:pointer;
  list-style:none;
  padding:11px 13px;
  font-weight:800;
  color:#465d68;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.simple-help > summary::-webkit-details-marker,
.simple-advanced > summary::-webkit-details-marker{display:none;}
.simple-help > summary::after,
.simple-advanced > summary::after{content:'＋';font-size:17px;color:#718b98;line-height:1;}
.simple-help[open] > summary::after,
.simple-advanced[open] > summary::after{content:'−';}
.simple-help > p{margin:0;padding:0 13px 12px;color:#62757e;font-size:.92rem;line-height:1.45;}
.simple-advanced > :not(summary){margin-left:12px;margin-right:12px;}
.simple-advanced > :last-child{margin-bottom:12px;}
.micro-help{margin:7px 0 2px;color:#71838c;font-size:.88rem;line-height:1.35;}
.quick-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px;}
.quick-path > div{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #d7e5eb;border-radius:13px;background:#f7fbfd;font-size:.84rem;line-height:1.15;}
.quick-path span{display:grid;place-items:center;width:24px;height:24px;min-width:24px;border-radius:50%;background:#5f8fd5;color:#fff;font-weight:900;}
.quick-path strong{font-weight:800;color:#405c68;}
.simple-core-group{padding-bottom:12px;}
.simple-core-group .image-upload-main{margin-top:10px;}
.creation-step .settings-group{margin-top:12px;}
.creation-step .settings-group-head small{line-height:1.25;}
.step-look .simple-advanced.settings-group{padding:0 0 10px;overflow:hidden;}
.step-look .simple-advanced.settings-group > summary{background:#f7fafc;border-bottom:1px solid transparent;}
.step-look .simple-advanced.settings-group[open] > summary{border-bottom-color:#e4ecef;margin-bottom:10px;}
.step-look .simple-advanced.imported-image-card{padding:0;background:#f8fbff;}
.step-look .simple-advanced.imported-image-card > summary{padding:11px 13px;}
.step-look .simple-advanced.imported-image-card > label{display:block;margin:0 12px 12px;}
.verso-style-guide{margin:6px 0 10px !important;padding:9px 11px !important;}
.verso-style-guide span{font-size:.87rem;line-height:1.3;}
.verso-style-body .settings-group{padding:12px;margin-top:10px;}
.verso-style-body .settings-group-head{margin-bottom:9px;}
.verso-style-body .settings-group-head strong{font-size:.98rem;}
.verso-style-body .settings-group-head small{font-size:.82rem;}
@media (max-width:760px){.quick-path{grid-template-columns:1fr}.quick-path > div{font-size:.9rem}}

/* V174 · édition directe sur l’étiquette : les réglages individuels ne forment plus un gros pavé */
.student-card.direct-edit-card{position:relative;}
.direct-edit-tip{display:flex;align-items:center;gap:8px;margin:10px 2px 0;padding:8px 10px;border:1px solid #d8e8eb;border-radius:13px;background:#f8fcfd;color:#526b72;font-size:11.5px;line-height:1.25;}
.direct-edit-tip>span:first-child{font-size:17px;flex:0 0 auto;}
.direct-edit-tip>span:nth-child(2){flex:1;min-width:0;}
.direct-edit-tip .direct-edit-open{padding:6px 9px;font-size:10px;white-space:nowrap;}
.direct-editor-panel{position:absolute;z-index:30;left:18px;right:18px;margin-top:8px;padding:12px;background:rgba(255,255,255,.98);border:2px solid #b9d7df;border-radius:18px;box-shadow:0 18px 45px rgba(38,75,88,.22);backdrop-filter:blur(8px);}
.direct-editor-panel[hidden]{display:none!important;}
.direct-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#245c64;font:15px 'Fredoka One',Arial,sans-serif;}
.direct-editor-close{width:32px;height:32px;padding:0;font-size:20px;line-height:1;border-radius:50%;}
.direct-editor-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid #e4edef;}
.direct-editor-tab{border:1px solid #cfdee3;background:#f7fbfc;color:#506b73;border-radius:999px;padding:7px 10px;font-weight:800;font-size:11px;cursor:pointer;}
.direct-editor-tab.is-active{background:#e5f2ff;border-color:#90b7e4;color:#315e8e;box-shadow:0 3px 8px rgba(69,108,159,.12);}
.direct-edit-card .label-preview{cursor:pointer;}
.direct-edit-card .letter-hit{cursor:text;}

/* Tout reste dans le DOM avec ses écouteurs : seul l’affichage change. */
.direct-editor-panel .tool-row,
.direct-editor-panel .letter-tools,
.direct-editor-panel .font-size-meta,
.direct-editor-panel .lettrine-meta,
.direct-editor-panel .verso-individual-style-meta,
.direct-editor-panel .recto-photo-meta,
.direct-editor-panel .verso-image-meta{display:none!important;}

/* Texte / lettres */
.direct-editor-panel[data-section="text"] .letter-tools:not([hidden]),
.direct-editor-panel[data-section="text"] .recto-font-size-meta:not([hidden]),
.direct-editor-panel[data-section="text"] .verso-font-size-meta:not([hidden]),
.direct-editor-panel[data-section="text"] .recto-lettrine-meta:not([hidden]),
.direct-editor-panel[data-section="text"] .verso-lettrine-meta:not([hidden]){display:flex!important;}

/* Fond / décor */
.direct-editor-panel[data-section="background"] .tool-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));}
.direct-editor-panel[data-section="background"] .tool-row>*{display:none!important;}
.direct-editor-panel[data-section="background"] .tool-row>label:nth-child(1),
.direct-editor-panel[data-section="background"] .tool-row>label:nth-child(2),
.direct-editor-panel[data-section="background"] .tool-row>label:nth-child(3),
.direct-editor-panel[data-section="background"] .tool-row>label:nth-child(4){display:block!important;}
.direct-editor-panel[data-section="background"] .verso-individual-style-meta:not([hidden]){display:flex!important;}
.direct-editor-panel[data-section="background"] .verso-individual-style-controls label{display:none!important;}
.direct-editor-panel[data-section="background"] .verso-individual-style-controls label:nth-child(1),
.direct-editor-panel[data-section="background"] .verso-individual-style-controls label:nth-child(2){display:flex!important;}
.direct-editor-panel[data-section="background"] .verso-individual-style-controls{grid-template-columns:repeat(2,minmax(140px,1fr));}

/* Cadre */
.direct-editor-panel[data-section="frame"] .tool-row{display:grid!important;grid-template-columns:minmax(180px,1fr);}
.direct-editor-panel[data-section="frame"] .tool-row>*{display:none!important;}
.direct-editor-panel[data-section="frame"] .tool-row>label:nth-child(5){display:block!important;}
.direct-editor-panel[data-section="frame"] .verso-individual-style-meta:not([hidden]){display:flex!important;}
.direct-editor-panel[data-section="frame"] .verso-individual-style-controls label{display:none!important;}
.direct-editor-panel[data-section="frame"] .verso-individual-style-controls label:nth-child(3){display:flex!important;}
.direct-editor-panel[data-section="frame"] .verso-individual-style-controls{grid-template-columns:minmax(180px,1fr);}

/* Photo / image */
.direct-editor-panel[data-section="media"] .recto-photo-meta:not([hidden]),
.direct-editor-panel[data-section="media"] .verso-image-meta:not([hidden]){display:flex!important;}

@media(max-width:760px){
  .direct-editor-panel{left:8px;right:8px;padding:10px;}
  .direct-editor-panel[data-section="background"] .tool-row{grid-template-columns:1fr;}
  .direct-edit-tip{align-items:flex-start;flex-wrap:wrap;}
  .direct-edit-tip .direct-edit-open{margin-left:25px;}
}

/* V175 · le cartouche devient une zone d’édition directe dédiée */
.direct-editor-panel .recto-cartouche-meta{display:none!important;}
.direct-editor-panel[data-section="cartouche"] .recto-cartouche-meta:not([hidden]),
.direct-editor-panel[data-section="cartouche"] .verso-individual-style-meta:not([hidden]){display:flex!important;}
.direct-editor-panel[data-section="cartouche"] .verso-individual-style-meta .verso-individual-style-controls label{display:none!important;}
.direct-editor-panel[data-section="cartouche"] .verso-individual-style-meta .verso-individual-style-controls label:nth-child(1),
.direct-editor-panel[data-section="cartouche"] .verso-individual-style-meta .verso-individual-style-controls label:nth-child(2){display:flex!important;}
.direct-editor-panel[data-section="cartouche"] .recto-cartouche-controls{grid-template-columns:repeat(2,minmax(140px,1fr));}
.direct-editor-panel[data-section="cartouche"] .recto-cartouche-controls .tiny-check{grid-column:1/-1;}
.direct-editor-panel[data-section="background"] .verso-individual-style-meta{display:none!important;}
.direct-editor-panel[data-section="background"] .recto-cartouche-meta{display:none!important;}
@media(max-width:700px){.direct-editor-panel[data-section="cartouche"] .recto-cartouche-controls{grid-template-columns:1fr;}}

/* V177 · bouton décor verso parfaitement contenu dans la colonne */
.verso-decor-import-block{
  grid-template-columns:minmax(0,1fr)!important;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
}
.verso-decor-upload-btn{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 10px!important;
}
.verso-decor-upload-btn>span:not(.image-upload-icon){
  min-width:0;
  max-width:100%;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}
.verso-decor-upload-btn .image-upload-icon{flex:0 0 auto;}

/* V179 · sauvegardes compactes et explicites */
.memory-card-compact{padding:14px 14px 12px;gap:10px;}
.memory-head-compact{margin-bottom:4px;}
.memory-head-compact .memory-main-title{font-size:1.05rem;}
.memory-head-compact .memory-note{margin-top:3px;line-height:1.35;font-size:.88rem;}
.memory-compact-details{border:1px solid rgba(94,121,160,.18);border-radius:16px;background:rgba(255,255,255,.65);overflow:hidden;}
.memory-compact-details+ .memory-compact-details{margin-top:8px;}
.memory-compact-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;font-weight:800;}
.memory-compact-details>summary::-webkit-details-marker{display:none;}
.memory-compact-details>summary small{font-weight:600;opacity:.68;text-align:right;}
.memory-compact-details[open]>summary{background:rgba(222,236,250,.5);}
.compact-memory-block{padding:10px 12px 12px;margin:0;border:0;background:transparent;}
.compact-memory-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin:0;}
.memory-name-row.compact-memory-row{grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px;}
.compact-memory-row input,.compact-memory-row select{min-width:0;}
.compact-memory-row .btn{white-space:nowrap;padding-inline:12px;}
@media(max-width:720px){.compact-memory-row,.memory-name-row.compact-memory-row{grid-template-columns:1fr}.memory-compact-details>summary{align-items:flex-start;flex-direction:column;gap:2px}.memory-compact-details>summary small{text-align:left}}

/* V181 · répartition des décors importés au verso */
#versoImportedDistributionHelp.needs-action{background:#fff4e7;border:1px solid #f2c992;border-radius:10px;padding:7px 9px;color:#7a5427;}

/* V184 · interface allégée : une carte principale, des sous-sections sans cadres imbriqués */
.application-only .controls .creation-step .settings-group{
  position:relative;
  margin:10px 0 0!important;
  padding:13px 4px 12px 14px!important;
  border:0!important;
  border-top:1px solid rgba(104,132,153,.18)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.application-only .controls .creation-step .settings-group::before{
  content:"";
  position:absolute;
  left:0;
  top:13px;
  bottom:12px;
  width:3px;
  border-radius:999px;
  background:#c7d8e3;
  opacity:.82;
}
.application-only .controls .creation-step .settings-group-writing::before{background:#9fc7e5}
.application-only .controls .creation-step .settings-group-reading::before{background:#e7c7a9}
.application-only .controls .creation-step .settings-group-decor::before{background:#9fcbe6}
.application-only .controls .creation-step .settings-group-photo::before{background:#a9d7b4}
.application-only .controls .creation-step .settings-group-cartouche::before{background:#e5c29f}
.application-only .controls .creation-step .settings-group-verso-decor::before{background:#b9aceb}
.application-only .controls .creation-step .settings-group-verso-cartouche::before{background:#e3bfa4}
.application-only .controls .creation-step .settings-group-verso-frame::before{background:#abc8df}

.application-only .controls .creation-step .settings-group-head{
  margin:0 0 9px!important;
  padding:0!important;
  border:0!important;
  gap:9px!important;
  align-items:center!important;
}
.application-only .controls .creation-step .settings-group-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:10px!important;
  background:rgba(238,245,255,.78)!important;
  box-shadow:none!important;
}
.application-only .controls .creation-step .settings-group-head strong{
  font-size:.96rem!important;
  color:#3f596a!important;
}
.application-only .controls .creation-step .settings-group-head small{
  margin-top:2px!important;
  font-size:.78rem!important;
  line-height:1.25!important;
  color:#788a96!important;
}

/* Le panneau Aspect du verso reste identifiable mais ne devient plus une carte dans la carte. */
.application-only .controls .step-verso .verso-style-details{
  margin-top:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.34)!important;
  box-shadow:none!important;
  overflow:hidden;
}
.application-only .controls .step-verso .verso-style-details>summary{
  min-height:50px!important;
  padding:10px 12px!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(100deg,rgba(232,219,250,.78),rgba(226,235,255,.76))!important;
  box-shadow:none!important;
}
.application-only .controls .step-verso .verso-style-details[open]>summary{
  border-radius:15px 15px 9px 9px!important;
}
.application-only .controls .step-verso .verso-style-details>summary::after{
  width:28px!important;
  height:28px!important;
  border:1px solid rgba(112,92,175,.28)!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.78)!important;
}
.application-only .controls .step-verso .verso-style-summary-icon{
  width:32px!important;
  height:32px!important;
  flex-basis:32px!important;
  border:0!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.78)!important;
}
.application-only .controls .step-verso .verso-style-details>.verso-style-body{
  padding:10px 10px 8px!important;
  background:transparent!important;
}

/* Le rappel général devient un bandeau de lecture, pas un nouveau cadre. */
.application-only .controls .step-verso .verso-style-guide{
  margin:2px 0 6px!important;
  padding:8px 10px 8px 12px!important;
  border:0!important;
  border-left:3px solid #aab6e8!important;
  border-radius:0 10px 10px 0!important;
  background:rgba(241,243,255,.72)!important;
  box-shadow:none!important;
}
.application-only .controls .step-verso .verso-style-guide strong{font-size:.93rem!important}
.application-only .controls .step-verso .verso-style-guide span{font-size:.8rem!important;line-height:1.28!important}

/* Les cartes internes ponctuelles perdent aussi l'effet double encadrement. */
.application-only .controls .step-verso .verso-decor-import-block,
.application-only .controls .step-verso .verso-transparent-toggle,
.application-only .controls .step-verso .verso-pdf-mode,
.application-only .controls .step-verso .verso-content-mode,
.application-only .controls .step-verso .verso-common-style{
  box-shadow:none!important;
}
.application-only .controls .step-verso .verso-decor-import-block{
  border-color:rgba(154,169,213,.28)!important;
  background:rgba(246,247,255,.62)!important;
}

@media(max-width:700px){
  .application-only .controls .creation-step .settings-group{
    padding:11px 2px 10px 12px!important;
  }
  .application-only .controls .step-verso .verso-style-details>.verso-style-body{
    padding:9px 7px 7px!important;
  }
}


/* V185 - action de colorisation remontée et non intrusive */
.creation-action-box.creation-action-colorize{
  position:static!important; bottom:auto!important; z-index:auto!important;
  margin:12px 0 0!important; padding:11px 12px!important; border-radius:15px!important;
  background:linear-gradient(135deg,#f3fbff,#f8f5ff)!important;
  border:1px solid #d7e5f2!important; box-shadow:none!important; backdrop-filter:none!important;
}
.creation-action-box.creation-action-colorize>div{margin-bottom:7px!important}
.creation-action-box.creation-action-colorize strong{font-size:14px!important}
.creation-action-box.creation-action-colorize span{font-size:10.5px!important;line-height:1.25!important}
.creation-action-box.creation-action-colorize .btn{width:100%;min-height:44px;padding:9px 12px!important;font-size:15px!important}
.creation-action-box.creation-action-colorize>small{display:block;margin-top:6px;color:#71858a;font-size:10px;line-height:1.3;text-align:center}

/* V189 · aide compacte : import des images pour « Image seule au verso » */
.verso-linked-image-import-hint{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;
  margin:10px 0 0;padding:10px 12px;border:1px solid #d9e7df;border-radius:14px;
  background:#f7fbf8;color:#385e53;
}
.verso-linked-image-import-hint[hidden]{display:none!important}
.verso-linked-image-import-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e7f4ec;font-size:18px}
.verso-linked-image-import-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.verso-linked-image-import-copy strong{font-size:.94rem;line-height:1.15}
.verso-linked-image-import-copy small{font-size:.78rem;line-height:1.35;color:#657a73}
.verso-linked-image-import-btn{white-space:nowrap;padding:8px 12px;min-height:38px}
@media(max-width:700px){
  .verso-linked-image-import-hint{grid-template-columns:auto minmax(0,1fr)}
  .verso-linked-image-import-btn{grid-column:1/-1;width:100%}
}

/* V192 — choix compact du comportement de taille des prénoms */
.font-sizing-choice{margin:8px 0 12px;padding:10px 12px;border-left:3px solid #8aa7e8;background:rgba(244,248,255,.68);border-radius:0 12px 12px 0}
.font-sizing-choice label{margin:0;display:block}
.font-sizing-choice select{margin-top:5px}
.font-sizing-choice .font-sizing-help{margin:6px 0 0;font-size:.86rem;line-height:1.35}

/* V193 · suppression claire des décors de fond importés */
.clear-imported-backgrounds-btn{
  width:100%;
  margin-top:8px;
  min-height:42px;
  gap:8px;
  background:linear-gradient(135deg,#fff9f5,#fff3f1)!important;
  color:#8a5c4e!important;
  border:1px solid #ebc7b7!important;
  box-shadow:none!important;
}
.clear-imported-backgrounds-btn:hover{background:linear-gradient(135deg,#fff4ed,#ffece8)!important;border-color:#dea990!important}


/* V195 · sauvegardes plus lisibles + chargement automatique des listes */
.memory-card-compact{padding:14px 12px 12px!important;}
.memory-head-compact{align-items:flex-start!important;}
.memory-head-compact>div:last-child{min-width:0;}
.memory-head-compact .memory-main-title{line-height:1.22!important;}
.memory-head-compact .memory-note{font-size:.84rem!important;line-height:1.42!important;}
.memory-compact-details>summary{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:2px!important;align-items:start!important;}
.memory-compact-details>summary span,.memory-compact-details>summary small{min-width:0;white-space:normal!important;overflow-wrap:anywhere;}
.memory-compact-details>summary small{text-align:left!important;font-size:.78rem!important;line-height:1.25!important;}
.compact-memory-block{padding:10px 10px 12px!important;}
.memory-name-row.compact-memory-row{grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;}
.memory-name-row.compact-memory-row .btn{padding-inline:10px!important;}
.memory-picker-row{display:grid;grid-template-columns:1fr;gap:5px;margin-top:8px;}
.memory-picker-row label{font:700 .82rem/1.2 Arial,sans-serif;color:#466c78;}
.memory-picker-row select{width:100%!important;max-width:100%!important;font-size:.9rem!important;padding-right:34px!important;text-overflow:ellipsis;}
.memory-auto-hint{display:block;color:#71838b;font-size:.76rem;line-height:1.3;margin:1px 2px 0;}
.memory-delete-row{display:flex;justify-content:flex-end;margin-top:8px;}
.memory-delete-row .btn{min-height:34px!important;padding:7px 10px!important;font-size:.76rem!important;}
.memory-model-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:8px;}
.memory-model-actions .btn{width:100%;min-width:0;white-space:normal!important;line-height:1.15!important;}
@media(max-width:420px){
  .memory-name-row.compact-memory-row,.memory-model-actions{grid-template-columns:1fr!important;}
  .memory-name-row.compact-memory-row .btn,.memory-delete-row .btn{width:100%!important;}
  .memory-delete-row{display:block;}
}

/* V196 · modèles mémorisés : sélection = application immédiate */
.memory-settings-block .memory-auto-hint{display:block;margin:6px 0 0;color:#6e7f86;font-size:.78rem;line-height:1.35;}
.memory-settings-block .memory-delete-row{margin-top:8px;}
.memory-settings-block .memory-delete-row .btn{width:100%;}