:root{--primary: #0066cc;--secondary: #666;--danger: #cc0000;--success: #00cc00;--border: #ddd;--bg-light: #f9f9f9;--text-dark: #333}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-dark)}.typifluence-app{display:flex;height:100vh;gap:0;background:#fff}.left-panel{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:visible;position:relative;transition:flex .3s ease}.left-panel.collapsed{flex:0 0 40px}.left-panel.collapsed .panel-content{display:none}.left-panel.collapsed .collapse-btn{width:100%;height:100%;padding:0}.collapse-btn{position:absolute;top:10px;right:10px;background:#fff;border:1px solid var(--border);padding:5px 8px;cursor:pointer;border-radius:3px;z-index:10;font-size:12px}.collapse-btn:hover{background:#f0f0f0}.btn-floating-preview{position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fff;border:4px solid #f9f9f9;box-shadow:0 4px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;z-index:100;transition:all .2s ease}.btn-floating-preview:hover:not(:disabled){transform:translateY(-50%) scale(1.1);background:rgb(0,76.5,153)}.btn-floating-preview:disabled{background:#ccc;cursor:not-allowed}.btn-floating-preview .icon{font-size:20px;line-height:1;margin-bottom:2px}.btn-floating-preview .label{font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.panel-section{margin-bottom:30px}.panel-section h2{margin:0 0 15px;font-size:14px;font-weight:600;text-transform:uppercase;color:var(--secondary)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;font-size:13px;cursor:pointer}.form-group label input[type=checkbox]{margin-right:5px;cursor:pointer}.form-group input[type=text],.form-group input[type=number],.form-group input[type=color],.form-group select,.form-group textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:3px;font-family:inherit;font-size:13px}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=color]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,102,204,.1)}.form-group textarea{resize:vertical;min-height:100px}.size-input{display:flex;gap:10px;align-items:center}.size-input input[type=range]{flex:1}.size-input .value{min-width:40px;text-align:right;font-weight:600;color:var(--primary)}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group label{display:flex;align-items:center;margin-bottom:0}.radio-group label input[type=radio]{margin-right:8px}.mode-toggle{display:flex;border-bottom:1px solid var(--border);margin-bottom:15px}.mode-toggle .tab{flex:1;padding:10px;background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;font-size:13px;font-weight:500;color:var(--secondary);transition:all .2s}.mode-toggle .tab.active{color:var(--primary);border-bottom-color:var(--primary)}.mode-toggle .tab:hover:not(.active){background:rgba(0,0,0,.02)}button{font-family:inherit;cursor:pointer;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-generate{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;margin-top:20px}.btn-generate:hover:not(:disabled){background:rgb(0,76.5,153)}.btn-generate:active:not(:disabled){transform:translateY(1px)}.btn-secondary{width:100%;padding:8px;background:var(--border);color:var(--text-dark);border:1px solid var(--secondary);border-radius:3px;font-size:13px}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.text-info,.font-info,.hint{background:rgba(0,0,0,.03);border-left:3px solid var(--primary);padding:10px;margin-top:10px;font-size:12px;line-height:1.4}.text-info p,.font-info p,.hint p{margin:0 0 5px}.text-info p:last-child,.font-info p:last-child,.hint p:last-child{margin-bottom:0}.text-info strong,.font-info strong,.hint strong{color:var(--text-dark)}.hint{border-left-color:orange;background:rgba(255,165,0,.05)}details{margin-top:10px}details summary{cursor:pointer;font-size:12px;color:var(--primary);font-weight:500;padding:5px 0}details summary:hover{text-decoration:underline}details ul{margin:10px 0 0;padding-left:20px;font-size:12px}details ul li{margin-bottom:5px;line-height:1.4}.layout-preview{margin-top:15px;padding:10px;background:#fff;border:1px solid var(--border);border-radius:3px}.layout-preview p{margin:0 0 10px;font-size:12px;color:var(--secondary)}.layout-preview .preview{display:grid;gap:5px;aspect-ratio:1/1.414;background:#fafafa;padding:10px;border:1px dashed var(--border)}.layout-preview .preview.portrait{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-preview .preview.landscape{grid-template-columns:1fr 1fr 1fr 1fr;aspect-ratio:1.414/1}.layout-preview .block-preview{background:#e8e8e8;border:1px solid var(--border);border-radius:2px}.font-preview{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-bottom:10px}.font-preview .font-preview-item{padding:8px;background:#fff;border:1px solid var(--border);border-radius:3px}.font-preview .font-preview-item .block-label{font-size:11px;color:var(--secondary);text-transform:uppercase;font-weight:600}.font-preview .font-preview-item p{margin:5px 0 0;font-size:14px}.color-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:center;margin-top:10px}.color-grid .color-label{font-size:11px;font-weight:600;color:var(--secondary)}.color-grid .color-header{font-size:11px;font-weight:600;color:var(--secondary);text-align:center}.color-grid .color-select{width:100%;height:30px;padding:2px;border:1px solid var(--border);border-radius:3px;cursor:pointer;font-size:10px}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.checkbox-group .checkbox-label{display:flex;align-items:center;font-size:12px;font-weight:normal}.font-size-list{margin-top:10px}.font-size-list .size-input-item{margin-bottom:8px}.font-size-list .size-input-item .block-label{font-size:11px;font-weight:600;color:var(--secondary);margin-bottom:2px}@media(max-width: 768px){.typifluence-app{flex-direction:column}.left-panel{flex:0 0 auto;border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.left-panel.collapsed{max-height:40px}}.render-window{flex:1;overflow:auto;background:#e5e5e5;padding:30px;display:flex;flex-direction:column;align-items:center}.loading{text-align:center;font-size:16px;color:var(--secondary);padding:50px}.empty-state{text-align:center;color:var(--secondary);font-size:18px;padding:100px 50px}.alerts{width:100%;max-width:900px;margin-bottom:20px}.alert{padding:12px 15px;border-radius:4px;margin-bottom:10px;font-size:14px;line-height:1.5;position:relative;padding-right:40px}.alert .alert-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;font-weight:bold;line-height:1;color:inherit;opacity:.5;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.alert .alert-close:hover{opacity:1}.alert p{margin:0 0 5px}.alert p:last-child{margin-bottom:0}.alert .suggestions{font-size:12px;color:rgba(0,0,0,.6);margin-top:8px;font-style:italic}.alert.alert-OVERFLOW_TEXT,.alert.alert-FONT_OVERFLOW,.alert.alert-blocking{background:#ffe5e5;border-left:4px solid var(--danger);color:#c00}.alert.alert-PEDAGOGIC_LIMIT,.alert.alert-warning{background:#fff9e5;border-left:4px solid orange;color:#c60}.alert.alert-success{background:#e5ffe5;border-left:4px solid var(--success);color:#090}.test-page{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);aspect-ratio:210/297;width:600px;max-width:90vw}.test-page.landscape{aspect-ratio:297/210;width:800px}.test-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;padding:20px;height:100%}.landscape .test-container{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:10px;padding:15px}.test-container.recto-verso{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}.test-block{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ddd;border-radius:3px;padding:15px;page-break-inside:avoid;position:relative;overflow:hidden;line-height:1.6;word-wrap:break-word}.test-block .block-content{flex:1;display:block;text-align:left;font-weight:normal;letter-spacing:.02em;word-spacing:.1em;width:100%}.test-block .block-footer{font-size:10px;color:rgba(0,0,0,.4);position:absolute;bottom:3px;right:5px;font-weight:normal;text-align:right}.test-block .block-footer strong{font-weight:600}@media print{.test-block{border:2px solid #000;page-break-inside:avoid}}@media(max-width: 768px){.render-window{padding:15px}.test-page{width:100%;aspect-ratio:210/297}.test-page.landscape{aspect-ratio:297/210}.test-container{gap:8px;padding:10px}.test-block{padding:10px;font-size:12px}.test-block .block-content{font-size:inherit}}@media(max-width: 480px){.render-window{padding:10px}.test-page{width:100%}.test-container{gap:5px;padding:8px}.test-block{padding:8px;border-radius:2px}.test-block .block-content{font-size:11px}.test-block .block-number{font-size:8px}}@media print{.alerts{display:none !important}.render-window{background:#fff;padding:0}.test-page{box-shadow:none;margin:0;width:100%;aspect-ratio:auto}.test-container{gap:0;padding:20mm;height:auto;position:relative}.test-container::after{content:"Généré par TypiFluence proposé par All-Inclusive.ovh\a contact: bruno.ecard@gmail.com";white-space:pre;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:rgba(0,0,0,.15);font-size:10pt;text-align:center;pointer-events:none;z-index:1000}.test-block{break-inside:avoid;min-height:50mm}}@font-face{font-family:"OpenDyslexic";src:url(944fbc80e601d48a6b07.woff2) format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"OpenDyslexic";src:url(1c4db6f5dd53da7a620b.woff2) format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"OpenDyslexic";src:url(64625ba503a14996d76f.woff2) format("woff2");font-weight:normal;font-style:italic}@font-face{font-family:"OpenDyslexic";src:url(69e4edc58806f0c3677f.woff2) format("woff2");font-weight:bold;font-style:italic}@font-face{font-family:"Andika";src:url(ceb3e5495be533d187f0.woff2) format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Atkinson Hyperlegible";src:url(7572a7a55ffff1170d86.woff2) format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Lexend";src:url(30d27fe19b017ca0af01.woff2) format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Luciole";src:url(a67d716c1fe3c70945d9.woff2) format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Luciole";src:url(89aee0921e66e48208fc.woff2) format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Arial";src:url(2f06d009f5f28857ce09.woff2) format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Arial";src:url(64cdc6e996af77f4f45c.woff2) format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Comic Sans MS";src:url(de268b9e0d36e546c0ec.woff2) format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Comic Sans MS";src:url(626de1343022ced9b954.woff2) format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Verdana";src:url(d45b6d790628e0df6624.woff2) format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Verdana";src:url(692609a65089f857b037.woff2) format("woff2");font-weight:bold;font-style:normal}@font-face{font-family:"Ubuntu";src:url(24bc50604821f61c0e3a.woff2) format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"Ubuntu";src:url(f829caef73102ce4404e.woff2) format("woff2");font-weight:bold;font-style:normal}:root{--primary: #0066cc;--secondary: #666;--danger: #cc0000;--success: #00cc00;--border: #ddd;--bg-light: #f9f9f9;--text-dark: #333;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-dark);background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#typifluence-root{height:100%}.typifluence-app{display:flex;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:2px}.skip-to-main{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-to-main:focus{top:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in}.slide-in{animation:slideIn .3s ease-out}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.no-margin{margin:0 !important}.no-padding{padding:0 !important}.text-center{text-align:center}.text-muted{color:var(--secondary)}@media print{body{background:#fff !important}#wpadminbar,.site-header,.site-footer,#secondary,.widget-area,.entry-header,header,footer{display:none !important;visibility:hidden !important}.typifluence-app{position:static !important;display:block !important;height:auto !important;overflow:visible !important;padding:0 !important}.typifluence-app>div:first-child{display:none !important}.typifluence-app>div:last-child,.render-window{display:block !important;overflow:visible !important;padding:0 !important}}@page{margin:0}
:root{--primary: #0066cc;--secondary: #666;--danger: #cc0000;--success: #00cc00;--border: #ddd;--bg-light: #f9f9f9;--text-dark: #333}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-dark)}.typifluence-app{display:flex;height:100vh;gap:0;background:#fff}.left-panel{background:#fff;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:visible;position:relative;transition:flex .3s ease}.left-panel.collapsed{flex:0 0 40px}.left-panel.collapsed .panel-content{display:none}.left-panel.collapsed .collapse-btn{width:100%;height:100%;padding:0}.collapse-btn{position:absolute;top:10px;right:10px;background:#fff;border:1px solid var(--border);padding:5px 8px;cursor:pointer;border-radius:3px;z-index:10;font-size:12px}.collapse-btn:hover{background:#f0f0f0}.btn-floating-preview{position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fff;border:4px solid #f9f9f9;box-shadow:0 4px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;z-index:100;transition:all .2s ease}.btn-floating-preview:hover:not(:disabled){transform:translateY(-50%) scale(1.1);background:rgb(0,76.5,153)}.btn-floating-preview:disabled{background:#ccc;cursor:not-allowed}.btn-floating-preview .icon{font-size:20px;line-height:1;margin-bottom:2px}.btn-floating-preview .label{font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.panel-section{margin-bottom:30px}.panel-section h2{margin:0 0 15px;font-size:14px;font-weight:600;text-transform:uppercase;color:var(--secondary)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;font-size:13px;cursor:pointer}.form-group label input[type=checkbox]{margin-right:5px;cursor:pointer}.form-group input[type=text],.form-group input[type=number],.form-group input[type=color],.form-group select,.form-group textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:3px;font-family:inherit;font-size:13px}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group input[type=color]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,102,204,.1)}.form-group textarea{resize:vertical;min-height:100px}.size-input{display:flex;gap:10px;align-items:center}.size-input input[type=range]{flex:1}.size-input .value{min-width:40px;text-align:right;font-weight:600;color:var(--primary)}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group label{display:flex;align-items:center;margin-bottom:0}.radio-group label input[type=radio]{margin-right:8px}.mode-toggle{display:flex;border-bottom:1px solid var(--border);margin-bottom:15px}.mode-toggle .tab{flex:1;padding:10px;background:none;border:none;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;font-size:13px;font-weight:500;color:var(--secondary);transition:all .2s}.mode-toggle .tab.active{color:var(--primary);border-bottom-color:var(--primary)}.mode-toggle .tab:hover:not(.active){background:rgba(0,0,0,.02)}button{font-family:inherit;cursor:pointer;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-generate{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:600;margin-top:20px}.btn-generate:hover:not(:disabled){background:rgb(0,76.5,153)}.btn-generate:active:not(:disabled){transform:translateY(1px)}.btn-secondary{width:100%;padding:8px;background:var(--border);color:var(--text-dark);border:1px solid var(--secondary);border-radius:3px;font-size:13px}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.text-info,.font-info,.hint{background:rgba(0,0,0,.03);border-left:3px solid var(--primary);padding:10px;margin-top:10px;font-size:12px;line-height:1.4}.text-info p,.font-info p,.hint p{margin:0 0 5px}.text-info p:last-child,.font-info p:last-child,.hint p:last-child{margin-bottom:0}.text-info strong,.font-info strong,.hint strong{color:var(--text-dark)}.hint{border-left-color:orange;background:rgba(255,165,0,.05)}details{margin-top:10px}details summary{cursor:pointer;font-size:12px;color:var(--primary);font-weight:500;padding:5px 0}details summary:hover{text-decoration:underline}details ul{margin:10px 0 0;padding-left:20px;font-size:12px}details ul li{margin-bottom:5px;line-height:1.4}.layout-preview{margin-top:15px;padding:10px;background:#fff;border:1px solid var(--border);border-radius:3px}.layout-preview p{margin:0 0 10px;font-size:12px;color:var(--secondary)}.layout-preview .preview{display:grid;gap:5px;aspect-ratio:1/1.414;background:#fafafa;padding:10px;border:1px dashed var(--border)}.layout-preview .preview.portrait{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.layout-preview .preview.landscape{grid-template-columns:1fr 1fr 1fr 1fr;aspect-ratio:1.414/1}.layout-preview .block-preview{background:#e8e8e8;border:1px solid var(--border);border-radius:2px}.font-preview{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;margin-bottom:10px}.font-preview .font-preview-item{padding:8px;background:#fff;border:1px solid var(--border);border-radius:3px}.font-preview .font-preview-item .block-label{font-size:11px;color:var(--secondary);text-transform:uppercase;font-weight:600}.font-preview .font-preview-item p{margin:5px 0 0;font-size:14px}.color-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:center;margin-top:10px}.color-grid .color-label{font-size:11px;font-weight:600;color:var(--secondary)}.color-grid .color-header{font-size:11px;font-weight:600;color:var(--secondary);text-align:center}.color-grid .color-select{width:100%;height:30px;padding:2px;border:1px solid var(--border);border-radius:3px;cursor:pointer;font-size:10px}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.checkbox-group .checkbox-label{display:flex;align-items:center;font-size:12px;font-weight:normal}.font-size-list{margin-top:10px}.font-size-list .size-input-item{margin-bottom:8px}.font-size-list .size-input-item .block-label{font-size:11px;font-weight:600;color:var(--secondary);margin-bottom:2px}@media(max-width: 768px){.typifluence-app{flex-direction:column}.left-panel{flex:0 0 auto;border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.left-panel.collapsed{max-height:40px}}
.render-window{flex:1;overflow:auto;background:#e5e5e5;padding:30px;display:flex;flex-direction:column;align-items:center}.loading{text-align:center;font-size:16px;color:var(--secondary);padding:50px}.empty-state{text-align:center;color:var(--secondary);font-size:18px;padding:100px 50px}.alerts{width:100%;max-width:900px;margin-bottom:20px}.alert{padding:12px 15px;border-radius:4px;margin-bottom:10px;font-size:14px;line-height:1.5;position:relative;padding-right:40px}.alert .alert-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;font-weight:bold;line-height:1;color:inherit;opacity:.5;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.alert .alert-close:hover{opacity:1}.alert p{margin:0 0 5px}.alert p:last-child{margin-bottom:0}.alert .suggestions{font-size:12px;color:rgba(0,0,0,.6);margin-top:8px;font-style:italic}.alert.alert-OVERFLOW_TEXT,.alert.alert-FONT_OVERFLOW,.alert.alert-blocking{background:#ffe5e5;border-left:4px solid var(--danger);color:#c00}.alert.alert-PEDAGOGIC_LIMIT,.alert.alert-warning{background:#fff9e5;border-left:4px solid orange;color:#c60}.alert.alert-success{background:#e5ffe5;border-left:4px solid var(--success);color:#090}.test-page{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);aspect-ratio:210/297;width:600px;max-width:90vw}.test-page.landscape{aspect-ratio:297/210;width:800px}.test-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;padding:20px;height:100%}.landscape .test-container{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:10px;padding:15px}.test-container.recto-verso{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}.test-block{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #ddd;border-radius:3px;padding:15px;page-break-inside:avoid;position:relative;overflow:hidden;line-height:1.6;word-wrap:break-word}.test-block .block-content{flex:1;display:block;text-align:left;font-weight:normal;letter-spacing:.02em;word-spacing:.1em;width:100%}.test-block .block-footer{font-size:10px;color:rgba(0,0,0,.4);position:absolute;bottom:3px;right:5px;font-weight:normal;text-align:right}.test-block .block-footer strong{font-weight:600}@media print{.test-block{border:2px solid #000;page-break-inside:avoid}}@media(max-width: 768px){.render-window{padding:15px}.test-page{width:100%;aspect-ratio:210/297}.test-page.landscape{aspect-ratio:297/210}.test-container{gap:8px;padding:10px}.test-block{padding:10px;font-size:12px}.test-block .block-content{font-size:inherit}}@media(max-width: 480px){.render-window{padding:10px}.test-page{width:100%}.test-container{gap:5px;padding:8px}.test-block{padding:8px;border-radius:2px}.test-block .block-content{font-size:11px}.test-block .block-number{font-size:8px}}@media print{.alerts{display:none !important}.render-window{background:#fff;padding:0}.test-page{box-shadow:none;margin:0;width:100%;aspect-ratio:auto}.test-container{gap:0;padding:20mm;height:auto;position:relative}.test-container::after{content:"Généré par TypiFluence proposé par All-Inclusive.ovh\a contact: bruno.ecard@gmail.com";white-space:pre;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:rgba(0,0,0,.15);font-size:10pt;text-align:center;pointer-events:none;z-index:1000}.test-block{break-inside:avoid;min-height:50mm}}