.dtfp-wrap{--accent:#2b0f55;--accent2:#4b168f;font-family:Inter,Arial,sans-serif;background:#f3effb;border-radius:24px;box-shadow:0 18px 60px #0002;overflow:hidden;margin:20px 0;color:#1d1230}.dtfp-tabs{display:flex;gap:8px;padding:14px;background:linear-gradient(90deg,var(--accent),var(--accent2));overflow:auto}.dtfp-tab,.dtfp-add-board{border:0;border-radius:999px;padding:10px 16px;background:#ffffffdc;color:#24113e;font-weight:800;cursor:pointer}.dtfp-tab.active{background:#fff;box-shadow:0 8px 18px #0003}.dtfp-leftbar{position:absolute;z-index:4;margin:88px 0 0 14px;display:flex;flex-direction:column;gap:10px}.dtfp-leftbar button{border:0;border-radius:18px;background:#fff;color:var(--accent);padding:15px 14px;min-width:58px;min-height:54px;box-shadow:0 8px 22px #0003;font-weight:900;font-size:18px;cursor:pointer}.dtfp-leftbar .danger{color:#b91c1c}.dtfp-main{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;padding:18px}.dtfp-stage{background:#fff;border-radius:24px;min-height:720px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 0 1px #ded0f2;overflow:hidden}.dtfp-canvas{width:min(84vh,92%);height:min(84vh,92%);border-radius:18px;background:#fff;box-shadow:0 18px 40px #0001;cursor:grab}.dtfp-canvas:active{cursor:grabbing}.dtfp-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#ffffffd9;border-radius:999px;padding:8px 14px;color:#4a3765}.dtfp-panel{background:#fff;border-radius:24px;padding:14px;box-shadow:0 8px 30px #0001;max-height:800px;overflow:auto}.dtfp-panel details{border:1px solid #e4d8f8;border-radius:18px;margin:0 0 12px;background:#fbf9ff;overflow:hidden}.dtfp-panel summary{padding:14px 16px;background:#efe7fb;color:var(--accent);font-size:18px;font-weight:900;cursor:pointer}.dtfp-panel details>*:not(summary){margin:12px 14px}.dtfp-panel select,.dtfp-panel input[type=number],.dtfp-panel textarea{width:calc(100% - 28px);border:1px solid #d6c5ef;border-radius:14px;padding:11px;background:#fff}.dtfp-panel input[type=color]{width:58px;height:42px;border:1px solid #d6c5ef;border-radius:12px;background:#fff;padding:3px}.dtfp-panel input[type=range]{width:100%;accent-color:var(--accent)}.dtfp-panel button,.dtfp-add-cart,.dtfp-preview-all,.dtfp-validate{border:0;border-radius:16px;background:var(--accent);color:#fff;padding:13px 16px;font-weight:900;margin:7px 4px 7px 0;cursor:pointer}.dtfp-field{display:block;font-weight:700;color:#2d1847}.dtfp-check{display:block;background:#f0e8fb;border-radius:14px;padding:10px;margin:10px 0}.dtfp-bg-swatches{display:flex;flex-wrap:wrap;gap:8px}.dtfp-bg-swatches button{width:58px;height:42px;border:1px solid #ddd;border-radius:10px;color:#111;font-size:10px;padding:2px;background-size:16px 16px!important}.dtfp-pricebox{background:var(--accent);color:#fff;border-radius:18px;padding:14px;margin-top:14px;line-height:1.8}.dtfp-pricebox strong{float:right}.dtfp-add-cart{width:100%;font-size:18px;background:#32105f}.dtfp-preview-all{width:100%;background:#4b168f}.dtfp-selected-panel{border-color:#b995f2!important}.dtfp-text-edit-wrap label{display:block;margin:10px 0;font-weight:700}.dtfp-modal{display:none;position:fixed;inset:0;background:#0008;z-index:99999;padding:30px;overflow:auto}.dtfp-modal>div{background:#fff;border-radius:24px;max-width:960px;margin:auto;padding:22px;position:relative}.dtfp-close{position:absolute;right:16px;top:12px;border:0;background:#eee;border-radius:99px;width:38px;height:38px}.dtfp-summary-board{border:1px solid #e5ddff;border-radius:18px;padding:14px;margin:12px 0}.dtfp-summary-board img{max-width:100%;border-radius:14px;border:1px solid #ddd}.dtfp-designs-list button{display:block;width:100%;text-align:left;background:#f5f1ff;color:#24164f;border:0;border-radius:14px;padding:12px;margin:8px 0}.dtfp-cart-thumb{max-width:90px;border-radius:8px}@media(max-width:900px){.dtfp-main{grid-template-columns:1fr}.dtfp-leftbar{position:static;flex-direction:row;flex-wrap:wrap;margin:8px}.dtfp-stage{min-height:440px}.dtfp-panel{max-height:none}}
.dtfp-wrap{--accent:#32105f;--accent2:#5917a6;background:#f0e8fb}.dtfp-leftbar button{min-width:74px;min-height:68px;font-size:28px;border-radius:22px}.dtfp-leftbar .dtfp-save,.dtfp-leftbar .dtfp-my-designs,.dtfp-leftbar .dtfp-help{font-size:16px}.dtfp-tab-wrap{display:flex;align-items:center;gap:3px;background:#ffffff55;border-radius:999px;padding-right:5px}.dtfp-tab-wrap .dtfp-tab{border-top-right-radius:0;border-bottom-right-radius:0}.dtfp-delete-board{border:0;background:#fff;color:#b91c1c;border-radius:999px;width:34px;height:34px;cursor:pointer;font-size:16px;font-weight:900}.dtfp-orientation:disabled{opacity:.45;cursor:not-allowed}.dtfp-panel details:not([open]){background:#fff}.dtfp-panel details:not([open]) summary{border-radius:18px}.dtfp-canvas{touch-action:none}

.dtfp-tab[contenteditable=true]{outline:3px solid #fff;background:#fff7cc!important;}
.dtfp-panel details{open:false}
.dtfp-wait{display:none;position:fixed;inset:0;z-index:100000;background:rgba(20,8,45,.72);align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:24px;text-align:center}.dtfp-wait>div{background:#32105f;border-radius:24px;padding:28px 34px;box-shadow:0 20px 60px #0008}.dtfp-note{font-size:13px;color:#59416f;background:#f1e9fb;border-radius:12px;padding:10px}.dtfp-image-edit-wrap label{display:block;margin:10px 0;font-weight:700}.dtfp-canvas{background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.dtfp-tab{user-select:text}.dtfp-tab:focus{outline:3px solid #fff7cc;}

/* V10: zone de travail plus large et indicateur dimensions */
.dtfp-main{grid-template-columns:minmax(0,1fr) 360px;gap:8px;padding:12px 8px 12px 96px}
.dtfp-stage{min-height:780px;border-radius:18px}
.dtfp-canvas{width:min(96vh,99%);height:min(96vh,99%)}
.dtfp-leftbar{margin-left:8px}
.dtfp-measure-edit{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 14px!important;background:#f2eafa;border-radius:14px;padding:10px!important}
.dtfp-measure-edit label{font-weight:900;color:#32105f;font-size:13px}.dtfp-measure-edit input{width:100%!important;box-sizing:border-box;margin-top:4px}
.dtfp-open-preview{background:#32105f!important;color:#fff!important;border-radius:12px!important;font-weight:900!important;margin-top:8px!important}
@media(max-width:900px){.dtfp-main{padding:10px;grid-template-columns:1fr}.dtfp-canvas{width:98%;height:auto}.dtfp-stage{min-height:460px}}
/* V12 ergonomie */
.dtfp-main{grid-template-columns:minmax(0,1fr) 320px;gap:10px;padding:12px 10px 12px 92px;}
.dtfp-stage{border:4px solid #32105f;border-radius:18px;overflow:auto;align-items:flex-start;justify-content:flex-start;min-height:760px;}
.dtfp-canvas{width:1100px;height:1100px;max-width:none;max-height:none;margin:18px;border-radius:14px;}
.dtfp-leftbar{margin:86px 0 0 8px;gap:7px;}
.dtfp-leftbar button{min-width:52px;min-height:48px;padding:8px 6px;font-size:20px;border-radius:14px;}
.dtfp-leftbar .dtfp-save,.dtfp-leftbar .dtfp-my-designs,.dtfp-leftbar .dtfp-help{font-size:11px;line-height:1.05;max-width:64px;}
.dtfp-leftbar button.active{background:#32105f;color:#fff;outline:3px solid #c9a8ff;}
.dtfp-panel{max-height:760px;padding:10px;border-radius:18px;}
.dtfp-panel summary{font-size:15px;padding:10px 12px;}
.dtfp-panel details{border-radius:14px;margin-bottom:8px;}
.dtfp-panel button,.dtfp-add-cart,.dtfp-preview-all,.dtfp-validate{padding:10px 12px;border-radius:12px;}
.dtfp-summary-board{background:#fff;}
.dtfp-summary-board img{background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;}
@media(max-width:900px){.dtfp-main{padding:8px;grid-template-columns:1fr}.dtfp-stage{min-height:480px}.dtfp-canvas{width:900px;height:900px}.dtfp-leftbar{margin:8px}}

/* V13 ajustements interface */
.dtfp-leftbar button{min-width:58px!important;min-height:54px!important;font-size:22px!important;padding:9px 7px!important}
.dtfp-leftbar .dtfp-save,.dtfp-leftbar .dtfp-my-designs,.dtfp-leftbar .dtfp-help{font-size:12px!important;max-width:72px!important}
.dtfp-main{grid-template-columns:minmax(0,1fr) 300px!important;gap:8px!important;padding-left:96px!important;align-items:start}
.dtfp-stage{height:700px!important;min-height:0!important;max-height:calc(100vh - 210px);overflow:scroll!important;resize:vertical;background:#fff;border:5px solid #32105f!important}
.dtfp-panel{max-height:700px!important;font-size:13px!important}
.dtfp-panel summary{font-size:14px!important;padding:9px 10px!important}.dtfp-panel details>*:not(summary){margin:9px 10px!important}
.dtfp-canvas{margin:14px!important}
.dtfp-tool-pan .dtfp-canvas{cursor:grab!important}.dtfp-tool-pan .dtfp-canvas:active{cursor:grabbing!important}.dtfp-tool-select .dtfp-canvas{cursor:default!important}
.dtfp-leftbar button.active{background:#32105f!important;color:#fff!important;outline:3px solid #c9a8ff!important}
.dtfp-block-preview-box{margin:18px 0;padding:16px;border:2px solid #32105f;border-radius:16px;background:#f6f0ff}.dtfp-block-preview-row{margin:8px 0}.dtfp-block-preview-row .button{margin-left:8px}
#dtfp-wc-preview-modal img,.dtfp-summary-board img{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
@media(max-width:900px){.dtfp-main{padding-left:8px!important;grid-template-columns:1fr!important}.dtfp-stage{height:520px!important;max-height:none}.dtfp-panel{max-height:none!important}}


/* V14 alignement et compacité */
.dtfp-wrap{position:relative}
.dtfp-main{grid-template-columns:minmax(0,1fr) 292px!important;gap:8px!important;padding:10px 8px 10px 92px!important;align-items:start!important}
.dtfp-leftbar{margin:10px 0 0 8px!important;gap:6px!important;top:64px!important}
.dtfp-leftbar button{min-width:60px!important;min-height:50px!important;font-size:21px!important;padding:7px 6px!important;line-height:1!important;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}
.dtfp-leftbar .dtfp-save,.dtfp-leftbar .dtfp-my-designs,.dtfp-leftbar .dtfp-help{font-size:11px!important;line-height:1.05!important;word-break:normal;white-space:normal;max-width:60px!important}
.dtfp-stage{height:610px!important;min-height:610px!important;max-height:610px!important;overflow:auto!important;border:6px solid #32105f!important;border-radius:18px!important;background:#fff!important;box-sizing:border-box}
.dtfp-panel{max-height:610px!important;height:610px!important;overflow:auto!important;border-radius:18px!important;box-sizing:border-box}
.dtfp-canvas{margin:12px!important;box-shadow:none!important;border-radius:12px!important}
.dtfp-hint{display:none!important}
.dtfp-panel button,.dtfp-add-cart,.dtfp-preview-all,.dtfp-validate{font-size:12px!important;padding:9px 10px!important;line-height:1.15!important}
.dtfp-panel summary{font-size:13px!important}.dtfp-panel select,.dtfp-panel input[type=number],.dtfp-panel textarea{font-size:12px!important;padding:8px!important}
.dtfp-block-preview-box{display:block!important;margin:16px 0!important;padding:16px!important;border:3px solid #32105f!important;border-radius:16px!important;background:#f6f0ff!important;clear:both!important}
.dtfp-block-preview-row .button,.dtfp-open-preview,.dtfp-edit-btn{margin:6px 6px 6px 0!important;background:#32105f!important;color:#fff!important;border-radius:12px!important;font-weight:900!important;text-decoration:none!important;padding:9px 12px!important;display:inline-block!important}
@media(max-width:900px){.dtfp-main{padding:8px!important;grid-template-columns:1fr!important}.dtfp-leftbar{position:static!important;flex-direction:row!important}.dtfp-stage,.dtfp-panel{height:auto!important;min-height:440px!important;max-height:none!important}}

/* V15 back-office + boutons */
.dtfp-leftbar .dtfp-save{font-size:22px!important;max-width:none!important;white-space:nowrap!important;word-break:normal!important}
.dtfp-checkout-buttons,.dtfp-cart-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0!important}
.dtfp-cart-lines p{margin:.2em 0}
.dtfp-block-preview-box .dtfp-block-preview-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
#dtfp-wc-preview-modal .dtfp-wc-preview-list img{background-color:#fff!important}
.dtfp-admin .button,.dtfp-open-preview,.dtfp-edit-btn{cursor:pointer}


/* V17 : back-office rétractable + recadrage interface */
.dtfp-stage{overflow:auto!important;scrollbar-gutter:stable both-edges;}
.dtfp-stage::-webkit-scrollbar{width:14px;height:14px}.dtfp-stage::-webkit-scrollbar-thumb{background:#32105f;border-radius:999px;border:3px solid #f2eafa}.dtfp-stage::-webkit-scrollbar-track{background:#efe7fb;border-radius:999px}
.dtfp-canvas{transform-origin:top left;}

/* v1.0.19 - Aperçu plein écran au-dessus du thème WooCommerce/Divi */
.dtfp-modal{z-index:2147483000!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;box-sizing:border-box!important;align-items:flex-start!important;justify-content:center!important;padding:32px 18px!important;background:rgba(16,8,28,.78)!important;overflow:auto!important;}
.dtfp-summary-modal>div{width:min(1100px,calc(100vw - 36px))!important;max-width:1100px!important;margin:20px auto 60px!important;padding:28px 24px 24px!important;border-radius:24px!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important;position:relative!important;z-index:2147483001!important;}
.dtfp-summary-modal .dtfp-close{display:flex!important;align-items:center!important;justify-content:center!important;position:sticky!important;float:right!important;top:0!important;right:0!important;z-index:2147483002!important;width:46px!important;height:46px!important;border-radius:50%!important;background:#32105f!important;color:#fff!important;font-size:24px!important;font-weight:900!important;line-height:1!important;box-shadow:0 8px 22px rgba(0,0,0,.28)!important;cursor:pointer!important;}
.dtfp-summary-modal .dtfp-summary-list{clear:both!important;}
.dtfp-summary-modal .dtfp-validate{display:block!important;position:sticky!important;bottom:12px!important;width:100%!important;max-width:520px!important;margin:24px auto 4px!important;padding:15px 22px!important;background:#32105f!important;color:#fff!important;border-radius:14px!important;font-size:17px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(50,16,95,.3)!important;z-index:2147483002!important;}
body.dtfp-modal-open{overflow:hidden!important;}
@media(max-width:767px){.dtfp-modal{padding:12px 8px!important}.dtfp-summary-modal>div{width:calc(100vw - 16px)!important;margin:8px auto 36px!important;padding:18px 12px!important}.dtfp-summary-modal .dtfp-close{width:42px!important;height:42px!important;font-size:22px!important}.dtfp-summary-modal .dtfp-validate{font-size:15px!important}}

/* V20: aperçu des planches au-dessus de tous les contextes Divi/WooCommerce */
body.dtfp-modal-open{overflow:hidden!important}.dtfp-summary-modal{position:fixed!important;inset:0!important;z-index:2147483647!important;isolation:isolate!important;transform:none!important;margin:0!important;width:100vw!important;height:100vh!important;max-width:none!important;box-sizing:border-box!important;background:rgba(20,8,45,.78)!important}.dtfp-summary-modal>div{position:relative!important;z-index:2!important;width:min(1100px,calc(100vw - 40px))!important;max-width:1100px!important;margin:auto!important;max-height:calc(100vh - 40px)!important;overflow:auto!important;box-sizing:border-box!important}.dtfp-summary-modal .dtfp-close{position:sticky!important;float:right!important;top:0!important;right:0!important;z-index:10!important;background:#32105f!important;color:#fff!important;width:46px!important;height:46px!important;font-size:25px!important;line-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 6px 20px #0005!important}.dtfp-summary-modal .dtfp-validate{display:block!important;width:100%!important;position:sticky!important;bottom:0!important;z-index:5!important;font-size:18px!important;margin-top:18px!important;box-shadow:0 -8px 20px #fff!important}@media(max-width:767px){.dtfp-summary-modal{padding:8px!important}.dtfp-summary-modal>div{width:100%!important;max-height:calc(100vh - 16px)!important;border-radius:16px!important}}
/* V27 - Interface d'amélioration IA (connexion API à venir) */
.dtfp-ai-box{margin-top:14px;padding:14px;border:1px solid #dacbf2;border-radius:14px;background:#f8f4ff}.dtfp-ai-box h4{margin:0 0 6px;color:#35105f;font-size:16px}.dtfp-ai-box p{margin:0 0 10px;font-size:12px;line-height:1.4}.dtfp-ai-actions{display:grid;gap:8px}.dtfp-ai-actions button{width:100%;text-align:left}.dtfp-ai-modal>div{width:min(1000px,94vw);max-height:90vh;overflow:auto}.dtfp-ai-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.dtfp-ai-preview{border:1px solid #ded3ee;border-radius:14px;padding:12px;background:#fafafa;text-align:center}.dtfp-ai-preview strong{display:block;margin-bottom:8px}.dtfp-ai-preview img{max-width:100%;height:340px;object-fit:contain;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.dtfp-ai-status{padding:12px;border-radius:10px;background:#f2eaff;color:#35105f}.dtfp-ai-footer{display:flex;justify-content:flex-end;gap:10px}.dtfp-ai-use[disabled]{opacity:.45;cursor:not-allowed}@media(max-width:700px){.dtfp-ai-compare{grid-template-columns:1fr}.dtfp-ai-preview img{height:230px}}
/* V28 — Comptes et crédits IA */
.dtfp-ai-balance{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.dtfp-ai-balance span{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #d9c8ef;font-size:12px;color:#35105f}.dtfp-ai-optimize{width:100%;background:#4a176f!important;color:#fff!important;border-color:#4a176f!important;font-weight:800!important}.dtfp-ai-buy-link{display:inline-block;margin:9px 0 4px;font-size:12px;font-weight:700;color:#4a176f;text-decoration:underline}.dtfp-ai-advanced{margin-top:8px;border-top:1px solid #ded3ee;padding-top:8px}.dtfp-ai-advanced summary{cursor:pointer;font-size:12px;font-weight:700;color:#4a176f}.dtfp-ai-advanced .dtfp-ai-actions{margin-top:8px}.dtfp-ai-login-box{padding:11px;border-radius:11px;background:#fff;border:1px solid #d9c8ef}.dtfp-ai-login-box p{margin:5px 0 10px}.dtfp-ai-login-box .button{font-size:12px!important;padding:7px 9px!important;line-height:1.2!important;min-height:0!important}.dtfp-ai-explain{font-size:12px!important}.dtfp-ai-pack-selector{padding:14px;border:1px solid #d9c8ef;border-radius:12px;background:#faf7ff;margin:12px 0}.dtfp-ai-login-required{padding:16px;border:1px solid #d9c8ef;border-radius:12px;background:#faf7ff;margin:12px 0}.dtfp-account-ai-balance strong{color:#4a176f}

/* V29 — verrouillage compte/crédits avant génération IA + confirmation */
.dtfp-ai-preflight{margin:16px 0;padding:16px;border:1px solid #d9c8ef;border-radius:14px;background:#faf7ff}.dtfp-ai-credit-warning{margin-bottom:12px}.dtfp-ai-credit-warning strong{display:block;color:#35105f;font-size:16px;margin-bottom:5px}.dtfp-ai-credit-warning p{margin:0;line-height:1.5}.dtfp-ai-confirm-generation{width:100%;background:#4a176f!important;color:#fff!important;border:0!important;border-radius:14px!important;padding:13px 16px!important;font-weight:900!important;cursor:pointer}.dtfp-ai-modal-login{background:#4a176f!important;color:#fff!important}.dtfp-ai-modal .dtfp-ai-footer{flex-wrap:wrap;align-items:center}.dtfp-ai-modal .dtfp-ai-status{line-height:1.5}.dtfp-ai-box[data-ai-logged="0"] [data-ai-action]{opacity:.82}.dtfp-ai-box[data-ai-logged="0"] [data-ai-action]:after{content:" 🔒"}
/* V30 — Authentification IA sans quitter le configurateur */
.dtfp-ai-auth-modal{z-index:2147483647!important;background:rgba(20,8,45,.78)!important;align-items:center;justify-content:center}.dtfp-ai-auth-modal>div{width:min(560px,calc(100vw - 28px));max-width:560px;margin:auto!important;padding:26px!important;box-shadow:0 24px 80px #0006}.dtfp-ai-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.dtfp-ai-auth-tab{border:1px solid #d8c8ef!important;background:#f4effb!important;color:#35105f!important}.dtfp-ai-auth-tab.active{background:#35105f!important;color:#fff!important}.dtfp-ai-auth-modal form label{display:block;font-weight:700;margin:12px 0;color:#2d1847}.dtfp-ai-auth-modal form input[type=email],.dtfp-ai-auth-modal form input[type=text],.dtfp-ai-auth-modal form input[type=password]{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid #d6c5ef;border-radius:12px;padding:12px;background:#fff}.dtfp-ai-auth-submit{width:100%;margin-top:10px!important;background:#35105f!important}.dtfp-ai-auth-message{display:none;padding:10px 12px;border-radius:10px;margin:10px 0;background:#f7e9ef;color:#8a1738}.dtfp-ai-auth-message.ok{background:#eaf8ef;color:#176b38}.dtfp-ai-auth-intro{background:#f5f0fc;padding:10px 12px;border-radius:10px}.dtfp-ai-remember{font-weight:500!important}.dtfp-ai-auth-modal small{display:block;margin-top:10px;color:#5d4a73}

/* V30.1 - Lisibilite boutons authentification IA */
.dtfp-ai-auth-submit,
.dtfp-ai-auth-modal .dtfp-ai-auth-submit,
.dtfp-ai-auth-modal button.dtfp-ai-auth-submit {
  color:#fff!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.3!important;
  padding:15px 18px!important;
  min-height:52px!important;
}

/* V32 — aperçu IA qualitatif, attente animée et galerie des propositions */
.dtfp-ai-waiting{margin:18px 0;padding:22px;border-radius:18px;background:linear-gradient(135deg,#f8f2ff,#efe5ff);text-align:center;color:#35105f;border:1px solid #d8c4f1}.dtfp-ai-waiting>strong{display:block;font-size:20px;margin:8px 0}.dtfp-ai-waiting p{font-size:14px!important;min-height:22px}.dtfp-ai-orbit{height:70px;position:relative;width:130px;margin:0 auto}.dtfp-ai-orbit span{position:absolute;left:48px;top:18px;font-size:26px;animation:dtfpAiOrbit 2.4s linear infinite}.dtfp-ai-orbit span:nth-child(2){animation-delay:-.8s}.dtfp-ai-orbit span:nth-child(3){animation-delay:-1.6s}@keyframes dtfpAiOrbit{from{transform:rotate(0deg) translateX(42px) rotate(0deg)}to{transform:rotate(360deg) translateX(42px) rotate(-360deg)}}.dtfp-ai-progress{height:8px;background:#ddc9f4;border-radius:99px;overflow:hidden;margin:14px auto;max-width:420px}.dtfp-ai-progress i{display:block;height:100%;width:38%;background:linear-gradient(90deg,#32105f,#8b52da,#32105f);border-radius:99px;animation:dtfpAiProgress 1.5s ease-in-out infinite}@keyframes dtfpAiProgress{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}.dtfp-ai-my-proposals{width:100%!important;background:#fff!important;color:#35105f!important;border:2px solid #5a2794!important}.dtfp-ai-history-modal>div{width:min(1120px,95vw);max-height:90vh;overflow:auto}.dtfp-ai-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px}.dtfp-ai-history-card{border:1px solid #ded3ee;border-radius:16px;padding:12px;background:#fff;box-shadow:0 8px 24px #35105f12}.dtfp-ai-history-card>img{width:100%;height:210px;object-fit:contain;border-radius:12px;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.dtfp-ai-history-card>strong,.dtfp-ai-history-card>small{display:block;margin-top:8px}.dtfp-ai-history-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.dtfp-ai-history-actions button,.dtfp-ai-history-actions .button{font-size:11px!important;padding:8px 9px!important;margin:0!important}.dtfp-ai-history-actions .danger{background:#8b1e2d!important}.dtfp-ai-history-empty{padding:22px;text-align:center;background:#faf7ff;border-radius:14px;color:#5a4770}

/* V34 — les fenêtres Optimisation Impression passent réellement au-dessus de Divi/WooCommerce */
body.dtfp-ai-modal-open{overflow:hidden!important}
body>.dtfp-ai-modal,
body>.dtfp-ai-auth-modal,
body>.dtfp-ai-history-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:20px!important;
  box-sizing:border-box!important;
  z-index:2147483647!important;
  isolation:isolate!important;
  transform:none!important;
  background:rgba(20,8,45,.82)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:auto!important;
}
body>.dtfp-ai-modal>div,
body>.dtfp-ai-auth-modal>div,
body>.dtfp-ai-history-modal>div{
  position:relative!important;
  z-index:1!important;
  margin:auto!important;
  background:#fff!important;
  box-shadow:0 30px 100px rgba(0,0,0,.55)!important;
}
body>.dtfp-ai-modal>div{width:min(1000px,calc(100vw - 40px))!important;max-height:calc(100vh - 40px)!important;overflow:auto!important}
body>.dtfp-ai-auth-modal>div{width:min(560px,calc(100vw - 40px))!important;max-height:calc(100vh - 40px)!important;overflow:auto!important}
body>.dtfp-ai-history-modal>div{width:min(1120px,calc(100vw - 40px))!important;max-height:calc(100vh - 40px)!important;overflow:auto!important}
body>.dtfp-ai-modal .dtfp-close,
body>.dtfp-ai-auth-modal .dtfp-close,
body>.dtfp-ai-history-modal .dtfp-close{
  position:sticky!important;
  top:0!important;
  float:right!important;
  z-index:5!important;
  background:#35105f!important;
  color:#fff!important;
}
@media(max-width:767px){
  body>.dtfp-ai-modal,body>.dtfp-ai-auth-modal,body>.dtfp-ai-history-modal{padding:8px!important;align-items:flex-start!important}
  body>.dtfp-ai-modal>div,body>.dtfp-ai-auth-modal>div,body>.dtfp-ai-history-modal>div{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important}
}

/* V36 - Galerie Mes fichiers optimisés dans Mon compte */
.dtfp-account-optimized-files{max-width:1180px}.dtfp-account-optimized-head{margin-bottom:18px}.dtfp-account-ai-history-grid{margin-top:0}.dtfp-account-ai-history-grid .dtfp-ai-history-card>img{height:230px}.dtfp-account-ai-history-grid .dtfp-ai-history-actions .button,.dtfp-account-ai-history-grid .dtfp-ai-history-actions button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.dtfp-account-ai-history-grid .dtfp-ai-history-actions .danger{color:#fff!important;border-color:#8b1e2d!important}@media(max-width:640px){.dtfp-account-ai-history-grid{grid-template-columns:1fr}.dtfp-account-ai-history-grid .dtfp-ai-history-card>img{height:260px}}

/* V39 — Aide + guide interactif spotlight */
body.dtfp-guide-open{overflow:hidden!important}
body>.dtfp-help-modal{position:fixed!important;inset:0!important;z-index:2147483647!important;background:rgba(20,8,45,.72)!important;align-items:center!important;justify-content:center!important;padding:20px!important}
body>.dtfp-help-modal>div{width:min(760px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px)!important;overflow:auto!important;margin:auto!important;background:#fff!important;border-radius:22px!important;padding:26px!important;box-shadow:0 28px 90px #0007!important}
.dtfp-help-choice{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.dtfp-help-card{padding:20px;border:1px solid #ded1ef;border-radius:18px;background:#faf7ff}.dtfp-help-card h3{margin:8px 0;color:#35105f}.dtfp-help-card p{line-height:1.5}.dtfp-help-icon{font-size:32px}.dtfp-start-guide,.dtfp-phone-help{display:flex!important;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin-top:14px!important;padding:13px 15px!important;border-radius:13px!important;background:#35105f!important;color:#fff!important;border:0!important;text-decoration:none!important;font-weight:800!important;font-size:15px!important;cursor:pointer}
.dtfp-guide-intro{display:none;position:fixed;inset:0;z-index:2147483647;background:rgba(20,8,45,.58);align-items:center;justify-content:center;padding:18px}.dtfp-guide-intro>div{position:relative;width:min(540px,calc(100vw - 30px));background:#fff;border-radius:24px;padding:30px;text-align:center;box-shadow:0 30px 100px #0008}.dtfp-guide-welcome{font-size:42px}.dtfp-guide-intro h2{color:#35105f;margin:8px 0}.dtfp-guide-intro p{line-height:1.55;color:#493a5a}.dtfp-guide-begin{width:100%;margin-top:14px!important;background:#35105f!important;color:#fff!important;border:0!important;border-radius:14px!important;padding:14px!important;font-size:16px!important;font-weight:900!important}.dtfp-guide-skip{margin-top:9px!important;background:transparent!important;color:#5a4770!important;border:0!important;text-decoration:underline;cursor:pointer}.dtfp-guide-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%!important;background:#f1eafa!important;color:#35105f!important;border:0!important;font-size:20px!important}
.dtfp-guide-layer{display:none;position:fixed;inset:0;z-index:2147483647;pointer-events:none}.dtfp-guide-shade{position:fixed;background:rgba(20,8,45,.55);pointer-events:auto}.dtfp-guide-focus{position:fixed;border:3px solid #8c4fda;border-radius:16px;box-shadow:0 0 0 5px rgba(255,255,255,.82),0 0 34px rgba(139,82,218,.75);pointer-events:none;transition:all .25s ease}.dtfp-guide-tip{position:fixed;z-index:3;background:#fff;border-radius:18px;padding:18px;box-sizing:border-box;box-shadow:0 20px 70px #0007;pointer-events:auto;color:#30203f}.dtfp-guide-tip:after{content:'';position:absolute;width:0;height:0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.dtfp-guide-tip-left:after{right:-14px;top:calc(var(--dtfp-guide-arrow-pos,50%) - 12px);border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:15px solid #fff}.dtfp-guide-tip-right:after{left:-14px;top:calc(var(--dtfp-guide-arrow-pos,50%) - 12px);border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:15px solid #fff}.dtfp-guide-tip-above:after{bottom:-14px;left:calc(var(--dtfp-guide-arrow-pos,50%) - 12px);border-left:12px solid transparent;border-right:12px solid transparent;border-top:15px solid #fff}.dtfp-guide-tip-below:after{top:-14px;left:calc(var(--dtfp-guide-arrow-pos,50%) - 12px);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:15px solid #fff}.dtfp-guide-tip h3{margin:8px 0 6px;color:#35105f;font-size:19px}.dtfp-guide-tip p{margin:0 0 14px;line-height:1.5;font-size:14px}.dtfp-guide-count{font-weight:800;color:#7040a6}.dtfp-guide-progress{height:6px;background:#eee5f7;border-radius:99px;overflow:hidden;margin-bottom:8px}.dtfp-guide-progress i{display:block;height:100%;background:linear-gradient(90deg,#35105f,#8b52da);border-radius:99px;transition:width .25s ease}.dtfp-guide-actions{display:flex;gap:8px;justify-content:space-between}.dtfp-guide-actions button{background:#35105f!important;color:#fff!important;border:0!important;border-radius:11px!important;padding:10px 12px!important;font-weight:800!important}.dtfp-guide-pass{display:block;margin:9px auto 0!important;background:transparent!important;color:#6d5a80!important;border:0!important;text-decoration:underline;font-size:12px!important;cursor:pointer}
@media(max-width:700px){.dtfp-help-choice{grid-template-columns:1fr}.dtfp-guide-tip{padding:14px}.dtfp-guide-tip h3{font-size:17px}.dtfp-guide-tip p{font-size:13px}.dtfp-guide-actions button{font-size:12px!important;padding:9px!important}}


/* V1.0.45 — optimisation guidée + accordéon principal */
.dtfp-ai-custom-request{margin:10px 0 12px;padding:10px;border:1px solid rgba(124,77,255,.22);border-radius:10px;background:rgba(124,77,255,.045)}
.dtfp-ai-custom-toggle,.dtfp-ai-custom-launch{width:100%}
.dtfp-ai-custom-fields{margin-top:10px}
.dtfp-ai-custom-fields label{display:block;font-weight:600}
.dtfp-ai-custom-instruction{width:100%;min-height:82px;margin-top:6px;resize:vertical}
.dtfp-ai-custom-fields small{display:block;margin:6px 0 9px;opacity:.78;line-height:1.35}
.dtfp-ai-request-summary{display:inline-block;margin:6px 0;padding:7px 9px;border-radius:8px;background:rgba(124,77,255,.08);font-size:.92em}

/* V1.0.46 — accordéon principal fiable + sous-onglet IA dans Image */
.dtfp-ai-subpanel{margin:14px 0 10px;border:1px solid rgba(62,16,105,.22);border-radius:14px;background:rgba(124,77,255,.045);overflow:hidden}
.dtfp-ai-subpanel>summary{cursor:pointer;font-weight:700;padding:13px 14px;background:rgba(124,77,255,.10);color:#35105f;list-style:none}
.dtfp-ai-subpanel>summary::-webkit-details-marker{display:none}
.dtfp-ai-subpanel>summary:before{content:'▸';display:inline-block;margin-right:7px;transition:transform .15s ease}
.dtfp-ai-subpanel[open]>summary:before{transform:rotate(90deg)}
.dtfp-ai-subpanel>.dtfp-ai-box{margin:0;padding:14px;border:0;border-radius:0;background:transparent}
/* V1.0.47 — choix d'entrée avant le guide */
.dtfp-entry-choice{display:none;position:fixed;inset:0;z-index:1000005;background:rgba(25,8,42,.72);align-items:center;justify-content:center;padding:20px}.dtfp-entry-choice>div{width:min(720px,94vw);background:#fff;border-radius:24px;padding:28px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.3)}.dtfp-entry-choice h2{margin:8px 0}.dtfp-entry-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.dtfp-entry-cards button{border:2px solid #e6d7f1;background:#faf6fd;border-radius:18px;padding:22px 16px;cursor:pointer;color:#32104e}.dtfp-entry-cards button:hover{border-color:#5b1687;background:#f3e7fb}.dtfp-entry-cards strong{display:block;font-size:18px}.dtfp-entry-cards small{display:block;margin-top:7px;font-size:13px;color:#666}.dtfp-entry-open{overflow:hidden}@media(max-width:640px){.dtfp-entry-cards{grid-template-columns:1fr}.dtfp-entry-choice>div{padding:20px}}

/* V1.0.49 — l'écran de choix et l'intro sont déclenchés seulement lorsque le configurateur est visible à au moins 75 %. */

/* V1.0.52 — raccourcis Mes créations IA / Ma bibliothèque */
.dtfp-leftbar .dtfp-my-ai-creations,.dtfp-leftbar .dtfp-my-library{font-size:10px!important;line-height:1.05!important;max-width:64px!important;white-space:normal!important;display:flex!important;flex-direction:column!important;gap:3px!important}
.dtfp-leftbar .dtfp-my-ai-creations>span,.dtfp-leftbar .dtfp-my-library>span{display:block;font-size:9px;line-height:1.05}
.dtfp-library-modal>div{width:min(1180px,95vw);max-height:92vh;overflow:auto}
.dtfp-library-modal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.dtfp-library-modal-head h2{margin:0 0 5px}.dtfp-library-modal-head p{margin:0;color:#6a5c74}.dtfp-library-modal-links{display:flex;gap:8px;flex-wrap:wrap}.dtfp-library-modal-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.dtfp-library-modal-filters button{border:1px solid #d6c3e8;border-radius:999px;background:#fff;color:#42106f;padding:8px 11px;font-weight:800;cursor:pointer}.dtfp-library-modal-filters button.active{background:#4a127d;color:#fff;border-color:#4a127d}.dtfp-library-modal-status{padding:10px 12px;background:#f7f1fb;border-radius:10px;margin-bottom:12px;color:#5b4c64}.dtfp-library-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.dtfp-library-modal-card{border:1px solid #e2d7e9;border-radius:15px;padding:11px;background:#fff;box-shadow:0 8px 22px #35105f10}.dtfp-library-modal-img{height:190px;border-radius:11px;overflow:hidden;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.dtfp-library-modal-img img{width:100%;height:100%;object-fit:contain}.dtfp-library-modal-card>strong,.dtfp-library-modal-card>small{display:block;margin-top:7px}.dtfp-library-modal-card>small{font-size:11px;color:#75677d}.dtfp-library-use{width:100%;margin-top:10px;border:0;border-radius:10px;background:#481178;color:#fff;padding:9px 10px;font-weight:800;cursor:pointer}.dtfp-library-modal-empty{grid-column:1/-1;padding:24px;text-align:center;border-radius:12px;background:#faf7fc;color:#6a5d72}
@media(max-width:700px){.dtfp-library-modal-head{flex-direction:column}.dtfp-library-modal-grid{grid-template-columns:1fr 1fr}.dtfp-leftbar .dtfp-my-ai-creations,.dtfp-leftbar .dtfp-my-library{max-width:72px!important}}

/* V1.0.53 — Mes créations unifié */
.dtfp-my-creations-unified{font-size:12px!important;font-weight:800!important}
.dtfp-unified-creations-modal>div{width:min(1180px,94vw)!important;max-height:90vh!important}
.dtfp-unified-filters{position:sticky;top:0;z-index:2;background:#fff;padding:8px 0 12px}
.dtfp-unified-creations-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.dtfp-unified-card{position:relative}
.dtfp-unified-badge{display:inline-flex;align-items:center;align-self:flex-start;width:max-content;padding:4px 8px;border-radius:999px;background:#efe5f8;color:#57138a;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.dtfp-unified-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.dtfp-unified-actions button{flex:1 1 auto;border:1px solid #5b168d;background:#5b168d;color:#fff;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer}
.dtfp-unified-actions button:not(:first-child){background:#fff;color:#5b168d}
.dtfp-unified-actions button.danger{border-color:#d8a0a8;color:#b5142c;background:#fff}
.dtfp-unified-no-preview{display:flex;align-items:center;justify-content:center;height:100%;min-height:150px;color:#77687e;background:#faf8fb;font-weight:700}
.dtfp-use-original{flex-basis:100%!important}
@media(max-width:920px){.dtfp-unified-creations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.dtfp-unified-creations-grid{grid-template-columns:1fr!important}.dtfp-unified-filters button{flex:1 1 45%}}

/* V1.0.54 — Barre d’outils gauche élargie et homogène
   Correctif purement visuel : aucune logique fonctionnelle modifiée. */
.dtfp-tools-left,
.dtfp-toolbar-left,
.dtfp-left-tools,
.dtfp-tool-column{
  width: 152px !important;
  min-width: 152px !important;
  max-width: 152px !important;
}

.dtfp-tools-left button,
.dtfp-toolbar-left button,
.dtfp-left-tools button,
.dtfp-tool-column button,
.dtfp-tools-left .dtfp-tool,
.dtfp-toolbar-left .dtfp-tool,
.dtfp-left-tools .dtfp-tool,
.dtfp-tool-column .dtfp-tool{
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  min-height: 58px !important;
  box-sizing: border-box !important;
  padding: 10px 12px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

.dtfp-tools-left button > span,
.dtfp-toolbar-left button > span,
.dtfp-left-tools button > span,
.dtfp-tool-column button > span,
.dtfp-tools-left .dtfp-tool > span,
.dtfp-toolbar-left .dtfp-tool > span,
.dtfp-left-tools .dtfp-tool > span,
.dtfp-tool-column .dtfp-tool > span{
  min-width: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  font: inherit !important;
}

/* Mes créations doit être strictement aligné sur les autres outils. */
.dtfp-my-designs,
.dtfp-my-creations-unified{
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  min-height: 58px !important;
  white-space: nowrap !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

/* Laisse un peu plus de place au canvas après élargissement de la colonne. */
.dtfp-workspace,
.dtfp-editor-workspace,
.dtfp-personalizer-workspace{
  min-width: 0 !important;
}

@media (max-width: 900px){
  .dtfp-tools-left,
  .dtfp-toolbar-left,
  .dtfp-left-tools,
  .dtfp-tool-column{
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
  }
  .dtfp-tools-left button,
  .dtfp-toolbar-left button,
  .dtfp-left-tools button,
  .dtfp-tool-column button,
  .dtfp-my-designs,
  .dtfp-my-creations-unified{
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    font-size: 12px !important;
  }
}

/* V1.0.55 — correction réelle de la barre d'outils (.dtfp-leftbar) */
.dtfp-leftbar{
  width:146px!important;
  min-width:146px!important;
  margin-left:14px!important;
  gap:9px!important;
}
.dtfp-leftbar button,
.dtfp-leftbar .dtfp-save,
.dtfp-leftbar .dtfp-my-designs,
.dtfp-leftbar .dtfp-help{
  width:140px!important;
  min-width:140px!important;
  max-width:140px!important;
  min-height:56px!important;
  height:56px!important;
  padding:9px 12px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  border-radius:18px!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-align:left!important;
}
.dtfp-leftbar .dtfp-tool-icon{
  width:28px!important;
  min-width:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:800!important;
}
.dtfp-leftbar .dtfp-tool-label{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  font:inherit!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  color:inherit!important;
}
.dtfp-leftbar button[data-tool="select"],
.dtfp-leftbar button.active{
  color:#fff!important;
}
.dtfp-leftbar button[data-tool="select"] .dtfp-tool-label,
.dtfp-leftbar button.active .dtfp-tool-label{color:inherit!important}

/* La zone de travail laisse désormais la place à la barre élargie. */
.dtfp-stage{padding-left:154px!important;box-sizing:border-box!important}
.dtfp-canvas{max-width:calc(100% - 12px)!important}

@media(max-width:900px){
  .dtfp-leftbar{
    width:auto!important;min-width:0!important;margin:8px!important;
    flex-direction:row!important;flex-wrap:wrap!important;
  }
  .dtfp-leftbar button,
  .dtfp-leftbar .dtfp-save,
  .dtfp-leftbar .dtfp-my-designs,
  .dtfp-leftbar .dtfp-help{
    width:132px!important;min-width:132px!important;max-width:132px!important;
    height:52px!important;min-height:52px!important;font-size:12px!important;
  }
  .dtfp-leftbar .dtfp-tool-label{font-size:12px!important}
  .dtfp-stage{padding-left:0!important}
}

/* V1.0.56 — configurateur compact, visible sans défilement vertical de page */
@media (min-width:901px){
  .dtfp-wrap{
    margin:8px 0!important;
    border-radius:22px!important;
  }

  .dtfp-tabs{
    padding:8px 12px!important;
    min-height:58px!important;
    box-sizing:border-box!important;
    align-items:center!important;
  }

  .dtfp-main{
    height:calc(100vh - 205px)!important;
    min-height:610px!important;
    max-height:760px!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:8px!important;
    padding:8px 8px 8px 160px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .dtfp-stage{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding-left:0!important;
    margin:0!important;
    overflow:auto!important;
    border-width:5px!important;
  }

  .dtfp-panel{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:auto!important;
    box-sizing:border-box!important;
    padding:8px!important;
  }

  .dtfp-panel details{
    margin-bottom:6px!important;
  }

  .dtfp-panel details > summary{
    min-height:46px!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
  }

  /* Barre gauche entièrement visible dans la hauteur du configurateur */
  .dtfp-leftbar{
    position:absolute!important;
    left:8px!important;
    top:72px!important;
    bottom:8px!important;
    width:146px!important;
    min-width:146px!important;
    margin:0!important;
    padding:0 3px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    gap:4px!important;
    overflow:hidden!important;
    z-index:6!important;
    box-sizing:border-box!important;
  }

  .dtfp-leftbar button,
  .dtfp-leftbar .dtfp-save,
  .dtfp-leftbar .dtfp-my-designs,
  .dtfp-leftbar .dtfp-help{
    width:140px!important;
    min-width:140px!important;
    max-width:140px!important;
    height:auto!important;
    min-height:0!important;
    flex:1 1 0!important;
    max-height:52px!important;
    padding:7px 10px!important;
    border-radius:16px!important;
    gap:8px!important;
    font-size:12px!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }

  .dtfp-leftbar .dtfp-tool-icon{
    width:25px!important;
    min-width:25px!important;
    font-size:17px!important;
  }

  .dtfp-leftbar .dtfp-tool-label{
    font-size:12px!important;
    font-weight:800!important;
  }

  .dtfp-canvas{
    margin:8px!important;
  }

  /* Le bloc complet ne doit pas créer de défilement vertical de la page. */
  body:not(.dtfp-modal-open) .dtfp-wrap{
    max-height:calc(100vh - 128px)!important;
  }
}

/* Écrans plus bas : on compacte davantage sans masquer un outil. */
@media (min-width:901px) and (max-height:850px){
  .dtfp-main{
    height:calc(100vh - 180px)!important;
    min-height:540px!important;
  }
  .dtfp-tabs{
    min-height:50px!important;
    padding:6px 10px!important;
  }
  .dtfp-leftbar{
    top:61px!important;
  }
  .dtfp-leftbar button,
  .dtfp-leftbar .dtfp-save,
  .dtfp-leftbar .dtfp-my-designs,
  .dtfp-leftbar .dtfp-help{
    max-height:46px!important;
    padding:5px 9px!important;
    font-size:11px!important;
  }
  .dtfp-leftbar .dtfp-tool-label{font-size:11px!important}
  .dtfp-leftbar .dtfp-tool-icon{font-size:16px!important}
}

/* V1.0.58 — Retrait d'arrière-plan dans Élément sélectionné */
.dtfp-selected-image-actions{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:10px;
  margin:0 0 12px;
  border:1px solid #decbea;
  background:#f8f3fb;
  border-radius:12px;
}
.dtfp-selected-image-actions .dtfp-remove-auto-selected{
  width:100%;
  min-height:42px;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#481178,#7f2ec0);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.dtfp-selected-image-actions .dtfp-remove-auto-selected:hover{filter:brightness(1.05)}
.dtfp-selected-image-actions .dtfp-remove-auto-selected:disabled{opacity:.65;cursor:wait}
.dtfp-selected-image-actions .dtfp-remove-auto-selected.dtfp-action-success{
  background:linear-gradient(135deg,#23713a,#3d9a57);
}
.dtfp-selected-image-actions small{color:#716477;line-height:1.35}

/* V1.0.59 — retrait de fond IA */
.dtfp-image-ai-bg-box{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin:10px 0 12px;
  padding:10px;
  border:1px solid #decbea;
  border-radius:12px;
  background:#f8f3fb;
}
.dtfp-ai-remove-bg{
  width:100%;
  min-height:42px;
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,#491078,#7f2fc0);
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
.dtfp-ai-remove-bg:hover{filter:brightness(1.05)}
.dtfp-image-ai-bg-box small,
.dtfp-selected-image-actions small{color:#716477;line-height:1.35}

/* V1.0.61 — barres de défilement réellement liées au déplacement de la planche */
.dtfp-stage{
  position:relative!important;
  overflow:auto!important;
  overscroll-behavior:contain;
}
.dtfp-stage .dtfp-canvas{
  position:sticky!important;
  left:0!important;
  top:0!important;
  z-index:2!important;
}
.dtfp-scroll-space{
  position:absolute;
  left:0;
  top:0;
  min-width:100%;
  min-height:100%;
  pointer-events:none;
  z-index:0;
}
.dtfp-stage::-webkit-scrollbar{width:14px;height:14px}
.dtfp-stage::-webkit-scrollbar-thumb{background:#3d0d70;border-radius:999px;border:3px solid #eee6f6}
.dtfp-stage::-webkit-scrollbar-track{background:#eee6f6;border-radius:999px}



/* V1.0.78 — GARDE-FOU DESKTOP STRICT.
   Tout ce qui a été ajouté pour l’application mobile est invisible par défaut.
   Les règles mobile dédiées les réaffichent uniquement sur téléphone. */
.dtfp-mobile-launch,.dtfp-mobile-app-close,.dtfp-mobile-rotate,.dtfp-mobile-orientation-tip,.dtfp-mobile-help-quick,.dtfp-mobile-resume-gate{display:none!important}

/* V1.0.63 — Responsive mobile/tablette réel
   Portrait = parcours principal. Paysage = édition fine recommandée. */
html.dtfp-mobile-device .dtfp-mobile-orientation-tip{display:none}

@media (max-width:900px) and (hover:none) and (pointer:coarse){html.dtfp-mobile-device .dtfp-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:8px 0!important;
    border-radius:16px!important;
    overflow:visible!important;
    box-shadow:0 8px 28px #0002!important;
  }html.dtfp-mobile-device .dtfp-tabs{
    position:sticky!important;
    top:0!important;
    z-index:40!important;
    gap:6px!important;
    padding:8px!important;
    min-height:52px!important;
    align-items:center!important;
    scrollbar-width:thin;
  }html.dtfp-mobile-device .dtfp-tab,html.dtfp-mobile-device .dtfp-add-board{
    flex:0 0 auto!important;
    min-height:38px!important;
    padding:8px 12px!important;
    font-size:13px!important;
    white-space:nowrap!important;
  }html.dtfp-mobile-device .dtfp-delete-board{width:30px!important;height:30px!important;min-width:30px!important}html.dtfp-mobile-device .dtfp-mobile-orientation-tip{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:8px 8px 0;
    padding:9px 11px;
    border:1px solid #d8c5ee;
    border-radius:12px;
    background:#fff;
    color:#432164;
    font-size:12px;
    line-height:1.35;
  }html.dtfp-mobile-device .dtfp-mobile-orientation-tip strong{white-space:nowrap;color:#32105f}/* Outils tactiles : une seule barre horizontale scrollable sous les onglets. */html.dtfp-mobile-device .dtfp-leftbar{
    position:sticky!important;
    top:52px!important;
    z-index:39!important;
    width:100%!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    padding:7px 8px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    background:#f0e8fbf2!important;
    backdrop-filter:blur(8px);
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }html.dtfp-mobile-device .dtfp-leftbar button,html.dtfp-mobile-device .dtfp-leftbar .dtfp-save,html.dtfp-mobile-device .dtfp-leftbar .dtfp-my-designs,html.dtfp-mobile-device .dtfp-leftbar .dtfp-help{
    flex:0 0 64px!important;
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    min-height:58px!important;
    height:58px!important;
    padding:5px 4px!important;
    margin:0!important;
    border-radius:12px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    box-shadow:0 3px 10px #0002!important;
    line-height:1.05!important;
  }html.dtfp-mobile-device .dtfp-leftbar .dtfp-tool-icon{font-size:20px!important;line-height:1!important}html.dtfp-mobile-device .dtfp-leftbar .dtfp-tool-label{display:block!important;font-size:9px!important;font-weight:800!important;white-space:normal!important;text-align:center!important}html.dtfp-mobile-device .dtfp-main{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    gap:10px!important;
    padding:8px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }html.dtfp-mobile-device .dtfp-stage{
    order:1;
    width:100%!important;
    height:56svh!important;
    min-height:360px!important;
    max-height:620px!important;
    margin:0!important;
    padding:0!important;
    border:3px solid #32105f!important;
    border-radius:14px!important;
    overflow:auto!important;
    resize:none!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }/* La taille CSS suit le téléphone ; la résolution interne 1000×1000 reste intacte. */html.dtfp-mobile-device .dtfp-stage .dtfp-canvas,html.dtfp-mobile-device .dtfp-canvas{
    position:sticky!important;
    left:0!important;
    top:0!important;
    width:calc(100% - 12px)!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    margin:6px!important;
    border-radius:10px!important;
    touch-action:none!important;
  }html.dtfp-mobile-device .dtfp-stage::-webkit-scrollbar{width:8px!important;height:8px!important}html.dtfp-mobile-device .dtfp-stage::-webkit-scrollbar-thumb{border-width:2px!important}html.dtfp-mobile-device .dtfp-panel{
    order:2;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:8px!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
    font-size:14px!important;
  }html.dtfp-mobile-device .dtfp-panel details{margin:0 0 8px!important;border-radius:12px!important}html.dtfp-mobile-device .dtfp-panel summary{min-height:48px!important;padding:13px 14px!important;font-size:15px!important;display:flex;align-items:center}html.dtfp-mobile-device .dtfp-panel details>*:not(summary){margin:10px 12px!important}html.dtfp-mobile-device .dtfp-panel select,html.dtfp-mobile-device .dtfp-panel input[type=number],html.dtfp-mobile-device .dtfp-panel textarea{
    width:100%!important;
    min-height:44px!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    font-size:16px!important; /* évite le zoom automatique iOS */
  }html.dtfp-mobile-device .dtfp-panel textarea{min-height:88px!important}html.dtfp-mobile-device .dtfp-panel input[type=range]{min-height:38px!important}html.dtfp-mobile-device .dtfp-panel button,html.dtfp-mobile-device .dtfp-add-cart,html.dtfp-mobile-device .dtfp-preview-all,html.dtfp-mobile-device .dtfp-validate{
    min-height:46px!important;
    font-size:14px!important;
    touch-action:manipulation;
  }html.dtfp-mobile-device .dtfp-preview-all,html.dtfp-mobile-device .dtfp-add-cart{width:100%!important;margin:6px 0!important}html.dtfp-mobile-device .dtfp-measure-edit{grid-template-columns:1fr 1fr!important;margin:10px 12px!important}/* Fenêtres : vraie hauteur téléphone, pas de contenu coupé. */html.dtfp-mobile-device .dtfp-modal{padding:10px!important;align-items:flex-start!important}html.dtfp-mobile-device .dtfp-modal>div{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100svh - 20px)!important;
    overflow:auto!important;
    margin:0 auto!important;
    padding:18px 14px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }html.dtfp-mobile-device .dtfp-close{position:sticky!important;float:right;top:0!important;right:0!important;z-index:5}html.dtfp-mobile-device .dtfp-summary-board{padding:10px!important}html.dtfp-mobile-device .dtfp-help-choice,html.dtfp-mobile-device .dtfp-entry-cards,html.dtfp-mobile-device .dtfp-ai-compare{grid-template-columns:1fr!important;display:grid!important}/* Le guide doit rester lisible sur un écran étroit. */html.dtfp-mobile-device .dtfp-guide-tip{max-width:calc(100vw - 24px)!important;font-size:14px!important}html.dtfp-mobile-device .dtfp-guide-actions{display:flex!important;gap:8px!important}html.dtfp-mobile-device .dtfp-guide-actions button{flex:1 1 0!important}}

/* Téléphones étroits */
@media (max-width:480px) and (hover:none) and (pointer:coarse){html.dtfp-mobile-device .dtfp-mobile-orientation-tip{font-size:11px;flex-direction:column;gap:2px}html.dtfp-mobile-device .dtfp-leftbar button,html.dtfp-mobile-device .dtfp-leftbar .dtfp-save,html.dtfp-mobile-device .dtfp-leftbar .dtfp-my-designs,html.dtfp-mobile-device .dtfp-leftbar .dtfp-help{flex-basis:58px!important;width:58px!important;min-width:58px!important;max-width:58px!important}html.dtfp-mobile-device .dtfp-stage{height:53svh!important;min-height:330px!important}html.dtfp-mobile-device .dtfp-measure-edit{grid-template-columns:1fr!important}}

/* En paysage, on privilégie la planche et on retire le conseil d’orientation. */
@media (max-width:900px) and (hover:none) and (pointer:coarse) and (orientation:landscape){html.dtfp-mobile-device .dtfp-mobile-orientation-tip{display:none!important}html.dtfp-mobile-device .dtfp-leftbar{top:50px!important;padding:5px 8px!important}html.dtfp-mobile-device .dtfp-leftbar button,html.dtfp-mobile-device .dtfp-leftbar .dtfp-save,html.dtfp-mobile-device .dtfp-leftbar .dtfp-my-designs,html.dtfp-mobile-device .dtfp-leftbar .dtfp-help{
    flex-basis:72px!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:48px!important;
    min-height:48px!important;
    flex-direction:row!important;
    gap:4px!important;
  }html.dtfp-mobile-device .dtfp-leftbar .dtfp-tool-icon{font-size:17px!important}html.dtfp-mobile-device .dtfp-leftbar .dtfp-tool-label{font-size:9px!important}html.dtfp-mobile-device .dtfp-stage{height:68svh!important;min-height:300px!important;max-height:none!important}}


/* V1.0.65 — Mode application mobile plein écran, strictement isolé des ordinateurs.
   Activation uniquement sur appareil tactile étroit + clic explicite sur « Commencer ». */
html.dtfp-mobile-device .dtfp-mobile-launch,html.dtfp-mobile-device .dtfp-mobile-app-close,html.dtfp-mobile-device .dtfp-mobile-rotate{display:none}

@media (max-width:1100px) and (hover:none) and (pointer:coarse){html.dtfp-mobile-device .dtfp-wrap.dtfp-mobile-app-ready:not(.dtfp-mobile-app-mode) .dtfp-mobile-launch{
    display:block!important;
    margin:10px 8px!important;
  }html.dtfp-mobile-device .dtfp-mobile-launch-card{
    display:flex;align-items:center;gap:10px;padding:12px;border:2px solid #32105f;border-radius:16px;background:#fff;box-shadow:0 6px 18px #32105f1f;
  }html.dtfp-mobile-device .dtfp-mobile-launch-icon{font-size:28px;flex:0 0 auto}html.dtfp-mobile-device .dtfp-mobile-launch-card>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}html.dtfp-mobile-device .dtfp-mobile-launch-card strong{font-size:14px;color:#32105f}html.dtfp-mobile-device .dtfp-mobile-launch-card small{font-size:11px;line-height:1.25;color:#65477f}html.dtfp-mobile-device .dtfp-mobile-start{flex:0 0 auto;border:0;border-radius:12px;background:linear-gradient(135deg,#32105f,#651cc1);color:#fff;font-weight:900;min-height:44px;padding:0 16px;box-shadow:0 5px 14px #32105f40}html.dtfp-mobile-device body.dtfp-mobile-app-active{overflow:hidden!important;overscroll-behavior:none!important;touch-action:manipulation}html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-wrap.dtfp-mobile-app-mode{
    position:fixed!important;inset:0!important;z-index:2147483000!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important;background:#f0e8fb!important;overflow:hidden!important;box-shadow:none!important;
    display:grid!important;grid-template-rows:48px 50px minmax(0,1fr)!important;
  }html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-product-embedded{transform:none!important;width:auto!important;margin:0!important;padding:0!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-launch,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-orientation-tip{display:none!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-app-close{
    display:flex!important;position:fixed!important;top:max(6px,env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;z-index:2147483646!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important;border-radius:50%!important;background:#32105f!important;color:#fff!important;font-size:20px!important;font-weight:900!important;box-shadow:0 4px 12px #0004!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-tabs{
    grid-row:1!important;position:relative!important;top:auto!important;z-index:50!important;width:100%!important;min-height:48px!important;height:48px!important;padding:5px 56px 5px 8px!important;margin:0!important;border-radius:0!important;overflow-x:auto!important;overflow-y:hidden!important;background:linear-gradient(135deg,#32105f,#651cc1)!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-tab,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-add-board{min-height:36px!important;height:36px!important;padding:5px 10px!important;font-size:12px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar{
    grid-row:2!important;position:relative!important;top:auto!important;z-index:45!important;margin:0!important;height:50px!important;min-height:50px!important;padding:4px 8px!important;border-bottom:1px solid #d8c5ee!important;background:#f0e8fb!important;overflow-x:auto!important;overflow-y:hidden!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar button,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-save,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-my-designs,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-help{
    flex:0 0 auto!important;width:auto!important;min-width:70px!important;max-width:none!important;height:40px!important;min-height:40px!important;padding:3px 8px!important;border-radius:10px!important;flex-direction:row!important;gap:5px!important;box-shadow:0 2px 7px #0002!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-tool-icon{font-size:15px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-tool-label{font-size:10px!important;white-space:nowrap!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-main{
    grid-row:3!important;display:grid!important;grid-template-columns:minmax(0,1fr) clamp(290px,34vw,420px)!important;gap:7px!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;padding:7px!important;overflow:hidden!important;box-sizing:border-box!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-stage{
    order:initial!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;border:3px solid #32105f!important;border-radius:12px!important;overflow:auto!important;resize:none!important;background:#fff!important;overscroll-behavior:contain!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-stage .dtfp-canvas,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-canvas{width:calc(100% - 10px)!important;margin:5px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel{
    order:initial!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:5px!important;border-radius:12px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;background:#fff!important;font-size:12px!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel details{margin:0 0 5px!important;border-radius:10px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel summary{min-height:38px!important;padding:8px 10px!important;font-size:13px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel details>*:not(summary){margin:7px 8px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel select,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel input[type=number],html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel textarea{min-height:38px!important;font-size:14px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel button,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-add-cart,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-preview-all{min-height:38px!important;font-size:12px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-measure-edit{grid-template-columns:1fr 1fr!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-rotate[aria-hidden="false"]{
    display:flex!important;position:fixed!important;inset:0!important;z-index:2147483645!important;background:#32105ff2!important;color:#fff!important;align-items:center!important;justify-content:center!important;padding:24px!important;text-align:center!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-rotate>div{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:340px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-rotate span{font-size:54px;line-height:1}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-rotate strong{font-size:22px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-rotate small{font-size:14px;opacity:.92}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-rotate + .dtfp-tabs{visibility:hidden}/* Les modales du configurateur restent au-dessus du mode application. */html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-entry-choice,html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-guide-intro,html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-guide-layer{z-index:2147483500!important}}

/* Le mode application est volontairement paysage. En portrait, seul l'écran de rotation reste utilisable. */
@media (max-width:1100px) and (hover:none) and (pointer:coarse) and (orientation:portrait){html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-wrap.dtfp-mobile-app-mode{grid-template-rows:1fr!important}}


/* V1.0.66 — Application mobile paysage obligatoire.
   IMPORTANT : ce bloc ne s'applique qu'aux appareils tactiles <= 1100 px.
   Aucune règle desktop n'est modifiée. */
@media (max-width:1100px) and (hover:none) and (pointer:coarse){html.dtfp-mobile-device .dtfp-wrap.dtfp-mobile-app-ready{position:relative!important}/* Écran de lancement : impossible d'utiliser le configurateur mobile avant « Commencer ». */html.dtfp-mobile-device .dtfp-wrap.dtfp-mobile-app-ready:not(.dtfp-mobile-app-mode) .dtfp-mobile-launch{
    display:flex!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:min(72dvh,560px)!important;min-height:320px!important;z-index:2147482000!important;align-items:center!important;justify-content:center!important;padding:22px!important;margin:0!important;background:linear-gradient(180deg,#f7f2fffa,#eee2fbfa)!important;backdrop-filter:blur(4px);
  }html.dtfp-mobile-device .dtfp-wrap.dtfp-mobile-app-ready:not(.dtfp-mobile-app-mode) .dtfp-mobile-launch-card{
    width:min(520px,92vw)!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:14px 16px!important;align-items:center!important;padding:22px!important;border:3px solid #32105f!important;border-radius:24px!important;background:#fff!important;box-shadow:0 18px 55px #32105f35!important;
  }html.dtfp-mobile-device .dtfp-mobile-launch-icon{font-size:42px!important}html.dtfp-mobile-device .dtfp-mobile-launch-card strong{font-size:20px!important;line-height:1.1!important}html.dtfp-mobile-device .dtfp-mobile-launch-card small{font-size:13px!important;line-height:1.35!important;margin-top:5px!important}html.dtfp-mobile-device .dtfp-mobile-start{grid-column:1/-1!important;width:100%!important;min-height:54px!important;border-radius:16px!important;font-size:17px!important;letter-spacing:.1px!important}html.dtfp-mobile-device.dtfp-mobile-app-active,html.dtfp-mobile-device body.dtfp-mobile-app-active{width:100%!important;height:100%!important;overflow:hidden!important;overscroll-behavior:none!important;background:#efe7fa!important}html.dtfp-mobile-device body.dtfp-mobile-app-active{position:fixed!important;inset:0!important;margin:0!important;padding:0!important}/* L'application elle-même : topbar + rail gauche + zone centrale. */html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-wrap.dtfp-mobile-app-mode{
    position:fixed!important;inset:0!important;z-index:2147483000!important;width:100dvw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#f0e8fb!important;overflow:hidden!important;box-shadow:none!important;
    display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:44px minmax(0,1fr)!important;transform:none!important;transform-origin:top left!important;
  }/* Fallback paysage logiciel : même avec la rotation Android verrouillée. */html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-wrap.dtfp-mobile-app-mode.dtfp-force-landscape{
    width:100dvh!important;height:100dvw!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;transform:rotate(90deg) translateY(-100%)!important;transform-origin:top left!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-app-close{
    display:flex!important;position:absolute!important;top:5px!important;right:max(6px,env(safe-area-inset-right))!important;z-index:2147483646!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important;border-radius:50%!important;background:#32105f!important;color:#fff!important;font-size:18px!important;font-weight:900!important;box-shadow:0 3px 10px #0004!important;
  }/* Onglets planches : une seule barre compacte tout en haut. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-tabs{
    grid-column:1/-1!important;grid-row:1!important;position:relative!important;top:auto!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:4px 48px 4px 6px!important;border-radius:0!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:thin!important;background:linear-gradient(135deg,#32105f,#651cc1)!important;z-index:60!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-tabs::-webkit-scrollbar{height:4px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-tabs::-webkit-scrollbar-thumb{background:#ffffff88;border-radius:10px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-tab,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-add-board{height:34px!important;min-height:34px!important;padding:4px 10px!important;font-size:11px!important;border-radius:12px!important}/* Rail d'outils GAUCHE : icônes uniquement + défilement vertical indépendant. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar{
    grid-column:1!important;grid-row:2!important;position:relative!important;top:auto!important;left:auto!important;width:58px!important;height:100%!important;min-height:0!important;margin:0!important;padding:5px 4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;overflow-x:hidden!important;overflow-y:scroll!important;scrollbar-width:thin!important;overscroll-behavior:contain!important;background:#eadff6!important;border-right:1px solid #d3bce9!important;z-index:50!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar::-webkit-scrollbar{width:4px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar::-webkit-scrollbar-track{background:#e0d1ef}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar::-webkit-scrollbar-thumb{background:#5917a6;border-radius:10px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar button,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-save,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-my-designs,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-help{
    flex:0 0 44px!important;width:46px!important;min-width:46px!important;max-width:46px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 6px #32105f20!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-tool-label{display:none!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-tool-icon{font-size:20px!important;line-height:1!important;margin:0!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar button.active{box-shadow:0 0 0 3px #bca1df!important}/* Zone centrale : planche au maximum + panneau droit autonome. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-main{
    grid-column:2!important;grid-row:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) clamp(245px,32vw,350px)!important;gap:6px!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:6px!important;overflow:hidden!important;box-sizing:border-box!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-stage{
    width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;margin:0!important;border:3px solid #32105f!important;border-radius:12px!important;overflow:auto!important;resize:none!important;background:#fff!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-stage::-webkit-scrollbar{width:5px;height:5px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-stage::-webkit-scrollbar-thumb{background:#5917a6;border-radius:10px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-stage .dtfp-canvas,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-canvas{width:calc(100% - 8px)!important;margin:4px!important}/* Rail/panneau DROIT : tous les onglets défilent verticalement, indépendamment de la planche. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel{
    width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;padding:5px!important;border-radius:12px!important;overflow-x:hidden!important;overflow-y:scroll!important;scrollbar-width:thin!important;overscroll-behavior:contain!important;background:#fff!important;font-size:11px!important;box-shadow:none!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel::-webkit-scrollbar{width:5px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel::-webkit-scrollbar-track{background:#eee5f7;border-radius:8px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel::-webkit-scrollbar-thumb{background:#5917a6;border-radius:8px}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel details{margin:0 0 5px!important;border-radius:10px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel summary{min-height:34px!important;padding:6px 8px!important;font-size:12px!important;border-radius:10px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel details>*:not(summary){margin:6px 7px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel select,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel input[type=number],html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel textarea{min-height:34px!important;font-size:12px!important;padding:5px 8px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel button,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-add-cart,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-preview-all{min-height:34px!important;font-size:11px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-measure-edit{grid-template-columns:1fr 1fr!important}/* Plus d'écran bloquant « tournez le téléphone » : la rotation logicielle prend le relais. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-rotate{display:none!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-orientation-tip,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-launch{display:none!important}html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-entry-choice,html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-guide-intro,html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-guide-layer{z-index:2147483500!important}}


/* V1.0.67 — Affinage application mobile uniquement.
   Desktop inchangé : toutes les règles sont limitées aux appareils tactiles <= 1100 px. */
@media (max-width:1100px) and (hover:none) and (pointer:coarse){/* Rail gauche réellement vertical, très compact, icônes uniquement. */html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-wrap.dtfp-mobile-app-mode{
    grid-template-columns:44px minmax(0,1fr)!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar{
    grid-column:1!important;grid-row:2!important;
    width:44px!important;min-width:44px!important;max-width:44px!important;
    height:100%!important;min-height:0!important;
    flex-direction:column!important;flex-wrap:nowrap!important;
    justify-content:flex-start!important;align-items:center!important;
    gap:4px!important;padding:4px 3px!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    scrollbar-gutter:stable!important;scrollbar-width:thin!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar button,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-save,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-my-designs,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-help{
    flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;
    height:36px!important;min-height:36px!important;max-height:36px!important;
    padding:0!important;margin:0!important;border-radius:9px!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-tool-label{display:none!important;width:0!important;height:0!important;overflow:hidden!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar .dtfp-tool-icon{display:block!important;font-size:18px!important;line-height:1!important;margin:0!important}/* Le zoom tactile se fait avec deux doigts : on retire les deux boutons qui occupaient de la place. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar [data-action="zoom_in"],html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar [data-action="zoom_out"]{display:none!important}/* Panneau droit volontairement environ deux fois plus étroit que V1.0.66. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-main{
    grid-template-columns:minmax(0,1fr) clamp(145px,18vw,190px)!important;
    gap:4px!important;padding:4px!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel{
    height:100%!important;min-height:0!important;max-height:100%!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    scrollbar-gutter:stable!important;scrollbar-width:thin!important;
    padding:4px!important;font-size:10px!important;
    -webkit-overflow-scrolling:touch!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel::-webkit-scrollbar{width:5px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel::-webkit-scrollbar-track{background:#eadff6!important;border-radius:8px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel::-webkit-scrollbar-thumb{background:#5917a6!important;border-radius:8px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel details{margin:0 0 4px!important;border-radius:8px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel summary{min-height:30px!important;padding:5px 6px!important;font-size:10.5px!important;line-height:1.15!important;border-radius:8px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel details>*:not(summary){margin:5px 5px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel select,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel input[type=number],html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel textarea{min-height:31px!important;font-size:11px!important;padding:4px 6px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel button,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-add-cart,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-preview-all{min-height:32px!important;font-size:10.5px!important;padding:5px 6px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel [data-guide="finish"]{display:block!important;margin:5px 2px 10px!important;padding-bottom:max(6px,env(safe-area-inset-bottom))!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel [data-guide="finish"] .dtfp-preview-all,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel [data-guide="finish"] .dtfp-add-cart{display:block!important;width:100%!important;margin:5px 0!important}/* Canvas : deux doigts réservés au zoom/pincement, un doigt conserve la sélection/déplacement. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-canvas{touch-action:none!important}}

/* V1.0.68 — Ergonomie tactile mobile avancée uniquement.
   IMPORTANT : aucune règle de ce bloc ne s'applique à la vue ordinateur. */
html.dtfp-mobile-device .dtfp-mobile-help-quick{display:none}
@media (max-width:1100px) and (hover:none) and (pointer:coarse){/* Toute la hauteur disponible : plus de rangée réservée en haut. */html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-wrap.dtfp-mobile-app-mode{
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar{grid-row:1!important;height:100%!important;padding-top:4px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-main{grid-row:1!important;height:100%!important;padding:3px!important;gap:3px!important}/* Les onglets de planches flottent sur la zone centrale : le panneau droit commence à y=0. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-tabs{
    position:absolute!important;left:48px!important;right:calc(clamp(145px,18vw,190px) + 8px)!important;top:3px!important;
    width:auto!important;height:36px!important;min-height:36px!important;padding:2px 4px!important;
    border-radius:10px!important;z-index:120!important;box-shadow:0 3px 12px #0003!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-tab,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-add-board{height:30px!important;min-height:30px!important;padding:3px 8px!important;font-size:10px!important}/* La croix reste au-dessus du panneau droit sans lui prendre une rangée complète. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-mobile-app-close{top:4px!important;right:max(7px,env(safe-area-inset-right))!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;font-size:16px!important;z-index:2147483646!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel{padding-top:3px!important;padding-right:4px!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel>details:first-of-type>summary{padding-right:34px!important}/* Suppression des explications longues qui consomment trop de hauteur sur mobile. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel .dtfp-note,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-image-ai-bg-box>small,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-selected-image-actions>small{display:none!important}/* Rails indépendants et réellement tactiles. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel{
    overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;
  }html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-leftbar::-webkit-scrollbar,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel::-webkit-scrollbar{display:block!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-panel [data-guide="finish"]{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-preview-all,html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-add-cart{touch-action:manipulation!important;pointer-events:auto!important;position:relative!important;z-index:5!important}/* Aide mobile compacte et adaptée aux gestes tactiles. */html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-help-modal{padding:6px!important;align-items:stretch!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-help-modal>div{width:min(760px,96vw)!important;max-height:calc(100vh - 12px)!important;padding:12px 14px!important;border-radius:14px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-help-modal .dtfp-help-choice .dtfp-help-card:first-child{display:none!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-help-modal h2{font-size:18px!important;margin:0 38px 8px 0!important}html.dtfp-mobile-device .dtfp-mobile-help-quick{display:block!important;margin:0 0 8px!important;padding:10px!important;border-radius:12px!important;background:#f5effb!important;color:#32105f!important}html.dtfp-mobile-device .dtfp-mobile-help-quick>strong{display:block!important;margin-bottom:7px!important;font-size:14px!important}html.dtfp-mobile-device .dtfp-mobile-help-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 10px!important;font-size:11px!important;line-height:1.25!important}html.dtfp-mobile-device .dtfp-mobile-help-ok{display:block!important;width:100%!important;margin-top:8px!important;min-height:32px!important}/* Mes créations / aperçu : restent dans la même interface paysage, sans navigation externe. */html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-summary-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-help-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-entry-choice,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-intro,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-layer{position:fixed!important;inset:0!important;z-index:2147483600!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal{padding:5px!important;align-items:stretch!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal>div{width:100%!important;max-width:none!important;max-height:100%!important;margin:0!important;padding:10px!important;border-radius:12px!important;overflow:auto!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal .dtfp-library-modal-head p{display:none!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal .dtfp-library-modal-head{margin-bottom:5px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal .dtfp-library-modal-filters{margin:5px 0!important;gap:4px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal .dtfp-library-modal-filters button{padding:5px 8px!important;font-size:10px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal .dtfp-library-modal-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important;gap:7px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal .dtfp-library-modal-img{height:105px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal .dtfp-library-modal-card{padding:6px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-summary-modal{padding:5px!important;align-items:stretch!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-summary-modal>div{width:100%!important;max-width:none!important;max-height:100%!important;margin:0!important;padding:10px!important;border-radius:12px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-summary-modal h2{font-size:17px!important;margin:0 40px 6px 0!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-summary-modal .dtfp-summary-board{padding:7px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-summary-modal .dtfp-summary-board h3{font-size:13px!important;margin:3px 0!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-summary-modal .dtfp-summary-board p{font-size:10px!important;margin:2px 0 5px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-summary-modal .dtfp-summary-board img{max-height:48vh!important;object-fit:contain!important}/* Intro / guide plus compacts en paysage. */html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-intro{padding:6px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-intro>div{width:min(560px,94vw)!important;padding:14px!important;border-radius:15px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-intro .dtfp-guide-welcome{font-size:27px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-intro h2{font-size:18px!important;margin:3px 34px 4px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-intro p{font-size:11px!important;line-height:1.35!important;margin:4px 0!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-intro .dtfp-guide-begin{padding:8px!important;font-size:12px!important;margin-top:7px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-intro .dtfp-guide-skip{font-size:10px!important;margin-top:4px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-layer .dtfp-guide-tip{padding:10px!important;border-radius:12px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-layer .dtfp-guide-tip h3{font-size:14px!important;margin:4px 0!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-layer .dtfp-guide-tip p{font-size:10px!important;line-height:1.3!important;margin:0 0 7px!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-layer .dtfp-guide-actions button{padding:6px 8px!important;font-size:10px!important}/* Fallback si Android refuse réellement la rotation : les overlays tournent avec l'application. */html.dtfp-mobile-device body.dtfp-mobile-app-active.dtfp-mobile-force-landscape>.dtfp-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active.dtfp-mobile-force-landscape>.dtfp-entry-choice,html.dtfp-mobile-device body.dtfp-mobile-app-active.dtfp-mobile-force-landscape>.dtfp-guide-intro,html.dtfp-mobile-device body.dtfp-mobile-app-active.dtfp-mobile-force-landscape>.dtfp-guide-layer{
    width:100dvh!important;height:100dvw!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;
    transform:rotate(90deg) translateY(-100%)!important;transform-origin:top left!important;
  }}


/* V1.0.69 — Correctifs fonctionnels du mode application mobile.
   Le plein écran porte désormais sur le document racine afin que les modales historiques
   (Aperçu, Mes créations, Aide, IA) restent visibles dans le même plein écran paysage. */
@media (max-width:1100px) and (hover:none) and (pointer:coarse){html.dtfp-mobile-device:fullscreen body.dtfp-mobile-app-active,html.dtfp-mobile-device:-webkit-full-screen body.dtfp-mobile-app-active{width:100%!important;height:100%!important;overflow:hidden!important;background:#f0e8fb!important}html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-entry-choice,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-intro,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-layer{z-index:2147483644!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-wait{position:fixed!important;inset:0!important;z-index:2147483645!important;background:#32105fd9!important;align-items:center!important;justify-content:center!important;color:#fff!important}html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-wait>div{max-width:360px!important;padding:18px 24px!important;border-radius:16px!important;background:#fff!important;color:#32105f!important;font-size:15px!important;font-weight:800!important;text-align:center!important;box-shadow:0 10px 35px #0005!important}}


/* V1.0.70 — Isolation totale du configurateur mobile au-dessus du thème / header Divi.
   Mobile tactile uniquement : la vue ordinateur reste inchangée. */
@media (max-width:1100px) and (hover:none) and (pointer:coarse){/* Pendant le mode application, aucun élément du site ne doit pouvoir passer au-dessus. */html.dtfp-mobile-device body.dtfp-mobile-app-active #main-header,html.dtfp-mobile-device body.dtfp-mobile-app-active #top-header,html.dtfp-mobile-device body.dtfp-mobile-app-active .et-l--header,html.dtfp-mobile-device body.dtfp-mobile-app-active .et-l--footer,html.dtfp-mobile-device body.dtfp-mobile-app-active header.et-l,html.dtfp-mobile-device body.dtfp-mobile-app-active header#main-header,html.dtfp-mobile-device body.dtfp-mobile-app-active .et_pb_section_0_tb_header,html.dtfp-mobile-device body.dtfp-mobile-app-active .et_pb_sticky,html.dtfp-mobile-device body.dtfp-mobile-app-active .et_pb_sticky--top,html.dtfp-mobile-device body.dtfp-mobile-app-active .et_pb_sticky_placeholder,html.dtfp-mobile-device body.dtfp-mobile-app-active #wpadminbar,html.dtfp-mobile-device body.dtfp-mobile-app-active .mobile_nav,html.dtfp-mobile-device body.dtfp-mobile-app-active .et_mobile_nav_menu,html.dtfp-mobile-device body.dtfp-mobile-app-active .et_pb_menu,html.dtfp-mobile-device body.dtfp-mobile-app-active .et_pb_fullwidth_menu,html.dtfp-mobile-device body.dtfp-mobile-app-active .woocommerce-store-notice,html.dtfp-mobile-device body.dtfp-mobile-app-active .et_pb_scroll_top{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    z-index:-1!important;
  }/* Le configurateur est le calque racine de l'application. */html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-wrap.dtfp-mobile-app-mode{
    position:fixed!important;
    inset:0!important;
    z-index:2147483646!important;
    isolation:isolate!important;
  }/* Les fenêtres internes autorisées passent encore au-dessus du configurateur. */html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-library-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-summary-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-help-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-entry-choice,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-intro,html.dtfp-mobile-device body.dtfp-mobile-app-active>.dtfp-guide-layer{
    z-index:2147483647!important;
  }/* Empêche aussi un ancien stacking context du thème de reprendre la main. */html.dtfp-mobile-device.dtfp-mobile-app-active,html.dtfp-mobile-device body.dtfp-mobile-app-active{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }}


/* V1.0.71 — Retour fiable après le sélecteur de fichiers Android.
   Corrige le conflit V1.0.70 qui neutralisait la rotation paysage logicielle. */
@media (max-width:1100px) and (hover:none) and (pointer:coarse){/* Cette règle DOIT rester après V1.0.70 : elle a priorité lorsque le téléphone
     conserve son viewport portrait (rotation Android verrouillée ou sortie du plein écran). */html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-wrap.dtfp-mobile-app-mode.dtfp-force-landscape{
    width:100dvh!important;height:100dvw!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;
    transform:rotate(90deg) translateY(-100%)!important;transform-origin:top left!important;
  }/* Fond de sécurité opaque : le contenu WordPress ne doit jamais réapparaître derrière
     l'application lorsque le sélecteur Android fait quitter le vrai plein écran. */html.dtfp-mobile-device body.dtfp-mobile-app-active::before{
    content:\"\";position:fixed;inset:0;z-index:2147483000;background:#f0e8fb;pointer-events:none;
  }html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-wrap.dtfp-mobile-app-mode{background:#f0e8fb!important;}/* Si Chrome refuse de réactiver requestFullscreen sans nouveau geste utilisateur,
     cette porte de reprise garde le site totalement isolé et permet de reprendre en un toucher. */html.dtfp-mobile-device .dtfp-mobile-resume-gate{
    display:none;position:fixed;inset:0;z-index:2147483647;align-items:center;justify-content:center;
    padding:20px;background:#32105ff2;color:#32105f;
  }html.dtfp-mobile-device .dtfp-mobile-resume-card{
    width:min(420px,90vw);padding:18px;border-radius:18px;background:#fff;text-align:center;
    box-shadow:0 16px 50px #0006;display:flex;flex-direction:column;align-items:center;gap:8px;
  }html.dtfp-mobile-device .dtfp-mobile-resume-icon{font-size:34px;line-height:1;color:#5b16a8}html.dtfp-mobile-device .dtfp-mobile-resume-card strong{font-size:18px;line-height:1.15}html.dtfp-mobile-device .dtfp-mobile-resume-card small{font-size:12px;line-height:1.3;color:#5d5068}html.dtfp-mobile-device .dtfp-mobile-resume-btn{width:100%;min-height:46px;margin-top:4px;border:0;border-radius:13px;background:#431078;color:#fff;font-size:15px;font-weight:800}/* Le loader d'import doit rester au-dessus du configurateur mais sous la porte de reprise. */html.dtfp-mobile-device .dtfp-mobile-app-mode .dtfp-wait{z-index:2147483645!important}}


/* V1.0.74 — Mobile app isolation + cache-corrected release.
   Functional JS for Aperçu/Panier is restored exactly to desktop/original behavior.
   Only the mobile visual shell/fullscreen layout differs. */
@media (max-width:1100px) and (hover:none) and (pointer:coarse){html.dtfp-mobile-device body.dtfp-mobile-app-active{background:#f0e8fb!important;overflow:hidden!important;}html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-wrap.dtfp-mobile-app-mode{
    display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    position:fixed!important;z-index:2147483646!important;background:#f0e8fb!important;
  }/* The live configurator is moved directly under body in app mode. Hide all ordinary page
     siblings so no Divi/page text can bleed through after Android temporarily exits fullscreen. */html.dtfp-mobile-device body.dtfp-mobile-app-active > :not(.dtfp-wrap):not(.dtfp-modal):not(.dtfp-entry-choice):not(.dtfp-guide-intro):not(.dtfp-guide-layer):not(.dtfp-mobile-resume-gate){
    visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  }html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-modal,html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-entry-choice,html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-guide-intro,html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-guide-layer,html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-mobile-resume-gate{
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  }/* The system file chooser may return a portrait viewport. Keep the application itself
     landscape even if true Fullscreen cannot be re-entered without another Android gesture. */html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-wrap.dtfp-mobile-app-mode.dtfp-force-landscape{
    position:fixed!important;inset:auto!important;left:0!important;top:0!important;
    width:100dvh!important;height:100dvw!important;
    transform:rotate(90deg) translateY(-100%)!important;transform-origin:top left!important;
  }}


/* V1.0.75 — défilements tactiles + modales IA mobile. Desktop inchangé. */
@media (max-width:1100px) and (hover:none) and (pointer:coarse){html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-leftbar,html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-panel,html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-modal > div,html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-ai-modal > div,html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-ai-history-modal > div,html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-library-modal > div,html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-summary-modal > div{
    touch-action:pan-y!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    pointer-events:auto!important;
  }html.dtfp-mobile-device body.dtfp-mobile-app-active .dtfp-leftbar{scrollbar-width:thin!important;}html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-ai-modal{padding:4px!important;align-items:stretch!important;}html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-ai-modal > div{width:100%!important;max-width:none!important;max-height:100%!important;height:100%!important;margin:0!important;padding:9px!important;border-radius:10px!important;}html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-ai-modal .dtfp-ai-compare{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:7px 0!important;}html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-ai-modal .dtfp-ai-preview{padding:6px!important;min-width:0!important;}html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-ai-modal .dtfp-ai-preview img{height:42dvh!important;max-height:240px!important;object-fit:contain!important;}html.dtfp-mobile-device body.dtfp-mobile-app-active > .dtfp-ai-modal .dtfp-ai-footer{position:sticky!important;bottom:0!important;background:#fff!important;padding:5px 0!important;z-index:5!important;}}



/* V1.0.79 — restauration stricte des proportions desktop.
   Un canvas interne 1000×1000 doit rester visuellement carré : aucune compression X/Y.
   Cette règle ne change pas l’interface mobile application. */
@media (min-width:1101px), (hover:hover) and (pointer:fine){
  html:not(.dtfp-mobile-device) .dtfp-stage .dtfp-canvas{
    width:min(1100px,calc(100% - 12px))!important;
    height:auto!important;
    aspect-ratio:1 / 1!important;
    max-width:calc(100% - 12px)!important;
    max-height:none!important;
  }
}


/* V1.0.86 — porte Reprendre réellement visible sur mobile.
   Le garde-fou desktop utilise display:none!important ; cette règle mobile doit donc
   explicitement le surcharger lorsque la porte est ouverte. */
@media (max-width:1100px) and (hover:none) and (pointer:coarse){
  html.dtfp-mobile-device .dtfp-mobile-resume-gate[aria-hidden="false"]{display:flex!important;}
  html.dtfp-mobile-device .dtfp-mobile-resume-gate[aria-hidden="true"]{display:none!important;}
}

/* V1.0.89 — texte : polices prévisualisées, courbure à poignée et réglage fin clavier. */
.dtfp-font-preview{font-size:15px!important;line-height:1.25}.dtfp-font-preview option{font-size:17px;padding:5px}.dtfp-curve-control{margin-top:9px;padding:10px;border:1px solid #d8c7eb;border-radius:10px;background:#faf7ff}.dtfp-curve-control strong,.dtfp-curve-control small{display:block}.dtfp-curve-control small{margin:4px 0 8px;color:#65576f;font-size:11px;line-height:1.35}.dtfp-curve-reset{width:100%;min-height:34px}.dtfp-text-edit-wrap label,.dtfp-panel details>label.dtfp-field{display:block}.dtfp-text-edit-wrap .dtfp-font-preview,.dtfp-panel .dtfp-text-font{width:100%}
@media (max-width:1100px) and (hover:none) and (pointer:coarse){html.dtfp-mobile-device .dtfp-curve-control{padding:6px!important;margin-top:5px!important}html.dtfp-mobile-device .dtfp-curve-control small{font-size:9px!important;margin:2px 0 5px!important}html.dtfp-mobile-device .dtfp-font-preview{font-size:11px!important;min-height:28px!important}html.dtfp-mobile-device .dtfp-font-preview option{font-size:13px!important}}


/* V1.0.90 — accueil intégré du configurateur sur ordinateur.
   La question de départ n'est plus une modale plein écran et ne bloque plus le défilement de la page. */
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline{
  position:relative!important;inset:auto!important;z-index:2!important;width:100%!important;
  min-height:420px;box-sizing:border-box;padding:34px 24px!important;margin:0!important;
  align-items:center;justify-content:center;background:linear-gradient(145deg,#f8f3fc 0%,#ffffff 48%,#f1e6fa 100%)!important;
  border:2px solid #e1cfee;border-radius:22px;overflow:hidden;
}
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline:before{
  content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-110px;
  background:rgba(91,22,135,.08);pointer-events:none;
}
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline>div{
  position:relative;width:min(780px,100%)!important;max-width:780px!important;padding:28px 30px!important;
  background:#fff!important;border:1px solid #eadcf3;border-radius:22px!important;
  box-shadow:0 16px 45px rgba(61,18,91,.12)!important;
}
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-guide-welcome{font-size:42px;line-height:1}
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline h2{font-size:28px;line-height:1.15;color:#32105f;margin:9px 0 7px}
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline>div>p{max-width:610px;margin:0 auto;color:#65566d;font-size:15px;line-height:1.5}
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-entry-cards{gap:16px;margin-top:24px}
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-entry-cards button{
  min-height:116px;padding:22px 18px;border:2px solid #e5d5ef;border-radius:17px;background:#fbf8fd;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-entry-cards button:hover{
  transform:translateY(-2px);border-color:#6b2498;background:#f7eefc;box-shadow:0 9px 24px rgba(91,22,135,.12)
}
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-entry-cards strong{font-size:18px;color:#421267}
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-entry-cards small{font-size:13px;color:#716578}
.dtfp-wrap.dtfp-entry-pending>.dtfp-tabs,
.dtfp-wrap.dtfp-entry-pending>.dtfp-leftbar,
.dtfp-wrap.dtfp-entry-pending>.dtfp-main,
.dtfp-wrap.dtfp-entry-pending>.dtfp-mobile-orientation-tip{display:none!important}
/* La classe globale ne doit jamais verrouiller la page pour la version intégrée. */
body.dtfp-entry-open:has(.dtfp-entry-choice-inline){overflow:auto!important}
@media(max-width:760px){
  .dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline{min-height:360px;padding:18px 12px!important;border-radius:16px}
  .dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline>div{padding:21px 15px!important}
  .dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline h2{font-size:23px}
  .dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-entry-cards{grid-template-columns:1fr}
}


/* V1.0.93 — placement professionnel : alignement, magnétisme, remplissage */
.dtfp-placement-tools{margin-top:12px;padding:12px;border:1px solid rgba(50,16,95,.18);border-radius:12px;background:rgba(50,16,95,.035)}
.dtfp-placement-tools>strong{display:block;margin-bottom:9px;color:#32105f;font-size:13px}
.dtfp-align-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.dtfp-distribute-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.dtfp-placement-tools button{min-height:34px;padding:6px 7px;border-radius:8px;font-size:12px;line-height:1.1}
.dtfp-snap-check{display:flex!important;align-items:center;gap:7px;margin:10px 0 8px!important;font-weight:600}
.dtfp-fill-board-box{padding-top:9px;border-top:1px solid rgba(50,16,95,.12)}
.dtfp-fill-board-box label{display:flex;align-items:center;gap:7px;font-size:12px;margin-bottom:7px}
.dtfp-fill-board-box input{width:72px!important;min-width:72px!important}
.dtfp-fill-board-box .dtfp-fill-board{width:100%;font-weight:700}
.dtfp-fill-board-box small{display:block;margin-top:6px;line-height:1.3;opacity:.72}
@media (max-width:900px) and (hover:none) and (pointer:coarse){.dtfp-placement-tools{display:none!important}}


/* V1.0.98 — interface allégée, guides flottants et texte multiligne */
.dtfp-formats-details{margin:6px 0 9px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;line-height:1.25!important;color:#665b70!important}
.dtfp-formats-details>summary{display:block!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;color:#665b70!important;font-size:11px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;cursor:pointer!important;list-style:none!important}
.dtfp-formats-details>summary::-webkit-details-marker{display:none!important}.dtfp-formats-details>summary span{font-weight:800!important;color:#54208b!important;text-decoration:underline!important}.dtfp-formats-details>div{margin:5px 0 0!important;padding:6px 8px!important;border-radius:7px!important;background:#f6f1fa!important;font-size:10.5px!important;line-height:1.35!important}
.dtfp-stage{position:relative!important}.dtfp-snap-floating{position:sticky!important;left:calc(100% - 165px)!important;bottom:10px!important;z-index:30!important;display:flex!important;align-items:center!important;gap:6px!important;width:max-content!important;max-width:160px!important;margin:0 10px 10px auto!important;padding:6px 9px!important;border:1px solid rgba(50,16,95,.18)!important;border-radius:9px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 3px 12px rgba(50,16,95,.12)!important;color:#32105f!important;font-size:10.5px!important;font-weight:800!important;line-height:1!important;backdrop-filter:blur(4px)!important;cursor:pointer!important;user-select:none!important}
.dtfp-snap-floating input{margin:0!important;transform:scale(.9)!important}.dtfp-text-align-controls{display:flex!important;gap:5px!important;margin:7px 0!important}.dtfp-text-align-controls button{flex:1!important;min-height:30px!important;padding:4px 8px!important;border:1px solid #d8c9e5!important;border-radius:7px!important;background:#fff!important;color:#32105f!important;font-weight:800!important;cursor:pointer!important}.dtfp-text-align-controls button.active{background:#4d1680!important;color:#fff!important;border-color:#4d1680!important}.dtfp-text,.dtfp-edit-text{white-space:pre-wrap!important}
@media (max-width:1100px) and (hover:none) and (pointer:coarse){html.dtfp-mobile-device .dtfp-snap-floating{display:none!important}}


/* V1.0.101 — assistant multi-visuels et optimisation automatique des formats */
.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline>div{width:min(980px,100%)!important;max-width:980px!important}.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-entry-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-entry-cards button{min-height:132px}.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-entry-auto{border-color:#7442a1;background:linear-gradient(145deg,#fbf7ff,#f1e5fb)}
.dtfp-auto-builder-modal{z-index:1000015!important}.dtfp-auto-builder-card{width:min(980px,94vw)!important;max-height:90vh!important;overflow:auto!important;text-align:left!important;padding:24px!important}.dtfp-auto-head{display:flex;gap:14px;align-items:flex-start;padding-right:36px}.dtfp-auto-head>span{font-size:38px}.dtfp-auto-head h2{margin:0 0 5px;color:#32105f}.dtfp-auto-head p{margin:0;color:#665b70;line-height:1.45}.dtfp-auto-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:112px;margin:20px 0 12px;padding:16px;border:2px dashed #ad8bc8;border-radius:14px;background:#faf7fd;text-align:center;cursor:pointer}.dtfp-auto-drop strong{font-size:16px;color:#421267}.dtfp-auto-drop small{margin:3px 0 9px;color:#716578}.dtfp-auto-drop input{max-width:100%}.dtfp-auto-files-list{display:grid;gap:10px}.dtfp-auto-file{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:10px;border:1px solid #e5d8ef;border-radius:12px;background:#fff}.dtfp-auto-file-preview{width:82px;height:82px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#eee 25%,#fff 25%,#fff 75%,#eee 75%);background-size:16px 16px;overflow:hidden}.dtfp-auto-file-preview img{width:100%;height:100%;object-fit:contain}.dtfp-auto-file-icon{font-size:30px}.dtfp-auto-file-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.dtfp-auto-file-title button{min-width:28px!important;width:28px!important;height:28px!important;padding:0!important;border-radius:50%!important}.dtfp-auto-file-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}.dtfp-auto-file-fields label{font-size:11px;font-weight:700;color:#51455a}.dtfp-auto-file-fields input{width:100%!important;margin-top:3px!important;min-height:34px!important}.dtfp-auto-file-status{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.dtfp-auto-file-status span{font-size:10.5px;padding:4px 7px;border-radius:999px;background:#f1eef4;color:#594f60}.dtfp-auto-file-status .good{background:#e6f7ea;color:#16642b}.dtfp-auto-file-status .warn{background:#fff3d7;color:#7e5710}.dtfp-auto-file-status .bad{background:#fde8e8;color:#982323}.dtfp-auto-remove-bg-label{display:flex!important;align-items:center;gap:6px;margin-top:7px!important;font-size:11px!important}.dtfp-auto-ai-note{display:block;margin-top:4px;color:#6a3492}.dtfp-auto-options{display:grid;gap:8px;margin:14px 0;padding:12px;border-radius:12px;background:#f8f3fb}.dtfp-auto-options label{display:flex;align-items:center;gap:7px;font-weight:700;color:#47215f}.dtfp-auto-gap{display:flex;justify-content:space-between;align-items:center}.dtfp-auto-gap span{font-weight:900;color:#421267}.dtfp-auto-calculate,.dtfp-auto-create{width:100%;min-height:45px!important;background:#4d1680!important;color:#fff!important;font-weight:800!important}.dtfp-auto-progress{padding:40px 15px;text-align:center}.dtfp-auto-progress strong,.dtfp-auto-progress small{display:block}.dtfp-auto-progress small{margin-top:7px;color:#716578}.dtfp-auto-spinner{width:40px;height:40px;margin:0 auto 13px;border:4px solid #eadcf3;border-top-color:#5b1687;border-radius:50%;animation:dtfpAutoSpin .8s linear infinite}@keyframes dtfpAutoSpin{to{transform:rotate(360deg)}}.dtfp-auto-result-main{padding:18px;border:2px solid #d9c0eb;border-radius:14px;background:#faf7fd;text-align:center}.dtfp-auto-result-main>*{display:block}.dtfp-auto-result-main>strong{font-size:23px;color:#32105f;margin:6px 0}.dtfp-auto-ok{font-weight:900;color:#21843d}.dtfp-auto-result-main small{color:#716578}.dtfp-auto-result-boards{display:grid;gap:7px;margin:14px 0}.dtfp-auto-result-boards>div{display:flex;gap:8px;align-items:center;padding:9px 11px;border:1px solid #eadff1;border-radius:9px}.dtfp-auto-result-boards>div strong{color:#4d1680}.dtfp-auto-result-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px}.dtfp-auto-back{min-height:45px!important}
@media(max-width:900px){.dtfp-wrap .dtfp-entry-choice.dtfp-entry-choice-inline .dtfp-entry-cards{grid-template-columns:1fr!important}.dtfp-auto-file{grid-template-columns:64px 1fr}.dtfp-auto-file-preview{width:64px;height:64px}.dtfp-auto-file-fields{grid-template-columns:1fr 1fr}.dtfp-auto-file-fields label:last-child{grid-column:1/-1}.dtfp-auto-result-actions{grid-template-columns:1fr}.dtfp-auto-builder-card{padding:16px!important}}

/* V1.0.102 — Assistant multi-visuels + suggestions IA */
.dtfp-auto-addbar{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin:20px 0 8px}.dtfp-auto-add-files,.dtfp-auto-from-library{min-height:46px!important;border-radius:12px!important;font-weight:800!important;display:flex!important;align-items:center;justify-content:center;gap:8px}.dtfp-auto-add-files{background:#4d1680;color:#fff;cursor:pointer;padding:0 16px}.dtfp-auto-add-files input{display:none}.dtfp-auto-from-library{background:#fff!important;color:#4d1680!important;border:1px solid #bda3cf!important}.dtfp-auto-first-hint{font-size:11px;color:#726879;text-align:center;margin:4px 0 14px}.dtfp-auto-suggestions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}.dtfp-auto-suggest{min-height:30px!important;padding:5px 9px!important;border-radius:999px!important;font-size:10.5px!important;font-weight:800!important;background:#f3ebfa!important;color:#50177a!important;border:1px solid #ccb3df!important}.dtfp-auto-ai-chosen{font-size:10.5px;font-weight:800;color:#1c6e34;background:#e8f7ec;border-radius:999px;padding:5px 8px}.dtfp-auto-file-status .warn{background:#fff4df!important;color:#755115!important}.dtfp-auto-library-picker{margin-top:18px}.dtfp-auto-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.dtfp-auto-library-head strong{display:block;font-size:18px;color:#35105e}.dtfp-auto-library-head small{display:block;color:#746a7a;margin-top:2px}.dtfp-auto-library-close{min-height:34px!important}.dtfp-auto-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:52vh;overflow:auto;padding:2px}.dtfp-auto-library-card{display:grid;grid-template-columns:22px 60px 1fr;grid-template-rows:auto auto;gap:4px 8px;align-items:center;border:1px solid #e5d9ec;border-radius:12px;padding:9px;background:#fff;cursor:pointer}.dtfp-auto-library-card>input{grid-row:1/3;align-self:center}.dtfp-auto-library-thumb{grid-row:1/3;width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f2eef5;display:flex;align-items:center;justify-content:center}.dtfp-auto-library-thumb img{width:100%;height:100%;object-fit:contain}.dtfp-auto-library-card strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtfp-auto-library-card small{font-size:10px;color:#766b7c}.dtfp-auto-library-empty{grid-column:1/-1;padding:24px;text-align:center;color:#746a7a}.dtfp-auto-library-add{width:100%;margin-top:12px!important;min-height:44px!important;background:#4d1680!important;color:#fff!important;font-weight:800!important}.dtfp-auto-ai-modal{z-index:1000035!important}.dtfp-auto-ai-card{width:min(860px,94vw)!important;max-height:90vh!important;overflow:auto!important;padding:22px!important;text-align:left!important}.dtfp-auto-ai-card h2{margin:0 0 8px;color:#35105e}.dtfp-auto-ai-status{padding:10px 12px;border-radius:10px;background:#f8f3fb;color:#4d4057;margin-bottom:12px}.dtfp-auto-ai-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dtfp-auto-ai-compare>div{border:1px solid #e3d8eb;border-radius:12px;padding:10px;background:#fff}.dtfp-auto-ai-compare strong{display:block;margin-bottom:7px}.dtfp-auto-ai-compare img,.dtfp-auto-ai-placeholder{width:100%;height:300px;object-fit:contain;border-radius:8px;background:linear-gradient(45deg,#eee 25%,#fff 25%,#fff 75%,#eee 75%);background-size:18px 18px}.dtfp-auto-ai-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#746a7a}.dtfp-auto-ai-wait{text-align:center;padding:18px}.dtfp-auto-ai-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:14px}.dtfp-auto-ai-run,.dtfp-auto-ai-use{background:#4d1680!important;color:#fff!important;font-weight:800!important}.dtfp-auto-ai-original{background:#fff!important;color:#4d1680!important;border:1px solid #bda3cf!important}
@media(max-width:900px){.dtfp-auto-addbar{grid-template-columns:1fr}.dtfp-auto-library-grid{grid-template-columns:1fr 1fr}.dtfp-auto-ai-compare{grid-template-columns:1fr}.dtfp-auto-ai-compare img,.dtfp-auto-ai-placeholder{height:220px}}

/* V1.0.103 — assistant auto : dimensions proportionnelles en cm */
.dtfp-auto-ratio-lock{align-self:end;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:36px;font-size:14px;opacity:.72}.dtfp-auto-file-fields{align-items:end}

/* V1.0.104 — assistant auto : aide dimensions + import lourd stabilisé */
.dtfp-auto-size-help{margin-top:6px!important;padding:0!important;min-height:0!important;border:0!important;background:transparent!important;color:#5a1b86!important;text-decoration:underline;font-size:11px!important;font-weight:800!important;box-shadow:none!important}
.dtfp-auto-size-help-modal{z-index:1000040!important}.dtfp-auto-size-help-card{position:relative;width:min(620px,92vw)!important;max-height:88vh!important;overflow:auto!important;text-align:left!important;padding:24px!important;border-radius:18px!important}.dtfp-auto-size-help-card h2{margin:0 35px 8px 0;color:#35105e}.dtfp-auto-size-help-card>p{color:#665b70;line-height:1.55}.dtfp-auto-size-guide{display:grid;gap:8px;margin:16px 0}.dtfp-auto-size-guide>div{display:flex;justify-content:space-between;gap:18px;padding:11px 13px;border:1px solid #e6d8ef;border-radius:11px;background:#faf7fd}.dtfp-auto-size-guide strong{color:#421267}.dtfp-auto-size-guide span{text-align:right;font-weight:700;color:#4f4655}.dtfp-auto-size-note{padding:10px 12px;border-left:4px solid #6a249b;background:#f7f0fb;border-radius:8px}.dtfp-auto-size-help-ok{width:100%;min-height:42px!important;background:#4d1680!important;color:#fff!important;font-weight:800!important}
@media(max-width:600px){.dtfp-auto-size-guide>div{display:block}.dtfp-auto-size-guide span{display:block;text-align:left;margin-top:3px}}
/* V1.0.105 — progression conversion PNG */
.dtfp-auto-progress-line{display:flex;align-items:center;gap:10px;max-width:560px;margin:18px auto 8px}.dtfp-auto-progress-bar{height:12px;flex:1;border-radius:999px;background:#eadff1;overflow:hidden;box-shadow:inset 0 1px 2px rgba(50,16,95,.12)}.dtfp-auto-progress-bar span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#421267,#7a36a7);transition:width .28s ease}.dtfp-auto-progress-percent{min-width:48px;color:#421267;font-size:13px}

/* V1.0.108 — chargement source mis en avant avant calcul */
.dtfp-auto-upload-state{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center;margin:12px 0 14px;padding:14px 16px;border:2px solid #7a36a7;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(50,16,95,.10)}
.dtfp-auto-upload-state.busy{background:#fbf7ff}.dtfp-auto-upload-state.ready{border-color:#2f8a49;background:#f4fff6}
.dtfp-auto-upload-copy{display:flex;flex-direction:column;gap:2px}.dtfp-auto-upload-title{font-size:15px;color:#32105f}.dtfp-auto-upload-state.ready .dtfp-auto-upload-title{color:#1e6c34}
.dtfp-auto-upload-text{font-size:12px;color:#665b70}.dtfp-auto-upload-big{font-size:24px;color:#4d1680}.dtfp-auto-upload-state.ready .dtfp-auto-upload-big{color:#2f8a49}
.dtfp-auto-upload-bar{grid-column:1/-1;height:14px;border-radius:999px;overflow:hidden;background:#eadff1;box-shadow:inset 0 1px 2px rgba(50,16,95,.12)}
.dtfp-auto-upload-bar span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#421267,#8c4cc1);transition:width .2s ease}
.dtfp-auto-upload-state.ready .dtfp-auto-upload-bar span{background:#2f8a49}
.dtfp-auto-calculate.dtfp-auto-waiting-files{background:#8d79a0!important;cursor:pointer!important;opacity:1!important}


/* V1.0.109 — dimensions verrouillées jusqu'à 100 % + proportions source fiables */
.dtfp-auto-file-fields input:disabled{opacity:.58!important;cursor:not-allowed!important;background:#f3eef6!important;color:#7a7080!important}
.dtfp-auto-upload-state.busy .dtfp-auto-upload-text{font-weight:700!important;color:#5a3b70!important}