/* Scoped to the Créapasse modal; existing native engine markup is retained. */
.cpmd-ready:not(.cpmd-editing){display:none!important}
.cpmd-summary{padding:14px;border:1px solid #dce0e5;border-radius:8px;background:#fff;margin:12px 0}
.cpmd-summary>span{display:block;font-size:12px;line-height:1.6;margin-bottom:10px}
.cpmd-summary button{width:100%;min-height:44px;background:#fff;border:1px solid #cbd5df;border-radius:7px;color:#2c3951;font:13px Montserrat,Arial,sans-serif;padding:10px}
.cpmd-summary[hidden]{display:none!important}
#cp-mat-modal.cpmd-modal{display:flex!important;position:fixed!important;inset:0!important;z-index:990!important;width:100%!important;height:100dvh!important;align-items:center;justify-content:center;padding:20px;background:#17243a66;overflow:hidden;box-sizing:border-box}
.rdc-embedded #cp-mat-modal.cpmd-modal{top:calc(var(--rdc-view-top,0px) - var(--cpmd-scroll-y,0px))!important;height:var(--rdc-view-height,100dvh)!important;bottom:auto!important}
#cp-mat-modal .cpmd-dialog.rdc-drawer{position:relative!important;inset:auto!important;transform:none!important;animation:none!important;display:flex!important;flex-direction:column;width:min(960px,100%)!important;max-width:960px!important;height:auto!important;max-height:100%!important;min-height:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 20px 65px #17243a40!important;overflow:hidden!important;color:#2c3951;box-sizing:border-box;font:13px/1.45 Montserrat,Arial,sans-serif}
#cp-mat-modal *{box-sizing:border-box}
#cp-mat-modal button{min-height:44px;font:13px/1.4 Montserrat,Arial,sans-serif;cursor:pointer;color:#2c3951;border:1px solid #dce0e5;background:#fff;border-radius:8px;padding:10px 13px;white-space:normal}
#cp-mat-modal button:disabled{opacity:.5;cursor:default}
#cp-mat-modal :is(button,input,select,a):focus-visible{outline:3px solid #005e9e;outline-offset:2px}
#cp-mat-modal .cpmd-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #dce0e5;flex-shrink:0}
#cp-mat-modal .cpmd-heading small{font:11px 'Roboto Condensed',Arial,sans-serif;letter-spacing:1.3px;color:#67717c}
#cp-mat-modal h2{font:600 24px/1.2 'Roboto Condensed',Arial,sans-serif;margin:5px 0 0;color:#2c3951}
#cp-mat-modal .cpmd-heading button{width:44px;flex-shrink:0;font-size:23px;padding:0;border-radius:50%}
#cp-mat-modal .cpmd-body{display:grid;grid-template-columns:235px minmax(0,1fr);gap:22px;padding:20px 22px;min-height:0;overflow:auto}
#cp-mat-modal .cpmd-aside{min-width:0}
#cp-mat-modal .cpmd-preview{background:#f3f2ed;border-radius:9px;text-align:center;padding:12px}
#cp-mat-modal .cpmd-preview img{display:block;max-width:100%;height:160px;object-fit:contain;margin:auto}
#cp-mat-modal .cpmd-preview>span{font:11px 'Roboto Condensed',Arial,sans-serif;color:#67717c;display:block;margin-top:8px}
#cp-mat-modal .cpmd-layers{display:grid;gap:9px;margin-top:14px}
#cp-mat-modal .cpmd-layer{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;width:100%;text-align:left;padding:10px}
#cp-mat-modal .cpmd-layer>img,#cp-mat-modal .cpmd-chip{width:28px;height:28px;object-fit:cover;background:#eee;border:1px solid #dce0e5}
#cp-mat-modal .cpmd-layer b{display:block;font-size:12px;font-weight:600}
#cp-mat-modal .cpmd-layer small{display:block;font-size:11px;color:#67717c;margin-top:4px;overflow-wrap:anywhere}
#cp-mat-modal .cpmd-layer[aria-pressed=true]{border-color:#005e9e;box-shadow:inset 0 0 0 1px #005e9e;background:#eaf3f8}
#cp-mat-modal .cpmd-reveal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;font-size:12px;margin-top:14px}
#cp-mat-modal .cpmd-reveal[hidden]{display:none}
#cp-mat-modal .cpmd-reveal>div{display:flex;align-items:center;border:1px solid #dce0e5;border-radius:8px;background:#fff}
#cp-mat-modal .cpmd-reveal button{min-width:44px;border:0;font-size:20px}
#cp-mat-modal output{min-width:55px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
#cp-mat-modal .cpmd-catalog{min-width:0}
#cp-mat-modal #dvtogethermat{margin:0!important;padding:0!important;width:100%!important;min-width:0!important;overflow:visible!important}
#cp-mat-modal #dvtogethermat>.frame-module__area-desc,#cp-mat-modal #dvtogethermat .box-middle,#cp-mat-modal .rdc-filters,#cp-mat-modal .rdc-mat-search,#cp-mat-modal .together-mat-control>.demo,#cp-mat-modal .delete_link,#cp-mat-modal .cpmd-inactive{display:none!important}
#cp-mat-modal #dvtogethermat .frame-module__area-choose{padding:0!important;margin:0!important;border:0!important;background:transparent!important}
#cp-mat-modal #dvtogethermat .options-tabs{padding:0 0 10px!important;margin:0!important;height:auto!important;min-height:0!important;display:block!important}
#cp-mat-modal #dvtogethermat .options-tabs span{font-size:14px!important;line-height:1.5!important;font-weight:500!important}
#cp-mat-modal #dvtogethermat .together-mat-control{display:block!important;margin:0!important;padding:0!important}
#cp-mat-modal #dvtogethermat select{display:block!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0 0 10px!important;padding:8px 12px!important;font:13px Montserrat,Arial,sans-serif!important;border:1px solid #cbd5df!important;border-radius:7px!important;background:#fff!important;color:#2c3951!important}
#cp-mat-modal .cpmd-search input{width:100%;min-height:44px;border:1px solid #cbd5df;border-radius:7px;padding:10px 12px;font:13px Montserrat,Arial,sans-serif;background:#fff;color:#2c3951}
#cp-mat-modal .cpmd-count{font:12px/1.4 'Roboto Condensed',Arial,sans-serif;color:#67717c;margin:9px 0}
#cp-mat-modal #dvtogethermat .cpmd-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;max-height:360px!important;overflow-y:scroll!important;overflow-x:hidden!important;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#2e6098 #edf0f3;padding:2px 5px 2px 2px!important;margin:0!important;width:100%!important;align-content:start}
#cp-mat-modal #dvtogethermat .cpmd-grid .box-color__wrapper{width:auto!important;min-width:0!important;margin:0!important;padding:5px!important;border:1px solid #dce0e5!important;border-radius:7px!important;display:block!important;background:#fff!important}
#cp-mat-modal #dvtogethermat .cpmd-grid .box-color__wrapper[hidden]{display:none!important}
#cp-mat-modal #dvtogethermat .cpmd-grid .box-color__wrapper.rdc-selected{border-color:#005e9e!important;box-shadow:inset 0 0 0 1px #005e9e!important;background:#eaf3f8!important}
#cp-mat-modal #dvtogethermat .cpmd-grid .matimage{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1!important;object-fit:cover!important;margin:0!important;border-radius:3px!important;background-size:cover!important}
#cp-mat-modal #dvtogethermat .cp-mat-name{font:12px/1.3 'Roboto Condensed',Arial,sans-serif!important;min-height:0!important;margin:6px 0 3px!important;display:block!important;overflow-wrap:anywhere}
#cp-mat-modal #dvtogethermat .rdc-zoom-link{font-size:11px!important;min-height:32px!important;padding:0!important;margin:0!important;gap:2px!important}
#cp-mat-modal #dvtogethermat .rdc-zoom-link>span{font-size:11px!important;overflow-wrap:anywhere;white-space:normal!important}
#cp-mat-modal .cpmd-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid #dce0e5;background:#fff;flex-shrink:0}
#cp-mat-modal .cpmd-status{font-size:12px;color:#67717c}
#cp-mat-modal .cpmd-footer>div{display:flex;gap:8px;flex-shrink:0}
#cp-mat-modal .cpmd-apply{border-color:#2e6098;background:#2e6098;color:#fff;border-radius:24px;padding:11px 22px}
@media(max-width:700px){
 #cp-mat-modal.cpmd-modal{padding:0}
 #cp-mat-modal .cpmd-dialog.rdc-drawer{height:100%!important;max-height:100%!important;width:100%!important;border-radius:0!important}
 #cp-mat-modal .cpmd-heading{padding:12px 15px}
 #cp-mat-modal h2{font-size:22px}
 #cp-mat-modal .cpmd-body{display:flex;flex-direction:column;padding:12px 15px;gap:12px;flex:1}
 #cp-mat-modal .cpmd-preview{display:flex;align-items:center;gap:16px;padding:8px 14px;text-align:left}
 #cp-mat-modal .cpmd-preview img{height:70px;width:65px;margin:0}
 #cp-mat-modal .cpmd-preview>span{margin:0}
 #cp-mat-modal .cpmd-layers{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;gap:8px}
 #cp-mat-modal .cpmd-layer{grid-template-columns:20px minmax(0,1fr);gap:6px;padding:8px}
 #cp-mat-modal .cpmd-layer>img,#cp-mat-modal .cpmd-chip{width:20px;height:20px}
 #cp-mat-modal .cpmd-reveal{margin-top:10px}
 #cp-mat-modal #dvtogethermat select,#cp-mat-modal .cpmd-search input{font-size:16px!important}
 #cp-mat-modal #dvtogethermat .cpmd-grid{max-height:300px!important;gap:6px!important}
 #cp-mat-modal #dvtogethermat .cpmd-grid .box-color__wrapper{padding:4px!important}
 #cp-mat-modal .cpmd-footer{padding:10px 15px;flex-wrap:wrap;gap:7px}
 #cp-mat-modal .cpmd-footer>div{width:100%;justify-content:space-between}
 #cp-mat-modal .cpmd-status{font-size:11px}
}

#cp-mat-modal .cpmd-heading{width:100%!important;max-width:none!important;margin:0!important;background:#fff!important;border:0!important;border-bottom:1px solid #dce0e5!important}
#cp-mat-modal #dvtogethermat .frame-module__area-choose{background:transparent!important}
#cp-mat-modal #dvtogethermat .cpmd-grid .box-color__wrapper{height:auto!important;aspect-ratio:auto!important;position:relative!important;overflow:visible!important}
#cp-mat-modal #dvtogethermat .cpmd-grid .matimage img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
#cp-mat-modal #dvtogethermat .cp-mat-name{position:static!important;opacity:1!important;visibility:visible!important;height:auto!important}

#cp-mat-modal #dvtogethermat .cpmd-grid .matimage{position:relative!important;inset:auto!important}
#cp-mat-modal #dvtogethermat .cpmd-grid .rdc-zoom-link{position:static!important;inset:auto!important;width:auto!important;justify-content:flex-start!important}

#cp-mat-modal #dvtogethermat .cpmd-grid .rdc-zoom-link{width:32px!important}
#cp-mat-modal .cpmd-layers:has(.cpmd-layer:only-child){grid-template-columns:1fr}

#cp-mat-modal .cpmd-mode{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;border-bottom:1px solid #dce0e5;background:#f7f8fa;flex-shrink:0}
#cp-mat-modal .cpmd-mode>span{font-size:12px;font-weight:600}
#cp-mat-modal .cpmd-mode>div{display:flex;gap:8px}
#cp-mat-modal .cpmd-mode button{min-width:145px;min-height:40px;padding:8px 12px}
#cp-mat-modal .cpmd-mode button[aria-pressed=true]{border-color:#005e9e;background:#eaf3f8;color:#174c76;font-weight:600}
@media(max-width:700px){#cp-mat-modal .cpmd-mode{display:block;padding:10px 15px}#cp-mat-modal .cpmd-mode>span{display:block;margin-bottom:7px}#cp-mat-modal .cpmd-mode>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#cp-mat-modal .cpmd-mode button{min-width:0;width:100%}}