.vp-page{--vp-bg:#f7f8ff;--vp-card:#fff;--vp-border:rgba(73,61,143,.12);--vp-soft:rgba(108,92,231,.08);--vp-text:#2d3436;--vp-muted:#6b7280;padding:2.25rem 0 4rem;background:linear-gradient(180deg,#fbfbff 0%,#f6f7fb 100%)}
.vp-page h1,.vp-page h2,.vp-page h3{letter-spacing:-.035em;color:var(--vp-text)}
.vp-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:2rem;align-items:center;padding:2rem;border:1px solid var(--vp-border);border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(108,92,231,.13),transparent 38%),linear-gradient(135deg,#fff 0%,#fbfaff 100%);box-shadow:0 18px 55px rgba(43,39,75,.08);overflow:hidden}
.vp-hero h1{font-size:clamp(2rem,4vw,3.7rem);font-weight:900;margin:.65rem 0 .75rem}
.vp-hero p{font-size:1.05rem;color:var(--vp-muted);max-width:850px;margin:0}
.vp-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.48rem .8rem;border-radius:999px;background:rgba(108,92,231,.09);color:var(--primary-color);font-weight:800;font-size:.88rem}
.vp-hero-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;min-height:250px}
.vp-mini-card{width:min(100%,260px);display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-radius:18px;background:#fff;border:1px solid var(--vp-border);box-shadow:0 12px 30px rgba(63,53,125,.08);font-weight:850}
.vp-mini-card i{width:44px;height:44px;border-radius:14px;background:var(--vp-soft);display:grid;place-items:center;color:var(--primary-color);font-size:1.25rem}
.vp-mini-arrow{color:#a29bfe}
.vp-section{margin-top:1.4rem;background:var(--vp-card);border:1px solid var(--vp-border);border-radius:24px;padding:1.25rem;box-shadow:0 10px 35px rgba(36,34,64,.045)}
.vp-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.vp-section-head h2{font-size:1.35rem;font-weight:900;margin:0}
.vp-type-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.7rem}
.vp-type-card{appearance:none;border:1px solid var(--vp-border);background:#fff;border-radius:18px;min-height:108px;padding:.85rem .55rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;text-align:center;font-weight:800;color:#424251;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.vp-type-card:hover,.vp-type-card:focus-visible{transform:translateY(-2px);border-color:rgba(108,92,231,.38);box-shadow:0 12px 24px rgba(108,92,231,.10);outline:none}
.vp-type-card.active{background:linear-gradient(180deg,rgba(108,92,231,.10),rgba(108,92,231,.035));border-color:rgba(108,92,231,.42);color:var(--primary-color)}
.vp-type-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--vp-soft);font-size:1.35rem;color:var(--primary-color)}
.vp-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.vp-template-card{border:1px solid var(--vp-border);background:#fff;border-radius:18px;padding:1rem;text-align:left;transition:.18s ease;min-height:132px;display:flex;flex-direction:column}
.vp-template-card:hover,.vp-template-card:focus-visible{border-color:rgba(108,92,231,.35);box-shadow:0 10px 24px rgba(108,92,231,.08);transform:translateY(-1px);outline:none}
.vp-template-card h3{font-size:1rem;font-weight:900;margin:0 0 .35rem}
.vp-template-card p{font-size:.84rem;color:var(--vp-muted);margin:0 0 .7rem}
.vp-template-icons{display:flex;gap:.3rem;margin-top:auto}
.vp-template-icons span{width:30px;height:30px;border-radius:9px;background:var(--vp-soft);display:grid;place-items:center;color:var(--primary-color)}
.vp-builder-section{padding:1rem}
.vp-builder-head{padding:.2rem .25rem}
.vp-head-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.vp-plan-state{display:flex;gap:.5rem;align-items:center;margin-top:.25rem;flex-wrap:wrap}
.vp-premium-countdown{display:inline-flex;align-items:center;gap:.32rem;padding:.2rem .55rem;border-radius:999px;background:#ecf8f1;border:1px solid rgba(23,107,77,.16);color:#176b4d;font-size:.72rem;font-weight:850;line-height:1.2;white-space:nowrap}
.vp-premium-countdown i{font-size:.72rem}
.vp-premium-countdown[hidden]{display:none!important}
.vp-panel{border:1px solid var(--vp-border);border-radius:20px;background:#fff;padding:1rem;min-width:0}
.vp-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}
.vp-panel-head h3{font-size:1.02rem;font-weight:900;margin:0}
.vp-search-wrap{position:relative}
.vp-search-wrap i{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:2}
.vp-search-wrap input{padding-left:2.3rem;border-radius:13px}
.vp-category-chips{display:flex;gap:.4rem;overflow:auto;padding:.7rem 0 .2rem;scrollbar-width:thin}
.vp-chip{flex:none;border:1px solid var(--vp-border);background:#fff;border-radius:999px;padding:.38rem .65rem;font-size:.76rem;font-weight:800;color:#5b5b6a}
.vp-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}
.vp-library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.75rem}
.vp-library-item{border:1px solid var(--vp-border);background:#fff;border-radius:15px;padding:.65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.45rem;min-height:112px;font-weight:800;font-size:.8rem;color:#40404f;transition:.16s ease}
.vp-library-item:hover,.vp-library-item:focus-visible{background:rgba(108,92,231,.04);border-color:rgba(108,92,231,.3);outline:none}
.vp-pictogram{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,rgba(108,92,231,.12),rgba(162,155,254,.14));display:grid;place-items:center;color:var(--primary-color);overflow:hidden;flex:none}
.vp-pictogram i{font-size:1.45rem}
.vp-pictogram img{width:100%;height:100%;object-fit:cover}
.vp-title-input{border-radius:14px;font-weight:850}
.vp-plan-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.85rem}
.vp-plan-item{display:grid;grid-template-columns:34px 58px minmax(0,1fr) auto;gap:.65rem;align-items:center;border:1px solid var(--vp-border);border-radius:16px;padding:.55rem;background:#fff;position:relative}
.vp-plan-item.vp-dragging{opacity:.55;box-shadow:0 20px 40px rgba(0,0,0,.14);z-index:20}
.vp-plan-item.vp-drop-target{border-color:var(--primary-color)}
.vp-drag-handle{width:34px;height:42px;border:0;background:transparent;color:#9ca3af;cursor:grab;touch-action:none;border-radius:10px}
.vp-drag-handle:active{cursor:grabbing}
.vp-plan-item .vp-pictogram{width:54px;height:54px}
.vp-plan-main{min-width:0}
.vp-plan-name{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vp-plan-meta{font-size:.75rem;color:var(--vp-muted);display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.2rem}
.vp-change-note{font-size:.72rem;color:#8a5a00;background:#fff7df;border-radius:999px;padding:.15rem .4rem;display:inline-flex;align-items:center;gap:.3rem}
.vp-plan-actions{display:flex;gap:.25rem;align-items:center}
.vp-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--vp-border);background:#fff;color:#5d5d6e;display:grid;place-items:center}
.vp-icon-btn:hover,.vp-icon-btn:focus-visible{border-color:rgba(108,92,231,.35);color:var(--primary-color);outline:none}
.vp-empty-state{min-height:230px;border:2px dashed rgba(108,92,231,.18);border-radius:18px;margin-top:.9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.25rem;color:#8a8a98}
.vp-empty-state i{font-size:2rem;color:#b5acef}
.vp-empty-state p{margin:.5rem 0 0}
.vp-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.vp-style-btn{border:1px solid var(--vp-border);background:#fff;border-radius:13px;padding:.65rem .45rem;display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.77rem;font-weight:800;color:#545464}
.vp-style-btn.active{border-color:rgba(108,92,231,.4);background:var(--vp-soft);color:var(--primary-color)}
.vp-settings-list{display:flex;flex-direction:column;gap:.65rem;margin-top:1rem}
.vp-lock-inline,.vp-action-lock{margin-left:.25rem;color:#dc3545;font-size:.8em}
body.vp-unlocked .vp-lock-inline,body.vp-unlocked .vp-action-lock{display:none}
body.vp-unlocked .vp-unlock-btn{display:none!important}
.vp-preview-actions{display:flex;gap:.45rem;flex-wrap:wrap}
.vp-preview-frame{padding:1rem;border-radius:20px;background:linear-gradient(135deg,#f2f3f9,#eceef6);overflow:auto}
.vp-preview-paper{width:min(100%,900px);min-height:540px;margin:auto;background:#fff;border-radius:18px;box-shadow:0 18px 55px rgba(35,33,63,.12);padding:1.5rem}
.vp-preview-header{text-align:center;margin-bottom:1.2rem}
.vp-preview-header h3{font-size:1.6rem;font-weight:900;margin:0}
.vp-preview-header p{margin:.25rem 0 0;color:var(--vp-muted)}
.vp-preview-progress{margin:0 auto 1rem;max-width:620px}
.vp-progress-label{text-align:center;font-size:.82rem;font-weight:750;color:#5f6470;margin-bottom:.35rem}
.vp-progress-bar{height:12px;background:#ececf4;border-radius:999px;overflow:hidden}
.vp-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--primary-color),#a29bfe);border-radius:inherit;transition:width .25s ease}
.vp-preview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}
.vp-preview-card{border:1px solid var(--vp-border);border-radius:18px;padding:.8rem;text-align:center;min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;background:#fff}
.vp-preview-card.done{opacity:.45}
.vp-preview-card .vp-pictogram{width:76px;height:76px;border-radius:20px}
.vp-preview-name{font-weight:900}
.vp-preview-time{font-size:.8rem;color:var(--primary-color);font-weight:850}
.vp-preview-vertical{display:flex;flex-direction:column;gap:.45rem;max-width:650px;margin:auto}
.vp-preview-row{display:grid;grid-template-columns:auto 76px minmax(0,1fr);gap:.7rem;align-items:center}
.vp-preview-row .vp-line{width:2px;background:#dcd9f7;height:24px;justify-self:center}
.vp-preview-row-card{grid-column:2/4;display:grid;grid-template-columns:76px minmax(0,1fr);gap:.8rem;align-items:center;padding:.7rem;border:1px solid var(--vp-border);border-radius:18px;background:#fff}
.vp-preview-row-card .vp-pictogram{width:70px;height:70px}
.vp-preview-horizontal{display:flex;gap:.55rem;overflow:auto;padding:.3rem}
.vp-preview-horizontal .vp-preview-card{min-width:180px;position:relative}
.vp-preview-horizontal .vp-preview-card:not(:last-child)::after{content:"→";position:absolute;right:-.52rem;top:50%;transform:translateY(-50%);z-index:3;color:#a29bfe;font-size:1.25rem}
.vp-preview-timeline{max-width:700px;margin:auto;display:flex;flex-direction:column;gap:.6rem}
.vp-timeline-row{display:grid;grid-template-columns:72px 18px minmax(0,1fr);gap:.65rem;align-items:center}
.vp-timeline-time{font-weight:900;color:var(--primary-color);text-align:right}
.vp-timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 5px rgba(108,92,231,.11)}
.vp-timeline-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:.65rem;align-items:center;border:1px solid var(--vp-border);border-radius:16px;padding:.55rem}
.vp-timeline-card .vp-pictogram{width:52px;height:52px}
.vp-now-next{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;max-width:760px;margin:auto}
.vp-now-next-block{border:1px solid var(--vp-border);border-radius:22px;padding:1.1rem;text-align:center;background:#fff}
.vp-now-next-block:first-child{background:linear-gradient(180deg,rgba(108,92,231,.08),#fff)}
.vp-now-next-label{font-weight:950;font-size:.85rem;letter-spacing:.08em;color:var(--primary-color);margin-bottom:.6rem}
.vp-now-next .vp-pictogram{width:110px;height:110px;border-radius:26px;margin:auto}
.vp-week{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:.45rem;overflow:auto}
.vp-week-day{border:1px solid var(--vp-border);border-radius:16px;min-height:220px;padding:.55rem;background:#fbfbfe}
.vp-week-day h4{font-size:.8rem;font-weight:900;text-align:center;margin:.1rem 0 .5rem}
.vp-week-item{background:#fff;border:1px solid var(--vp-border);border-radius:12px;padding:.45rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800}
.vp-week-item .vp-pictogram{width:34px;height:34px;border-radius:9px}
.vp-full-card{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;background:linear-gradient(135deg,rgba(108,92,231,.09),rgba(255,255,255,1) 55%,rgba(240,180,41,.08));padding:1.5rem}
.vp-full-copy{display:flex;gap:1rem;align-items:flex-start}
.vp-lock-bubble{width:58px;height:58px;border-radius:18px;background:#fff;display:grid;place-items:center;color:var(--primary-color);font-size:1.4rem;box-shadow:0 10px 25px rgba(108,92,231,.12);flex:none}
.vp-full-card h2{font-size:1.25rem;font-weight:900;margin:0 0 .55rem}
.vp-full-card ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem .9rem}
.vp-full-card li{font-size:.82rem;color:#545464;display:flex;gap:.35rem}
.vp-full-card li i{color:#22a06b}
.vp-saved-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.vp-saved-card{border:1px solid var(--vp-border);border-radius:16px;padding:.85rem;background:#fff}
.vp-saved-card h3{font-size:.95rem;font-weight:900;margin:0 0 .35rem}
.vp-saved-card-meta{display:flex;gap:.4rem;flex-wrap:wrap;font-size:.72rem;color:#777b86;margin-bottom:.7rem}
.vp-saved-card-actions{display:flex;gap:.4rem}
.vp-modal{border:0;border-radius:22px;overflow:hidden;box-shadow:0 25px 80px rgba(25,22,54,.24)}
.vp-credit-summary{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;align-items:center;background:#f7f7fb;border-radius:16px;padding:1rem}
.vp-credit-summary>div{display:flex;flex-direction:column}
.vp-credit-summary span{font-size:.8rem;color:#737786}
.vp-credit-summary strong{font-size:1.45rem;color:var(--vp-text)}
.vp-upload-preview img{width:90px;height:90px;object-fit:cover;border-radius:16px;border:1px solid var(--vp-border)}
.vp-toast-stack{position:fixed;right:1rem;bottom:1rem;z-index:11000;display:flex;flex-direction:column;gap:.5rem}
.vp-toast{min-width:260px;max-width:360px;padding:.8rem 1rem;border-radius:14px;background:#212331;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.18);display:flex;align-items:center;gap:.6rem}
.vp-toast.success{background:#176b4d}.vp-toast.error{background:#a33333}
.vp-interactive{position:fixed;inset:0;z-index:10900;background:#f8f8fc;padding:1rem;overflow:auto}
.vp-interactive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto}
.vp-interactive-title{font-size:1.2rem;font-weight:950}
.vp-interactive-tools{display:flex;gap:.4rem}
.vp-round-btn{width:46px;height:46px;border-radius:999px;border:1px solid var(--vp-border);background:#fff;display:grid;place-items:center;color:#4d4d5d}
.vp-interactive-progress{max-width:760px;margin:1rem auto}
.vp-interactive-main{max-width:900px;margin:1.5rem auto}
.vp-interactive-focus{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}
.vp-interactive-focus-card{background:#fff;border:1px solid var(--vp-border);border-radius:30px;padding:1.5rem;text-align:center;box-shadow:0 18px 50px rgba(32,30,59,.07)}
.vp-interactive-focus-card.current{background:linear-gradient(180deg,rgba(108,92,231,.08),#fff)}
.vp-interactive-focus-card .vp-pictogram{width:180px;height:180px;border-radius:36px;margin:1rem auto}
.vp-interactive-focus-card h2{font-size:clamp(1.5rem,4vw,2.4rem);font-weight:950}
.vp-interactive-done{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;margin-top:1.2rem}
.vp-overview-list{display:flex;flex-direction:column;gap:.55rem}
.vp-overview-row{display:grid;grid-template-columns:48px 68px 1fr;gap:.7rem;align-items:center;background:#fff;border:1px solid var(--vp-border);border-radius:18px;padding:.6rem}
.vp-overview-row.done{opacity:.48}
.vp-overview-row input{width:26px;height:26px}
.vp-timer-ring{--progress:0deg;width:190px;height:190px;border-radius:50%;margin:auto;background:conic-gradient(var(--primary-color) var(--progress),#e7e7ef 0);display:grid;place-items:center;position:relative}
.vp-timer-ring::before{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}
.vp-timer-ring span{position:relative;z-index:1;font-weight:950;font-size:2rem;font-variant-numeric:tabular-nums}
.vp-cards-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;background:#f6f7fb;padding:1rem;border-radius:16px}
.vp-cut-card{background:#fff;border:1px dashed #9aa0aa;border-radius:12px;padding:.75rem;text-align:center;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem}
.vp-cut-card.no-lines{border-style:solid;border-color:var(--vp-border)}
.vp-cut-card .vp-pictogram{width:70px;height:70px}
.vp-seo-copy{max-width:900px;margin:2.3rem auto 0;text-align:center}
.vp-seo-copy h2{font-size:1.45rem;font-weight:900}.vp-seo-copy p{color:var(--vp-muted)}
.vp-shake{animation:vpShake .32s ease}
@keyframes vpShake{25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}


/* Premium planning personalization */
.vp-premium-customizer{border:1px solid var(--vp-border);border-radius:16px;padding:.8rem;background:#fbfbfe}
.vp-premium-customizer-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.vp-premium-customizer-head strong{font-size:.9rem}
.vp-premium-lock{color:#dc3545}
body.vp-unlocked .vp-premium-lock{display:none}
body:not(.vp-unlocked) .vp-premium-customizer{background:linear-gradient(180deg,#fbfbfe,#f7f5ff)}
body:not(.vp-unlocked) [data-premium-control]{cursor:pointer}
.vp-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.vp-color-grid label{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid var(--vp-border);border-radius:12px;padding:.5rem .6rem;font-size:.75rem;font-weight:750;background:#fff}
.vp-color-grid input[type=color]{width:36px;height:30px;border:0;background:transparent;padding:0;cursor:pointer}

.vp-image-library-picker{border:1px solid var(--vp-border);border-radius:14px;background:#fff;overflow:hidden}
.vp-image-library-picker summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.8rem .9rem;cursor:pointer;font-weight:850;color:#4b4b5c}
.vp-image-library-picker summary::-webkit-details-marker{display:none}
.vp-image-library-picker summary::after{content:"▾";font-size:.8rem;color:#8a8a98;transition:transform .18s ease}
.vp-image-library-picker[open] summary::after{transform:rotate(180deg)}
.vp-image-library-body{border-top:1px solid var(--vp-border);padding:.8rem}
.vp-image-library-meta{font-size:.72rem;color:var(--vp-muted);margin:.55rem 0}
.vp-image-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;max-height:300px;overflow:auto;padding-right:.15rem}
.vp-image-choice{appearance:none;border:1px solid var(--vp-border);background:#fff;border-radius:12px;padding:.35rem;min-width:0;display:flex;flex-direction:column;gap:.25rem;align-items:center;cursor:pointer}
.vp-image-choice:hover,.vp-image-choice:focus-visible{border-color:rgba(108,92,231,.45);outline:none}
.vp-image-choice.active{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(108,92,231,.12)}
.vp-image-choice img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:8px;background:#f7f7fb}
.vp-image-choice span{width:100%;font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#565664;text-align:center}
.vp-image-library-empty{grid-column:1/-1;padding:1rem;text-align:center;color:var(--vp-muted);font-size:.8rem}
.vp-upload-preview{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}

#vpPreviewPaper{
  --vp-plan-font:Arial,Helvetica,sans-serif;
  --vp-plan-primary:#6c5ce7;
  --vp-plan-bg:#ffffff;
  --vp-plan-card:#ffffff;
  --vp-plan-text:#2d3436;
  --vp-plan-radius:18px;
  --vp-plan-title-size:34px;
  --vp-plan-text-size:18px;
  --vp-plan-gap:16px;
  --vp-plan-image-scale:1;
  background:var(--vp-plan-bg);
  color:var(--vp-plan-text);
  font-family:var(--vp-plan-font);
}
#vpPreviewPaper .vp-preview-header h3{font-family:var(--vp-plan-font);font-size:var(--vp-plan-title-size);color:var(--vp-plan-text)}
#vpPreviewPaper .vp-preview-name{font-family:var(--vp-plan-font);font-size:var(--vp-plan-text-size);color:var(--vp-plan-text)}
#vpPreviewPaper .vp-preview-time,#vpPreviewPaper .vp-now-next-label,#vpPreviewPaper .vp-timeline-time{color:var(--vp-plan-primary)}
#vpPreviewPaper .vp-progress-bar span,#vpPreviewPaper .vp-timeline-dot{background:var(--vp-plan-primary)}
#vpPreviewPaper .vp-preview-cards,#vpPreviewPaper .vp-preview-horizontal,#vpPreviewPaper .vp-preview-vertical,#vpPreviewPaper .vp-preview-timeline{gap:var(--vp-plan-gap)}
#vpPreviewPaper .vp-preview-card,#vpPreviewPaper .vp-preview-row-card,#vpPreviewPaper .vp-timeline-card,#vpPreviewPaper .vp-now-next-block,#vpPreviewPaper .vp-week-day,#vpPreviewPaper .vp-week-item{background:var(--vp-plan-card);border-radius:var(--vp-plan-radius);color:var(--vp-plan-text)}
#vpPreviewPaper .vp-preview-card .vp-pictogram{width:calc(76px * var(--vp-plan-image-scale));height:calc(76px * var(--vp-plan-image-scale))}
#vpPreviewPaper .vp-preview-row-card .vp-pictogram{width:calc(70px * var(--vp-plan-image-scale));height:calc(70px * var(--vp-plan-image-scale))}
#vpPreviewPaper .vp-timeline-card .vp-pictogram{width:calc(52px * var(--vp-plan-image-scale));height:calc(52px * var(--vp-plan-image-scale))}
#vpPreviewPaper .vp-now-next .vp-pictogram{width:calc(110px * var(--vp-plan-image-scale));height:calc(110px * var(--vp-plan-image-scale))}
#vpPreviewPaper .vp-week-item .vp-pictogram{width:calc(34px * var(--vp-plan-image-scale));height:calc(34px * var(--vp-plan-image-scale))}

#vpInteractive{
  --vp-plan-font:Arial,Helvetica,sans-serif;
  --vp-plan-primary:#6c5ce7;
  --vp-plan-bg:#f8f8fc;
  --vp-plan-card:#ffffff;
  --vp-plan-text:#2d3436;
  --vp-plan-radius:18px;
  --vp-plan-title-size:34px;
  --vp-plan-text-size:18px;
  --vp-plan-image-scale:1;
  background:var(--vp-plan-bg);
  color:var(--vp-plan-text);
  font-family:var(--vp-plan-font);
}
#vpInteractive .vp-interactive-title,#vpInteractive h2,#vpInteractive strong{font-family:var(--vp-plan-font);color:var(--vp-plan-text)}
#vpInteractive .vp-interactive-focus-card,#vpInteractive .vp-overview-row{background:var(--vp-plan-card);border-radius:var(--vp-plan-radius)}
#vpInteractive .vp-now-next-label{color:var(--vp-plan-primary)}
#vpInteractive .vp-interactive-focus-card .vp-pictogram{width:calc(180px * var(--vp-plan-image-scale));height:calc(180px * var(--vp-plan-image-scale))}

@media(prefers-reduced-motion:reduce){.vp-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:1200px){
  .vp-type-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .vp-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .vp-full-card ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991.98px){
  .vp-page{padding-top:1rem}
  .vp-hero{grid-template-columns:1fr;padding:1.35rem}
  .vp-hero-visual{display:none}
  .vp-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vp-preview-actions{width:100%}.vp-preview-actions .btn{flex:1 1 160px}
  .vp-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vp-full-card{align-items:flex-start;flex-direction:column}
}
@media(max-width:767.98px){
  .vp-section{border-radius:18px;padding:.9rem}
  .vp-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vp-type-card{min-height:95px}
  .vp-template-grid{grid-template-columns:1fr}
  .vp-library-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vp-plan-item{grid-template-columns:30px 48px minmax(0,1fr);padding:.5rem}
  .vp-plan-actions{grid-column:2/4;justify-content:flex-end}
  .vp-plan-item .vp-pictogram{width:48px;height:48px}
  .vp-preview-paper{padding:.85rem;min-height:400px}
  .vp-preview-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vp-now-next{grid-template-columns:1fr}
  .vp-interactive{padding:.6rem}
  .vp-interactive-focus{grid-template-columns:1fr}
  .vp-interactive-focus-card .vp-pictogram{width:140px;height:140px}
  .vp-cards-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vp-full-copy{flex-direction:column}
  .vp-full-card ul{grid-template-columns:1fr}
  .vp-saved-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
  .vp-image-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vp-library-list{grid-template-columns:1fr 1fr}
  .vp-preview-cards{grid-template-columns:1fr}
  .vp-preview-actions .btn{flex:1 1 100%}
  .vp-cards-preview{grid-template-columns:1fr 1fr}
  .vp-credit-summary{grid-template-columns:1fr; text-align:center}
  .vp-credit-summary>i{transform:rotate(90deg)}
}
@media print{
  body>*:not(.vp-print-root){display:none!important}
  .vp-print-root{display:block!important}
}


/* Planning Premium v2: themes, advanced cards and foldered image library */
.vp-customizer-group{padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--vp-border)}
.vp-customizer-group:first-of-type{border-top:0;padding-top:0}
.vp-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.vp-theme-btn{appearance:none;border:1px solid var(--vp-border);background:#fff;border-radius:12px;padding:.45rem;display:flex;align-items:center;gap:.4rem;min-width:0;font-size:.7rem;font-weight:800;color:#535366;cursor:pointer}
.vp-theme-btn:hover,.vp-theme-btn:focus-visible{border-color:rgba(108,92,231,.48);outline:none}
.vp-theme-btn.active{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(108,92,231,.11)}
.vp-theme-swatch{width:24px;height:24px;border-radius:8px;border:1px solid rgba(0,0,0,.06);flex:none}
.vp-theme-lavender{background:linear-gradient(135deg,#6c5ce7 0 42%,#f3f0ff 42% 70%,#fff 70%)}
.vp-theme-ocean{background:linear-gradient(135deg,#0b7285 0 42%,#dff6ff 42% 70%,#fff 70%)}
.vp-theme-forest{background:linear-gradient(135deg,#2f855a 0 42%,#cdebd6 42% 70%,#fff 70%)}
.vp-theme-sunset{background:linear-gradient(135deg,#e8590c 0 42%,#ffe8cc 42% 70%,#fffdf9 70%)}
.vp-theme-candy{background:linear-gradient(135deg,#d63384 0 42%,#e7f5ff 42% 70%,#fff 70%)}
.vp-theme-mono{background:linear-gradient(135deg,#343a40 0 42%,#e9ecef 42% 70%,#fff 70%)}

.vp-image-choice small{width:100%;font-size:.52rem;line-height:1.15;color:#9595a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
#vpImageFolder{min-width:0}

#vpPreviewPaper,#vpInteractive{
  --vp-plan-bg-secondary:#f3f0ff;
  --vp-plan-border-color:#dedcf3;
  --vp-plan-border-width:1px;
  --vp-plan-border-style:solid;
  --vp-plan-shadow:0 5px 16px rgba(31,35,48,.10);
  --vp-plan-text-align:center;
  --vp-plan-title-align:center;
}
#vpPreviewPaper .vp-preview-header h3{text-align:var(--vp-plan-title-align)}
#vpPreviewPaper .vp-preview-name,
#vpPreviewPaper .vp-preview-time,
#vpPreviewPaper .vp-preview-card small,
#vpPreviewPaper .vp-week-item span{text-align:var(--vp-plan-text-align);width:100%}
#vpPreviewPaper .vp-preview-card,
#vpPreviewPaper .vp-preview-row-card,
#vpPreviewPaper .vp-timeline-card,
#vpPreviewPaper .vp-now-next-block,
#vpPreviewPaper .vp-week-day,
#vpPreviewPaper .vp-week-item{
  border-color:var(--vp-plan-border-color);
  border-width:var(--vp-plan-border-width);
  border-style:var(--vp-plan-border-style);
  box-shadow:var(--vp-plan-shadow);
}
#vpPreviewPaper .vp-preview-row-card>div:last-child,
#vpPreviewPaper .vp-timeline-card>div:last-child{text-align:var(--vp-plan-text-align)}
#vpPreviewPaper[data-card-format="compact"] .vp-preview-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
#vpPreviewPaper[data-card-format="compact"] .vp-preview-card{min-height:120px;padding:.55rem}
#vpPreviewPaper[data-card-format="compact"] .vp-preview-card .vp-pictogram{width:calc(58px * var(--vp-plan-image-scale));height:calc(58px * var(--vp-plan-image-scale))}
#vpPreviewPaper[data-card-format="square"] .vp-preview-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
#vpPreviewPaper[data-card-format="square"] .vp-preview-card{aspect-ratio:1/1;min-height:0}
#vpPreviewPaper[data-card-format="landscape"] .vp-preview-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
#vpPreviewPaper[data-card-format="landscape"] .vp-preview-card{min-height:130px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.8rem}
#vpPreviewPaper[data-card-format="landscape"] .vp-preview-card .vp-pictogram{grid-row:1/3}
#vpPreviewPaper[data-card-format="portrait"] .vp-preview-cards{grid-template-columns:repeat(auto-fit,minmax(140px,190px));justify-content:center}
#vpPreviewPaper[data-card-format="portrait"] .vp-preview-card{min-height:230px}
#vpPreviewPaper[data-card-format="portrait"] .vp-preview-card .vp-pictogram{width:calc(96px * var(--vp-plan-image-scale));height:calc(96px * var(--vp-plan-image-scale))}

#vpInteractive .vp-interactive-focus-card,
#vpInteractive .vp-overview-row{
  border:var(--vp-plan-border-width) var(--vp-plan-border-style) var(--vp-plan-border-color);
  box-shadow:var(--vp-plan-shadow);
  color:var(--vp-plan-text);
}
#vpInteractive .vp-interactive-title{text-align:var(--vp-plan-title-align)}
#vpInteractive .vp-interactive-focus-card h2,
#vpInteractive .vp-overview-row strong{text-align:var(--vp-plan-text-align)}

@media(max-width:575px){
  .vp-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vp-image-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* Large premium asset libraries */
.vp-library-pager{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.74rem;color:var(--vp-muted)}
.vp-library-pager span{font-weight:750;text-align:center;flex:1}
.vp-library-pager .btn{white-space:nowrap}
.vp-background-choice img{aspect-ratio:16/10;object-fit:cover}
.vp-background-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:340px}
.vp-background-library-picker .vp-image-library-body{background:#fff}
@media (max-width:575.98px){
  .vp-library-pager{gap:.35rem}
  .vp-library-pager .btn{font-size:.68rem;padding:.3rem .45rem}
  .vp-background-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Per-card Premium customization */
.vp-card-customizer{border:1px solid var(--vp-border);border-radius:16px;padding:.9rem;background:linear-gradient(180deg,#fff,#fbfbfe)}
.vp-card-customizer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
.vp-card-customizer-head strong{font-size:.92rem}
.vp-card-preset-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}
.vp-card-preset{appearance:none;border:1px solid var(--vp-border);background:#fff;border-radius:12px;padding:.38rem;min-height:46px;transition:.15s ease}
.vp-card-preset:hover,.vp-card-preset:focus-visible{border-color:var(--primary-color);transform:translateY(-1px);outline:none}
.vp-card-preset span{display:block;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--preset-bg) 0 68%,var(--preset-accent) 68% 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.vp-card-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.vp-card-color-grid label{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid var(--vp-border);border-radius:12px;padding:.52rem .62rem;background:#fff;font-size:.76rem;font-weight:750}
.vp-card-color-grid input[type=color]{width:38px;height:31px;padding:0;border:0;background:transparent;cursor:pointer}
#vpCardStyleControls.is-disabled{opacity:.48}
#vpCardStyleControls.is-disabled input,#vpCardStyleControls.is-disabled select,#vpCardStyleControls.is-disabled button{pointer-events:none}
.vp-card-customized-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.12rem .38rem;border-radius:999px;background:rgba(108,92,231,.1);color:var(--primary-color);font-size:.66rem;font-weight:850}
.vp-item-custom{--vp-card-accent:var(--vp-plan-primary,#6c5ce7);--vp-item-image-scale:1}
.vp-item-custom .vp-preview-time,.vp-item-custom .vp-now-next-label{color:var(--vp-card-accent)!important}
.vp-item-custom .vp-pictogram{transform:scale(var(--vp-item-image-scale,1));transform-origin:center}
.vp-item-custom .vp-pictogram i{color:var(--vp-card-accent)!important}
.vp-week-item.vp-item-custom,.vp-timeline-card.vp-item-custom,.vp-preview-row-card.vp-item-custom,.vp-preview-card.vp-item-custom,.vp-now-next-block.vp-item-custom,.vp-interactive-focus-card.vp-item-custom,.vp-overview-row.vp-item-custom{background:var(--vp-item-card-bg,#fff)!important;color:var(--vp-item-text,#2d3436)!important;border-color:var(--vp-item-border,#dedcf3)!important}
@media(max-width:575.98px){.vp-card-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vp-card-color-grid{grid-template-columns:1fr}}

.vp-icon-btn-active{background:rgba(108,92,231,.10);border-color:rgba(108,92,231,.34);color:var(--primary-color)}

#vpPreviewPaper .vp-item-custom .vp-preview-name,
#vpPreviewPaper .vp-item-custom .vp-week-item span,
#vpInteractive .vp-item-custom h2,
#vpInteractive .vp-item-custom strong{color:var(--vp-item-text)!important}
#vpPreviewPaper .vp-item-custom .vp-preview-name,
#vpPreviewPaper .vp-item-custom .vp-preview-time,
#vpPreviewPaper .vp-item-custom .vp-week-item span,
#vpInteractive .vp-item-custom h2,
#vpInteractive .vp-item-custom strong{text-align:inherit!important}

.vp-cut-card .vp-pictogram{width:calc(70px * var(--vp-plan-image-scale,1));height:calc(70px * var(--vp-plan-image-scale,1));transform:none}

.vp-item-style-preview-wrap{border:1px dashed var(--vp-border);border-radius:14px;padding:.65rem;background:#f8f9fc}
.vp-item-style-preview-label{font-size:.7rem;font-weight:800;color:var(--vp-muted);margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.04em}
.vp-item-style-preview{display:flex;justify-content:center}
.vp-item-style-preview-card{width:min(100%,260px);min-height:118px;padding:.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem}
.vp-item-style-preview-card .vp-pictogram{width:calc(62px * var(--vp-plan-image-scale,1));height:calc(62px * var(--vp-plan-image-scale,1));transform:none}
.vp-item-style-preview-card strong{width:100%;text-align:inherit;color:inherit}

.vp-item-custom .vp-pictogram{background:var(--vp-item-picto-bg,rgba(108,92,231,.12))}


/* Premium frames, stickers and planning decorations */
.vp-preview-paper,.vp-interactive-main,.vp-cards-preview{position:relative;isolation:isolate}
.vp-preview-paper>.vp-preview-header,
.vp-preview-paper>.vp-preview-cards,
.vp-preview-paper>.vp-preview-horizontal,
.vp-preview-paper>.vp-preview-vertical,
.vp-preview-paper>.vp-preview-timeline,
.vp-preview-paper>.vp-now-next,
.vp-preview-paper>.vp-week,
.vp-preview-paper>.vp-empty-state,
.vp-interactive-main>.vp-overview-list,
.vp-interactive-main>.vp-interactive-focus,
.vp-interactive-main>.vp-empty-state{position:relative;z-index:1}
.vp-preview-card,.vp-preview-row-card,.vp-timeline-card,.vp-now-next-block,.vp-week-item,
.vp-overview-row,.vp-interactive-focus-card,.vp-cut-card,.vp-item-style-preview-card{position:relative;isolation:isolate}
.vp-card-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:8;pointer-events:none;user-select:none}
.vp-card-sticker{position:absolute;height:auto;max-width:none;z-index:9;pointer-events:none;user-select:none;transform-origin:center;overflow:visible}
.vp-planning-decoration{position:absolute;height:auto;max-width:none;z-index:0;pointer-events:none;user-select:none;transform-origin:center;overflow:visible}
.vp-overlay-image{display:block;width:100%;height:auto;max-width:none;pointer-events:none;user-select:none;transform-origin:center;-webkit-user-drag:none}
.vp-selected-frame{min-height:48px;display:flex;align-items:center;gap:.65rem;padding:.5rem;border:1px dashed var(--vp-border);border-radius:12px;background:#fafaff}
.vp-selected-frame img{width:72px;height:48px;object-fit:contain;background:#fff;border-radius:8px}
.vp-overlay-editor-list{display:grid;gap:.55rem}
.vp-overlay-editor-row{display:grid;grid-template-columns:48px minmax(120px,1fr) repeat(3,minmax(88px,.8fr)) auto;gap:.5rem;align-items:center;padding:.55rem;border:1px solid var(--vp-border);border-radius:12px;background:#fbfbff}
.vp-overlay-editor-row>img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.06)}
.vp-overlay-editor-row>label{display:grid;gap:.2rem;font-size:.68rem;font-weight:800;color:var(--vp-muted)}
.vp-overlay-editor-row input[type="range"]{width:100%;margin:0}
.vp-overlay-choice img{object-fit:contain;background-image:linear-gradient(45deg,#f1f3f5 25%,transparent 25%),linear-gradient(-45deg,#f1f3f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f3f5 75%),linear-gradient(-45deg,transparent 75%,#f1f3f5 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}
@media (max-width:767px){
  .vp-overlay-editor-row{grid-template-columns:44px minmax(0,1fr) auto}
  .vp-overlay-editor-row>label{grid-column:2 / -1}
  .vp-overlay-editor-row>select{grid-column:2}
}


/* Premium overlay positioning */
#vpPreviewPaper .vp-direct-overlay{pointer-events:auto;touch-action:none;cursor:grab;-webkit-user-drag:none}
#vpPreviewPaper .vp-direct-overlay:hover .vp-overlay-image{filter:drop-shadow(0 0 .35rem rgba(108,92,231,.45))}
#vpPreviewPaper .vp-direct-overlay.vp-overlay-dragging{cursor:grabbing}
#vpPreviewPaper .vp-direct-overlay.is-selected{z-index:40!important}
#vpPreviewPaper .vp-direct-overlay.vp-overlay-transforming{cursor:default}
.vp-overlay-selection-ui{position:absolute;inset:-3px;border:2px solid #6c5ce7;border-radius:4px;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;z-index:60;filter:none}
#vpPreviewPaper .vp-direct-overlay.is-selected>.vp-overlay-selection-ui{opacity:1;visibility:visible}
.vp-overlay-handle{position:absolute;width:18px;height:18px;padding:0;border:2px solid #6c5ce7;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(35,33,63,.24);pointer-events:auto;touch-action:none;appearance:none}
.vp-overlay-resize-handle{cursor:nwse-resize}
.vp-overlay-resize-handle.is-nw{left:0;top:0;transform:translate(-50%,-50%)}
.vp-overlay-resize-handle.is-ne{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}
.vp-overlay-resize-handle.is-sw{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}
.vp-overlay-resize-handle.is-se{right:0;bottom:0;transform:translate(50%,50%)}
.vp-overlay-rotate-line{position:absolute;left:50%;top:-30px;width:2px;height:27px;background:#6c5ce7;transform:translateX(-50%);pointer-events:none}
.vp-overlay-rotate-handle{left:50%;top:-36px;transform:translate(-50%,-50%);cursor:grab;background:#6c5ce7;border-color:#fff;box-shadow:0 0 0 2px #6c5ce7,0 3px 9px rgba(35,33,63,.26)}
.vp-overlay-rotate-handle:active{cursor:grabbing}
.vp-overlay-transform-badge{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);padding:.22rem .48rem;border-radius:999px;background:#2d3436;color:#fff;font-size:.68rem;font-weight:850;line-height:1;white-space:nowrap;opacity:0;transition:opacity .08s ease;pointer-events:none}
.vp-overlay-transform-badge.is-visible{opacity:1}
@media (pointer:coarse){
  .vp-overlay-handle{width:24px;height:24px}
  .vp-overlay-rotate-handle{top:-42px}
  .vp-overlay-rotate-line{top:-35px;height:32px}
}
.vp-overlay-editor-actions{grid-column:2 / -1;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;padding-top:.15rem}
.vp-overlay-editor-actions .btn{min-width:34px}
.vp-overlay-position-badge,.vp-overlay-layer{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .5rem;border-radius:999px;background:#f0f1f6;color:#616575;font-size:.68rem;font-weight:800}
.vp-overlay-position-badge.is-free{background:rgba(108,92,231,.1);color:var(--primary-color)}
.vp-overlay-layer{margin-left:auto}
@media (max-width:767px){
  .vp-overlay-editor-actions{grid-column:1 / -1}
  .vp-overlay-layer{margin-left:0}
}


/* Premium V8: direct actions, locking and mobile multitouch */
#vpPreviewPaper .vp-direct-overlay.is-locked{cursor:default}
#vpPreviewPaper .vp-direct-overlay.is-locked:hover .vp-overlay-image{filter:drop-shadow(0 0 .28rem rgba(91,88,115,.35))}
#vpPreviewPaper .vp-direct-overlay.vp-overlay-gesture{cursor:grabbing}
#vpPreviewPaper .vp-direct-overlay.is-locked>.vp-overlay-selection-ui{border-color:#6b7280}
.vp-overlay-selection-toolbar{
  position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);
  display:flex;align-items:center;gap:4px;padding:4px;border-radius:11px;background:#fff;
  border:1px solid rgba(45,52,54,.12);box-shadow:0 6px 20px rgba(31,35,48,.18);
  pointer-events:auto;touch-action:manipulation;z-index:75;white-space:nowrap
}
.vp-overlay-command{
  width:30px;height:30px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:8px;
  background:#f3f4f6;color:#424654;font-size:.86rem;cursor:pointer;touch-action:manipulation
}
.vp-overlay-command:hover,.vp-overlay-command:focus-visible{background:#ebe9ff;color:#5f4bd8;outline:none}
.vp-overlay-command.is-active{background:#fff3bf;color:#8a5b00}
.vp-overlay-command.is-danger{color:#c92a2a}
.vp-overlay-command.is-danger:hover,.vp-overlay-command.is-danger:focus-visible{background:#fff0f0;color:#b42318}
.vp-overlay-locked-badge{
  position:absolute;left:50%;top:-12px;transform:translate(-50%,-100%);
  display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .5rem;border-radius:999px;
  background:#4b5563;color:#fff;font-size:.64rem;font-weight:850;line-height:1;white-space:nowrap;
  pointer-events:none;box-shadow:0 3px 10px rgba(31,35,48,.18)
}
#vpPreviewPaper .vp-direct-overlay.is-locked .vp-overlay-transform-badge{display:none}
@media (pointer:coarse){
  .vp-overlay-selection-toolbar{top:calc(100% + 16px);gap:6px;padding:5px}
  .vp-overlay-command{width:38px;height:38px;font-size:1rem}
  .vp-overlay-locked-badge{font-size:.72rem;padding:.34rem .56rem}
}
@media print{
  .vp-overlay-selection-ui{display:none!important}
}


/* V10 — A4 automatic visual schedule */
.vp-simple-start{color:var(--vp-muted);font-size:.9rem;max-width:680px}
.vp-options-disclosure{border:1px solid var(--vp-border);border-radius:16px;background:#fff;overflow:hidden}
.vp-options-disclosure>summary{list-style:none;cursor:pointer;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.vp-options-disclosure>summary::-webkit-details-marker{display:none}
.vp-options-disclosure>summary>span{display:flex;flex-direction:column;gap:.1rem}
.vp-options-disclosure>summary small{font-size:.72rem;color:var(--vp-muted);font-weight:500}
.vp-options-disclosure[open]>summary{border-bottom:1px solid var(--vp-border)}
.vp-options-disclosure[open]>summary>.vp-ui-svg-chevron-down{transform:rotate(180deg)}
.vp-options-disclosure>summary>.vp-ui-svg-chevron-down{transition:transform .2s ease}
.vp-options-body{padding:.9rem}
.vp-v10-option-block{margin-bottom:1rem}
.vp-layout-design-grid{display:grid;grid-template-columns:1fr;gap:.5rem}
.vp-layout-design{position:relative;border:1px solid var(--vp-border);border-radius:14px;background:#fff;padding:.7rem;text-align:left;display:grid;grid-template-columns:10rem 1fr;column-gap:.6rem;align-items:center;color:#424454}
.vp-layout-design>i{grid-row:1/3;font-size:1.3rem;color:var(--primary-color)}
.vp-layout-design>strong{font-size:.82rem}
.vp-layout-design>small{font-size:.68rem;color:var(--vp-muted)}
.vp-layout-design.active{border-color:rgba(18,75,122,.55);box-shadow:0 0 0 2px rgba(18,75,122,.08);background:#f8fcff}
body:not(.vp-unlocked) .vp-layout-design[data-premium-control]::after,
body:not(.vp-unlocked) .vp-orientation-btn[data-premium-control]::after{content:"🔒";position:absolute;right:.5rem;top:.4rem;font-size:.7rem}
.vp-orientation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.vp-orientation-btn{position:relative;border:1px solid var(--vp-border);background:#fff;border-radius:12px;padding:.6rem;font-size:.78rem;font-weight:800;display:flex;justify-content:center;align-items:center;gap:.4rem}
.vp-orientation-btn.active{border-color:rgba(18,75,122,.55);background:#f8fcff;color:#124b7a}
.vp-limit-note{display:flex;flex-direction:column;gap:.25rem;padding:.7rem;border-radius:12px;background:#f8f9fb;font-size:.74rem}
.vp-official-illustrations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem}
.vp-official-illustration{border:2px solid transparent;background:#f5f7fb;border-radius:12px;padding:.25rem;cursor:pointer;overflow:hidden}
.vp-official-illustration img{width:100%;aspect-ratio:4/3;display:block;object-fit:cover;border-radius:8px}
.vp-official-illustration.active{border-color:#124b7a;box-shadow:0 0 0 2px rgba(18,75,122,.12)}
.vp-official-illustration span{display:block;font-size:.62rem;text-align:center;margin-top:.2rem;color:#5d6270}

#vpPreviewPaper.vp-a4-sheet{
  width:min(100%,1100px);
  min-height:0;
  border-radius:4px;
  padding:1.15%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:1.15cqw;
  overflow:hidden;
  position:relative;
  container-type:inline-size;
  isolation:isolate;
}
#vpPreviewPaper.vp-a4-landscape{aspect-ratio:297/210}
#vpPreviewPaper.vp-a4-portrait{aspect-ratio:210/297;max-width:760px}
.vp-a4-header{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1cqw;align-items:stretch;flex:0 0 auto}
.vp-a4-title-box,.vp-a4-date-box{border:1px solid var(--vp-plan-primary);border-radius:1.1cqw;min-height:5.6cqw}
.vp-a4-title-box{background:var(--vp-a4-title-bg,#fff)}
.vp-a4-title-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.6cqw;padding:.55cqw 1.2cqw;min-width:0}
.vp-a4-title-box h3{margin:0;color:var(--vp-a4-title-color,#124b7a);font-weight:900;line-height:1.05;letter-spacing:.02em;font-size:var(--vp-a4-title-size,3.1cqw);text-align:var(--vp-a4-title-text-align,center);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vp-a4-title-star{font-size:.7em;margin:0 .6em;color:var(--vp-plan-primary)}
.vp-a4-date-box{min-width:15.5cqw;padding:.45cqw .75cqw;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.55cqw;background:var(--vp-a4-date-bg,#fffaf4)}
.vp-a4-date-box>i{font-size:2.3cqw;color:var(--vp-a4-date-accent,#cf3e32)}
.vp-a4-date-copy{display: flex;
    flex-direction: column;
    line-height: 1.02;
    white-space: nowrap;
    align-items: center;}
.vp-a4-date-weekday{font-size:1.45cqw;font-weight:900;color:var(--vp-a4-date-text,#124b7a)}
.vp-a4-date-value{font-size:1.55cqw;font-weight:900;color:var(--vp-a4-date-accent,#cf3e32)}
.vp-a4-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--vp-a4-cols,3),minmax(0,1fr));grid-template-rows:repeat(var(--vp-a4-rows,2),minmax(0,1fr));gap:var(--vp-a4-gap,.7cqw);flex:1 1 auto;min-height:0}
.vp-a4-card{position:relative;min-width:0;min-height:0;border:var(--vp-card-border-width,.09cqw) var(--vp-card-border-style,solid) var(--vp-card-border,var(--vp-card-accent,#124b7a));border-radius:var(--vp-card-radius,var(--vp-a4-card-radius,1.05cqw));background:var(--vp-card-bg,var(--vp-plan-card,#fff));overflow:hidden;display:flex;flex-direction:column;cursor:grab;user-select:none;touch-action:none;box-shadow:var(--vp-card-shadow,var(--vp-a4-card-shadow,none));transition:transform .12s ease,box-shadow .12s ease}
.vp-a4-card:active{cursor:grabbing}
.vp-a4-card.vp-a4-dragging{opacity:.72;transform:scale(.985);box-shadow:0 1.2cqw 2.4cqw rgba(0,0,0,.18);z-index:20}
.vp-a4-card.vp-a4-drop-target{outline:.32cqw solid var(--vp-card-accent);outline-offset:-.32cqw}
.vp-a4-image-wrap{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#f3f6f8}
.vp-a4-image-wrap img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(var(--vp-a4-image-scale,1));transform-origin:center}
.vp-a4-image-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#eff7fc,#fff7eb);color:var(--vp-card-accent);font-size:4.2cqw}
.vp-a4-step-badge{position:absolute;left:.45cqw;top:.45cqw;z-index:3;width:var(--vp-a4-badge-size,3.5cqw);height:var(--vp-a4-badge-size,3.5cqw);border-radius:50%;display:grid;place-items:center;background:var(--vp-step-color,#124b7a);color:#fff;border:.28cqw solid #fff;font-size:var(--vp-a4-badge-font,1.65cqw);font-weight:500;line-height:1;box-shadow:0 .18cqw .45cqw rgba(0,0,0,.16)}
.vp-a4-card-label{flex:0 0 var(--vp-a4-label-height,23%);min-height:0;display:flex;align-items:center;justify-content:var(--vp-card-label-justify,var(--vp-a4-label-justify,center));gap:.55cqw;padding:.28cqw .55cqw;background:var(--vp-card-bg,var(--vp-plan-card,#fff));color:var(--vp-card-text,var(--vp-plan-text,#174f7a));font-size:calc(var(--vp-a4-label-font,1.45cqw) * var(--vp-card-text-scale,1));font-weight:500;line-height:1.05;text-align:var(--vp-card-label-align,var(--vp-a4-label-align,center));text-transform:uppercase;overflow:hidden}
.vp-a4-design-illustrated .vp-a4-card-label{--vp-a4-label-height:19%;background:rgba(255,255,255,.96)}
.vp-a4-design-illustrated .vp-a4-card{border-width:2px}
.vp-a4-design-compact .vp-a4-card-label{--vp-a4-label-height:30%;font-weight:850}
.vp-a4-design-compact .vp-a4-step-badge{border-width:.18cqw}
#vpPreviewPaper[data-card-format="compact"] .vp-a4-card-label{--vp-a4-label-height:31%}
#vpPreviewPaper[data-card-format="square"] .vp-a4-card-label{--vp-a4-label-height:26%}
#vpPreviewPaper[data-card-format="landscape"] .vp-a4-card-label{--vp-a4-label-height:22%}
#vpPreviewPaper[data-card-format="portrait"] .vp-a4-card-label{--vp-a4-label-height:17%}
.vp-a4-density-xl{--vp-a4-title-size:3.7cqw;--vp-a4-label-font:2.15cqw;--vp-a4-badge-size:4.8cqw;--vp-a4-badge-font:2.15cqw;--vp-a4-icon-size:3.45cqw}
.vp-a4-density-lg{--vp-a4-title-size:3.2cqw;--vp-a4-label-font:1.62cqw;--vp-a4-badge-size:3.8cqw;--vp-a4-badge-font:1.7cqw;--vp-a4-icon-size:3.05cqw}
.vp-a4-density-md{--vp-a4-title-size:2.8cqw;--vp-a4-label-font:1.24cqw;--vp-a4-badge-size:3.0cqw;--vp-a4-badge-font:1.35cqw;--vp-a4-icon-size:2.45cqw}
.vp-a4-density-sm{--vp-a4-title-size:2.5cqw;--vp-a4-label-font:1.02cqw;--vp-a4-badge-size:2.5cqw;--vp-a4-badge-font:1.12cqw;--vp-a4-icon-size:2.0cqw}
.vp-a4-density-xs{--vp-a4-title-size:2.35cqw;--vp-a4-label-font:.88cqw;--vp-a4-badge-size:2.15cqw;--vp-a4-badge-font:.94cqw;--vp-a4-icon-size:1.62cqw}
.vp-a4-portrait .vp-a4-header{grid-template-columns:1fr}
.vp-a4-portrait .vp-a4-date-box{justify-self:stretch;grid-template-columns:auto 1fr;min-height:6.2cqw}
.vp-a4-portrait .vp-a4-date-box>i{font-size:3.6cqw}
.vp-a4-portrait .vp-a4-date-weekday,.vp-a4-portrait .vp-a4-date-value{font-size:2.2cqw}
.vp-a4-portrait .vp-a4-title-box h3{font-size:calc(var(--vp-a4-title-size,3.2cqw) * 1.25)}
.vp-a4-portrait .vp-a4-card-label{font-size:calc(var(--vp-a4-label-font,1.45cqw) * 1.35)}
.vp-a4-portrait .vp-a4-step-badge{width:calc(var(--vp-a4-badge-size,3.5cqw) * 1.25);height:calc(var(--vp-a4-badge-size,3.5cqw) * 1.25);font-size:calc(var(--vp-a4-badge-font,1.65cqw) * 1.25)}
.vp-a4-card .vp-card-frame-overlay,.vp-a4-card .vp-sticker-layer{pointer-events:none}
.vp-preview-frame{background:#e9edf2;padding:clamp(.5rem,2vw,1.1rem)}
body:not(.vp-unlocked) .vp-premium-customizer{position:relative}
body:not(.vp-unlocked) .vp-premium-customizer [data-premium-control]{opacity:.82}

@media (max-width:767.98px){
  .vp-official-illustrations{grid-template-columns:repeat(3,minmax(0,1fr))}
  #vpPreviewPaper.vp-a4-sheet{width:100%;gap:1.2cqw}
  }

.vp-a4-label-icon{flex:0 0 auto;width:var(--vp-a4-icon-size,3.05cqw);height:var(--vp-a4-icon-size,3.05cqw);border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--vp-card-accent,var(--vp-step-color,#124b7a));line-height:1;text-align:center}
.vp-a4-label-icon i{display:block;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;font-size:calc(var(--vp-a4-icon-size,3.05cqw) * .64);line-height:1;transform:none!important}
.vp-a4-label-copy{min-width:0;display:flex;flex-direction:column;align-items:var(--vp-card-label-justify,var(--vp-a4-label-justify,center));justify-content:center;gap:.12cqw;line-height:1.04;text-align:var(--vp-card-label-align,var(--vp-a4-label-align,center));font-family:inherit}
.vp-a4-label-copy strong{font-family:inherit}
.vp-a4-label-time{display:inline-flex;align-items:center;justify-content:var(--vp-card-label-justify,var(--vp-a4-label-justify,center));gap:.22cqw;font-size:.62em;font-weight:800;line-height:1;color:currentColor;opacity:.76;text-transform:none;white-space:nowrap;font-family:inherit}
.vp-a4-label-time i{display:inline-block!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;font-size:.95em!important;line-height:1!important;color:currentColor!important}
.vp-a4-progress-mark{position:absolute;right:.48cqw;top:.48cqw;z-index:3;width:calc(var(--vp-a4-badge-size,3.5cqw) * .62);height:calc(var(--vp-a4-badge-size,3.5cqw) * .62);border-radius:50%;display:grid;place-items:center;background:#fff;border:.13cqw solid var(--vp-step-color,#124b7a);color:transparent;box-shadow:0 .12cqw .32cqw rgba(0,0,0,.09)}
.vp-a4-progress-mark.is-done{background:var(--vp-step-color,#124b7a);color:#fff}
.vp-a4-progress-mark i{font-size:calc(var(--vp-a4-badge-font,1.65cqw) * .55);line-height:1}
.vp-a4-design-compact .vp-a4-label-icon{width:calc(var(--vp-a4-icon-size,3.05cqw) * .9);height:calc(var(--vp-a4-icon-size,3.05cqw) * .9)}
.vp-a4-design-compact .vp-a4-label-icon i{display:block!important;font-size:calc(var(--vp-a4-icon-size,3.05cqw) * .58)!important}
.vp-a4-portrait .vp-a4-label-icon{width:calc(var(--vp-a4-icon-size,3.05cqw) * 1.12);height:calc(var(--vp-a4-icon-size,3.05cqw) * 1.12)}
.vp-a4-portrait .vp-a4-label-icon i{font-size:calc(var(--vp-a4-icon-size,3.05cqw) * .68)!important}
.vp-a4-title-box h3,.vp-a4-date-box,.vp-a4-card-label{font-family:inherit}
.vp-a4-card-label strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-width:0}
.vp-a4-empty{grid-column:1/-1;grid-row:1/-1;display:grid;place-items:center;align-content:center;gap:.5rem;color:#7b8490;font-weight:800}
.vp-a4-empty i{font-size:4cqw}
.vp-a4-header-no-date{grid-template-columns:1fr}
@media(max-width:767.98px){
  .vp-a4-card-label strong{-webkit-line-clamp:2}
}

#vpPreviewPaper .vp-a4-card:has(.vp-direct-overlay.is-selected){overflow:visible;z-index:30}

.vp-page .vp-ui-svg-lock-fill,.vp-modal .vp-ui-svg-lock-fill{color:#dc3545!important}

/* V12: full-width stacked builder. */
.vp-builder-stack{display:flex;flex-direction:column;gap:1rem;width:100%}
.vp-builder-stack>.vp-panel{display:block;width:100%;position:static;max-height:none;overflow:visible}
.vp-builder-disclosure{padding:0;overflow:hidden}
.vp-builder-disclosure-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;font-size:1rem;color:var(--vp-text);background:#fff;user-select:none}
.vp-builder-disclosure-summary::-webkit-details-marker{display:none}
.vp-builder-disclosure-summary>span{display:flex;align-items:center}
.vp-builder-disclosure-summary>i{transition:transform .18s ease;color:var(--primary-color)}
.vp-builder-disclosure[open]>.vp-builder-disclosure-summary>i{transform:rotate(180deg)}
.vp-builder-disclosure[open]>.vp-builder-disclosure-summary{border-bottom:1px solid var(--vp-border)}
.vp-builder-disclosure-body{padding:1rem}
.vp-planning-panel{width:100%}
.vp-library-panel,.vp-settings-panel{width:100%;position:static;max-height:none;overflow:visible}
.vp-library-panel .vp-library-list{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
.vp-settings-panel .vp-options-body{width:100%}

.vp-premium-guest{text-align:center;padding:.25rem .25rem .1rem}
.vp-premium-guest-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto .8rem;background:rgba(220,53,69,.09);font-size:1.8rem}
.vp-premium-guest h6{font-size:1.15rem;font-weight:900;margin-bottom:.55rem}

.vp-builtin-frame-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem}
.vp-builtin-frame-option{border:1px solid var(--vp-border);border-radius:14px;background:#fff;padding:.55rem;display:flex;flex-direction:column;gap:.45rem;align-items:center;justify-content:center;min-height:116px;color:var(--vp-text);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.vp-builtin-frame-option:hover,.vp-builtin-frame-option:focus-visible{border-color:rgba(108,92,231,.4);box-shadow:0 8px 20px rgba(55,45,110,.08);outline:none}
.vp-builtin-frame-option.active{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(108,92,231,.12)}
.vp-builtin-frame-option strong{font-size:.75rem;text-align:center;line-height:1.15}
.vp-builtin-frame-thumb{display:block;width:100%;aspect-ratio:10/7;background:#fafafa;border-radius:9px;overflow:hidden}
.vp-builtin-frame-thumb img{width:100%;height:100%;object-fit:fill;display:block}
.vp-builtin-frame-none{width:100%;aspect-ratio:10/7;border:1px dashed #c9cbd2;border-radius:9px;display:grid;place-items:center;color:#9ca3af;font-size:1.35rem}

@media(max-width:991.98px){
  .vp-builder-stack>.vp-panel{display:block!important}
  .vp-library-panel,.vp-settings-panel{position:static!important;max-height:none!important}
}


/* V13 — popup Premium visuel et trois designs A4 renforcés. */
#vpUnlockModal .modal-dialog{max-width:760px}
#vpUnlockModal .modal-content{overflow:hidden}
#vpUnlockModal .modal-body{padding:1.1rem 1.15rem 1.2rem}
.vp-premium-compare{margin-top:1rem}
.vp-premium-compare-title{margin:0 0 .7rem;font-size:1rem;font-weight:900;color:var(--vp-text,#25233a);text-align:center}
.vp-premium-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.vp-premium-plan{border:1px solid var(--vp-border,#e6e3ef);border-radius:16px;padding:.85rem;background:#fff}
.vp-premium-plan-full{border-color:rgba(108,92,231,.35);background:linear-gradient(180deg,rgba(108,92,231,.055),#fff 72%)}
.vp-premium-plan-head{display:flex;align-items:center;gap:.55rem;margin-bottom:.65rem}
.vp-premium-plan-head strong{font-size:.98rem;font-weight:900}
.vp-premium-plan-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3f4f6;color:#5b6471}
.vp-premium-plan-full .vp-premium-plan-icon{background:rgba(108,92,231,.11);color:var(--primary-color,#6c5ce7)}
.vp-premium-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:.42rem}
.vp-premium-plan li{display:flex;align-items:flex-start;gap:.45rem;font-size:.85rem;line-height:1.3;color:#515664}
.vp-premium-plan li i{color:#198754;margin-top:.08rem}
.vp-premium-plan-full li i{color:var(--primary-color,#6c5ce7)}
.vp-premium-credit-note{margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;padding:.65rem .8rem;background:#fff8e8;border:1px solid #f3d99c;color:#7a5510;font-size:.86rem;font-weight:800;text-align:center}
.vp-premium-credit-note i{font-size:1rem}
.vp-premium-guest{padding-top:.05rem}
.vp-premium-guest-icon{box-shadow:0 0 0 7px rgba(220,53,69,.045)}
#vpPremiumLogin{font-weight:800}
@media(max-width:575.98px){
  .vp-premium-compare-grid{grid-template-columns:1fr}
  #vpUnlockModal .modal-body{padding:.9rem}
}

/* Aperçus visuels des trois modèles dans Options. */
.vp-layout-design{align-items:stretch!important;text-align:left!important;gap:.55rem!important}
.vp-layout-design>strong,.vp-layout-design>small{display:block;width:100%}
.vp-design-thumb{display:flex;flex-direction:column;gap:4px;width:100%;aspect-ratio:297/170;border:1px solid #dde3ea;border-radius:10px;padding:5px;background:#fff;overflow:hidden}
.vp-design-thumb-head{display:grid;grid-template-columns:1fr 28%;gap:4px;height:20%}
.vp-design-thumb-head b,.vp-design-thumb-head em{display:block;border:1px solid #2c608d;border-radius:4px;background:#fff}
.vp-design-thumb-head em{background:#fff8f1;border-color:#da8d78}
.vp-design-thumb-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:3px;flex:1;min-height:0}
.vp-design-thumb-cards i{display:block;border:1px solid #8db0cf;border-radius:4px;background:linear-gradient(to bottom,#dfeaf2 0 73%,#fff 73% 100%)}
.vp-design-thumb-cards i:nth-child(2n){border-color:#82aa68;background:linear-gradient(to bottom,#e3efd9 0 73%,#fff 73% 100%)}
.vp-design-thumb-cards i:nth-child(3n){border-color:#d89057;background:linear-gradient(to bottom,#f4e5d6 0 73%,#fff 73% 100%)}
.vp-design-thumb-illustrated{padding:4px;background:#fbfcff}
.vp-design-thumb-illustrated .vp-design-thumb-head b{background:#eef6fc}
.vp-design-thumb-illustrated .vp-design-thumb-cards{gap:2px}
.vp-design-thumb-illustrated .vp-design-thumb-cards i{border-width:2px;background:linear-gradient(to bottom,#d8e9f5 0 82%,#fff 82% 100%)}
.vp-design-thumb-cards-many{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:2px}
.vp-design-thumb-compact .vp-design-thumb-head{height:15%}
.vp-design-thumb-compact .vp-design-thumb-cards i{border-radius:2px;background:linear-gradient(to bottom,#e7edf2 0 68%,#fff 68% 100%)}
.vp-layout-design.active .vp-design-thumb{border-color:var(--primary-color,#6c5ce7);box-shadow:0 0 0 2px rgba(108,92,231,.08)}

/* Design 1 — Routine illustrée : rendu au plus proche de la référence. */
.vp-a4-design-routine{
  --vp-a4-card-shadow:none;
}
.vp-a4-design-routine .vp-a4-header{gap:.95cqw}
.vp-a4-design-routine .vp-a4-title-box,
.vp-a4-design-routine .vp-a4-date-box{
  border:.13cqw solid var(--vp-plan-primary);
  border-radius:.92cqw;
  box-shadow:0 .08cqw .16cqw rgba(27,73,111,.06);
}
.vp-a4-design-routine .vp-a4-title-box{padding:.48cqw 1.05cqw}
.vp-a4-design-routine .vp-a4-title-box h3{font-weight:900;letter-spacing:.015em}
.vp-a4-design-routine .vp-a4-title-star{font-size:1.5em;color:var(--vp-plan-primary)}
.vp-a4-design-routine .vp-a4-date-box{padding:.38cqw .68cqw;background:var(--vp-a4-date-bg,#fffaf4)}
.vp-a4-date-icon{width:3.25cqw;height:3.25cqw;display:grid;place-items:center;position:relative;color:var(--vp-a4-date-accent,#cf3e32);}
.vp-a4-date-icon i{font-size:2.15cqw;line-height:1}
.vp-a4-design-routine .vp-a4-date-weekday{font-weight:900}
.vp-a4-design-routine .vp-a4-date-value{font-weight:950}
.vp-a4-design-routine .vp-a4-card{
  border-width:var(--vp-card-border-width,.09cqw);
  box-shadow:none;
}
.vp-a4-design-routine .vp-a4-image-wrap{border-bottom:.08cqw solid var(--vp-card-accent)}
.vp-a4-design-routine .vp-a4-card-label{--vp-a4-label-height:24%;padding:.25cqw .48cqw;gap:1cqw;background:var(--vp-card-bg,var(--vp-plan-card,#fff))}
.vp-a4-design-routine .vp-a4-step-badge{box-shadow:0 .12cqw .3cqw rgba(0,0,0,.13)}
.vp-a4-design-routine .vp-a4-label-icon{background:#fff}

/* Design 2 — Grandes illustrations : image dominante, cartes plus éditoriales. */
.vp-a4-design-illustrated{
  --vp-a4-card-shadow:0 .28cqw .65cqw rgba(29,63,91,.11);
}
.vp-a4-design-illustrated .vp-a4-header{gap:1.05cqw}
.vp-a4-design-illustrated .vp-a4-title-box{
  background:var(--vp-a4-title-bg,#fff);
  border:.16cqw solid var(--vp-plan-primary);
  border-radius:1.15cqw;
}
.vp-a4-design-illustrated .vp-a4-date-box{
  border:.14cqw solid var(--vp-a4-date-accent);
  border-radius:1.15cqw;
}
.vp-a4-design-illustrated .vp-a4-card{
  border-width:var(--vp-card-border-width,.09cqw);
  border-radius:calc(var(--vp-card-radius,var(--vp-a4-card-radius,1.05cqw)) * 1.08);
}
.vp-a4-design-illustrated .vp-a4-card-label{
  --vp-a4-label-height:18.5%;
  background:var(--vp-card-bg,var(--vp-plan-card,#fff));
  padding:.2cqw .48cqw;
}
.vp-a4-design-illustrated .vp-a4-label-icon{transform:scale(.92)}
.vp-a4-design-illustrated .vp-a4-step-badge{left:.5cqw;top:.5cqw;border-width:.24cqw}
.vp-a4-design-illustrated .vp-a4-image-wrap{background:#eef3f7}

/* Design 3 — Compact : optimisé 15–25 étapes sans perdre les repères visuels. */
.vp-a4-design-compact{
  gap:.72cqw;
  --vp-a4-card-shadow:none;
}
.vp-a4-design-compact .vp-a4-header{gap:.62cqw}
.vp-a4-design-compact .vp-a4-title-box,
.vp-a4-design-compact .vp-a4-date-box{
  min-height:4.55cqw;
  border-radius:.65cqw;
  border-width:.09cqw;
}
.vp-a4-design-compact .vp-a4-title-box{padding:.32cqw .78cqw}
.vp-a4-design-compact .vp-a4-title-star{font-size:.58em;margin:0 .4em}
.vp-a4-design-compact .vp-a4-date-box{padding:.25cqw .5cqw;min-width:13.5cqw}
.vp-a4-design-compact .vp-a4-date-icon{width:2.55cqw;height:2.55cqw;border-radius:.34cqw}
.vp-a4-design-compact .vp-a4-date-icon i{font-size:1.62cqw}
.vp-a4-design-compact .vp-a4-date-weekday{font-size:1.08cqw}
.vp-a4-design-compact .vp-a4-date-value{font-size:1.18cqw}
.vp-a4-design-compact .vp-a4-grid{gap:calc(var(--vp-a4-gap,.7cqw) * .72)}
.vp-a4-design-compact .vp-a4-card{
  border-width:var(--vp-card-border-width,.07cqw);
  border-radius:calc(var(--vp-card-radius,var(--vp-a4-card-radius,1.05cqw)) * .72);
}
.vp-a4-design-compact .vp-a4-card-label{
  --vp-a4-label-height:29%;
  gap:.3cqw;
  padding:.18cqw .34cqw;
  line-height:1;
}
.vp-a4-design-compact .vp-a4-step-badge{left:.3cqw;top:.3cqw}
.vp-a4-design-compact .vp-a4-label-icon{transform:scale(.88)}
.vp-a4-design-compact .vp-a4-image-wrap{border-bottom:.06cqw solid rgba(0,0,0,.08)}
.vp-a4-density-xs.vp-a4-design-compact .vp-a4-card-label{--vp-a4-label-height:31%}
.vp-a4-density-xs.vp-a4-design-compact .vp-a4-label-copy strong{-webkit-line-clamp:3}

.vp-a4-portrait .vp-a4-date-icon{width:4.4cqw;height:4.4cqw}
.vp-a4-portrait .vp-a4-date-icon i{font-size:2.8cqw}
.vp-a4-portrait.vp-a4-design-compact .vp-a4-date-icon{width:3.7cqw;height:3.7cqw}
.vp-a4-portrait.vp-a4-design-compact .vp-a4-date-icon i{font-size:2.25cqw}

/* Les formats de carte restent prioritaires sur l'identité visuelle du design. */
#vpPreviewPaper[data-card-format="compact"] .vp-a4-card-label{--vp-a4-label-height:31%}
#vpPreviewPaper[data-card-format="square"] .vp-a4-card-label{--vp-a4-label-height:26%}
#vpPreviewPaper[data-card-format="landscape"] .vp-a4-card-label{--vp-a4-label-height:22%}
#vpPreviewPaper[data-card-format="portrait"] .vp-a4-card-label{--vp-a4-label-height:17%}

.vp-a4-design-routine .vp-a4-date-box{min-width:22.5cqw}
.vp-a4-design-illustrated .vp-a4-date-box{min-width:21.5cqw}
.vp-a4-design-compact .vp-a4-date-box{min-width:18cqw}
.vp-a4-portrait .vp-a4-date-box{min-width:0}


/* V14 — Affichage contient directement ses réglages. */
.vp-settings-panel>.vp-options-body{padding:1rem 1.1rem 0}
.vp-settings-panel>.vp-limit-note{margin-left:1.1rem;margin-right:1.1rem}
.vp-settings-panel>.d-grid{margin:0 1.1rem 1.1rem}
.vp-settings-panel>hr{margin-left:1.1rem;margin-right:1.1rem}

/* WYSIWYG export: editor-only controls never appear in PNG/PDF/print. */
body.vp-exporting #vpPreviewPaper .vp-overlay-selection-ui,
body.vp-exporting #vpPreviewPaper .vp-overlay-selection-toolbar,
body.vp-exporting #vpPreviewPaper .vp-overlay-transform-badge,
body.vp-exporting #vpPreviewPaper .vp-overlay-locked-badge{display:none!important}
body.vp-exporting #vpPreviewPaper .vp-direct-overlay{cursor:default!important}


/* V17 — Photos personnelles : ratio conservé */
.vp-a4-image-wrap img.vp-a4-user-image{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#fff;
}
.vp-a4-image-wrap img.vp-a4-library-image{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.vp-upload-preview img{
  object-fit:contain;
  object-position:center;
  background:#f7f7fb;
}


/* V19 — rendu planning 100 % SVG, échelles et layouts avancés. */
.vp-pictogram svg,
.vp-chip-svg svg,
.vp-template-icons svg,
.vp-svg-icon svg,
.vp-a4-placeholder-icon svg,
.vp-a4-label-icon svg,
.vp-a4-time-svg svg,
.vp-a4-progress-svg svg,
.vp-a4-empty-svg svg,
.vp-a4-title-star svg,
.vp-a4-date-icon svg{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  color:currentColor;
  overflow:visible;
}
.vp-pictogram:not(:has(img)){padding:.48rem;color:var(--primary-color,#124b7a)}
.vp-chip{display:inline-flex;align-items:center;gap:.32rem}
.vp-chip-svg{display:inline-grid;place-items:center;width:1rem;height:1rem;flex:0 0 1rem}
.vp-template-icons>span{display:grid;place-items:center}
.vp-template-icons svg{width:1.15rem;height:1.15rem}

.vp-a4-title-star{display:grid;place-items:center;width:1.55em;height:1.55em;margin:0 .35em}
.vp-a4-title-star svg{width:1.08em;height:1.08em}
.vp-a4-date-icon svg{width:2.45cqw;height:2.45cqw;color:var(--vp-a4-date-accent,#cf3e32)}
.vp-a4-label-icon{padding:.10cqw}
.vp-a4-label-icon svg{width:72%;height:72%}
.vp-a4-time-svg{display:inline-grid;width:.95em;height:.95em;flex:0 0 .95em}
.vp-a4-progress-svg{display:grid;width:58%;height:58%}
.vp-a4-empty-svg{display:block;width:4cqw;height:4cqw}
.vp-a4-placeholder-icon{display:grid;place-items:center;width:31%;height:31%}
.vp-a4-placeholder-icon svg{width:100%;height:100%}

#vpPreviewPaper .vp-a4-card{
  scale:var(--vp-a4-card-scale,1);
}
#vpPreviewPaper .vp-a4-image-wrap{
  flex:0 0 var(--vp-a4-image-basis,77%);
}
#vpPreviewPaper .vp-a4-card-label{
  flex:1 1 auto;
}
.vp-a4-image-frame{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center!important;
  transform:none!important;
  pointer-events:none!important;
}
.vp-a4-image-wrap>.vp-a4-step-badge,
.vp-a4-image-wrap>.vp-a4-progress-mark{z-index:4}

#vpPreviewPaper .vp-a4-image-cover .vp-a4-image-wrap{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  flex:none;
}
#vpPreviewPaper .vp-a4-image-cover .vp-a4-card-label{
  position:absolute;
  z-index:5;
  left:4%;
  right:4%;
  bottom:4%;
  min-height:20%;
  max-height:42%;
  border-radius:.72cqw;
  background:rgba(255,255,255,.91);
  box-shadow:0 .16cqw .48cqw rgba(20,35,55,.16);
  backdrop-filter:blur(2px);
}
#vpPreviewPaper .vp-a4-image-cover .vp-a4-image-wrap img.vp-a4-user-image,
#vpPreviewPaper .vp-a4-image-cover .vp-a4-image-wrap img.vp-a4-library-image{object-fit:cover}

/* Design 4 — magazine : cartes horizontales avec illustration latérale. */
.vp-design-thumb-magazine .vp-design-thumb-cards{
  grid-template-columns:repeat(2,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:4px;
}
.vp-design-thumb-magazine .vp-design-thumb-cards i{
  border-radius:5px;
  background:linear-gradient(to right,#daeaf4 0 58%,#fff 58% 100%);
}
.vp-a4-design-magazine .vp-a4-header{gap:.8cqw}
.vp-a4-design-magazine .vp-a4-title-box{border-radius:.35cqw}
.vp-a4-design-magazine .vp-a4-date-box{border-radius:.35cqw}
.vp-a4-design-magazine .vp-a4-grid{gap:calc(var(--vp-a4-gap,.7cqw) * .9)}
.vp-a4-design-magazine .vp-a4-card{
  flex-direction:row;
  border-radius:calc(var(--vp-card-radius,1.05cqw) * .72);
  box-shadow:0 .18cqw .5cqw rgba(29,63,91,.09);
}
.vp-a4-design-magazine .vp-a4-image-wrap{
  flex:0 0 var(--vp-a4-image-basis,58%)!important;
  height:100%;
  border-right:.08cqw solid color-mix(in srgb,var(--vp-card-accent) 32%,transparent);
}
.vp-a4-design-magazine .vp-a4-card-label{
  flex:1 1 auto!important;
  height:100%;
  padding:.45cqw;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.28cqw;
}
.vp-a4-design-magazine .vp-a4-label-icon{width:calc(var(--vp-a4-icon-size,3.05cqw) * .78);height:calc(var(--vp-a4-icon-size,3.05cqw) * .78)}
.vp-a4-design-magazine .vp-a4-image-cover .vp-a4-image-wrap{position:absolute;width:100%;height:100%}
.vp-a4-design-magazine .vp-a4-image-cover .vp-a4-card-label{height:auto;flex-direction:row}

/* Design 5 — cartes flottantes : image autonome + libellé en pilule. */
.vp-design-thumb-floating .vp-design-thumb-cards{
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:4px;
}
.vp-design-thumb-floating .vp-design-thumb-cards i{
  justify-self:center;
  width:82%;
  border-radius:45% 45% 36% 36%;
  border:1px solid #9fbcd0;
  background:linear-gradient(to bottom,#e2f0f7 0 70%,#fff 70% 100%);
  box-shadow:0 2px 4px rgba(40,70,100,.10);
}
.vp-a4-design-floating .vp-a4-grid{gap:calc(var(--vp-a4-gap,.7cqw) * 1.12)}
.vp-a4-design-floating .vp-a4-card{
  overflow:visible;
  border-color:transparent!important;
  background:transparent;
  box-shadow:none;
  padding:.22cqw;
}
.vp-a4-design-floating .vp-a4-card:nth-child(even){translate:0 .18cqw}
.vp-a4-design-floating .vp-a4-image-wrap{
  width:86%;
  align-self:center;
  flex:0 0 var(--vp-a4-image-basis,70%)!important;
  border-radius:24% 24% 20% 20%;
  border:var(--vp-card-border-width,.09cqw) var(--vp-card-border-style,solid) var(--vp-card-border,var(--vp-card-accent));
  box-shadow:0 .28cqw .75cqw rgba(25,60,85,.13);
}
.vp-a4-design-floating .vp-a4-card-label{
  align-self:center;
  width:92%;
  flex:1 1 auto!important;
  min-height:0;
  margin-top:-.26cqw;
  z-index:5;
  border:.07cqw solid color-mix(in srgb,var(--vp-card-accent) 32%,#fff);
  border-radius:999px;
  background:rgba(255,255,255,.97);
  box-shadow:0 .12cqw .38cqw rgba(25,60,85,.11);
}
.vp-a4-design-floating .vp-a4-image-cover .vp-a4-image-wrap{width:100%;border-radius:var(--vp-card-radius,1cqw)}

/* Poids / style global de tout le texte du visuel. */
#vpPreviewPaper[data-font-tone="bold"] .vp-a4-title-box h3,
#vpPreviewPaper[data-font-tone="bold"] .vp-a4-date-copy>*,
#vpPreviewPaper[data-font-tone="bold"] .vp-a4-card-label,
#vpPreviewPaper[data-font-tone="bold"] .vp-a4-card-label *,
#vpPreviewPaper[data-font-tone="bold"] .vp-a4-step-badge{font-weight:900!important;font-style:normal!important}
#vpPreviewPaper[data-font-tone="semibold"] .vp-a4-title-box h3,
#vpPreviewPaper[data-font-tone="semibold"] .vp-a4-date-copy>*,
#vpPreviewPaper[data-font-tone="semibold"] .vp-a4-card-label,
#vpPreviewPaper[data-font-tone="semibold"] .vp-a4-card-label *,
#vpPreviewPaper[data-font-tone="semibold"] .vp-a4-step-badge{font-weight:600!important;font-style:normal!important}
#vpPreviewPaper[data-font-tone="normal"] .vp-a4-title-box h3,
#vpPreviewPaper[data-font-tone="normal"] .vp-a4-date-copy>*,
#vpPreviewPaper[data-font-tone="normal"] .vp-a4-card-label,
#vpPreviewPaper[data-font-tone="normal"] .vp-a4-card-label *,
#vpPreviewPaper[data-font-tone="normal"] .vp-a4-step-badge{font-weight:400!important;font-style:normal!important}
#vpPreviewPaper[data-font-tone="light"] .vp-a4-title-box h3,
#vpPreviewPaper[data-font-tone="light"] .vp-a4-date-copy>*,
#vpPreviewPaper[data-font-tone="light"] .vp-a4-card-label,
#vpPreviewPaper[data-font-tone="light"] .vp-a4-card-label *,
#vpPreviewPaper[data-font-tone="light"] .vp-a4-step-badge{font-weight:300!important;font-style:normal!important}
#vpPreviewPaper[data-font-tone="italic"] .vp-a4-title-box h3,
#vpPreviewPaper[data-font-tone="italic"] .vp-a4-date-copy>*,
#vpPreviewPaper[data-font-tone="italic"] .vp-a4-card-label,
#vpPreviewPaper[data-font-tone="italic"] .vp-a4-card-label *,
#vpPreviewPaper[data-font-tone="italic"] .vp-a4-step-badge{font-weight:400!important;font-style:italic!important}

/* Éditeur SVG des symboles du titre / calendrier. */
.vp-planning-svg-customizer{border:1px solid var(--vp-border,#e6e3ef);border-radius:12px;padding:.65rem .75rem;background:#fafbfc}
.vp-planning-svg-customizer>summary{cursor:pointer;font-weight:800}
.vp-planning-svg-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:.75rem;align-items:start}
.vp-planning-svg-preview{width:70px;height:70px;border:1px solid var(--vp-border,#e6e3ef);border-radius:12px;background:#fff;display:grid;place-items:center;padding:.7rem;color:var(--primary-color,#124b7a)}
.vp-planning-svg-preview svg{width:100%;height:100%;display:block}
.vp-planning-svg-fields{min-width:0}
.vp-planning-svg-fields textarea{font-size:.72rem;line-height:1.25}
@media(max-width:575.98px){
  .vp-planning-svg-row{grid-template-columns:54px minmax(0,1fr)}
  .vp-planning-svg-preview{width:54px;height:54px;padding:.5rem}
}

.vp-item-style-preview-image{position:relative;width:min(100%,calc(92px * var(--vp-plan-image-scale,1)));height:calc(76px * var(--vp-plan-image-scale,1));max-height:190px;overflow:hidden;border-radius:inherit}
.vp-item-style-preview-image .vp-pictogram{width:100%!important;height:100%!important}
.vp-item-style-preview-image .vp-pictogram img{width:100%;height:100%;object-fit:cover}
.vp-item-style-preview-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;z-index:3!important;pointer-events:none}
.vp-item-style-preview-card>strong{font-size:calc(1em * var(--vp-item-text-scale,1))}


/* Icônes UI du module : SVG inline, sans Bootstrap Icons. */
.vp-ui-svg{
  width:1em;
  height:1em;
  display:inline-block;
  flex:0 0 auto;
  vertical-align:-.125em;
  overflow:visible;
}
.vp-mini-card .vp-ui-svg{width:44px;height:44px;border-radius:14px;background:var(--vp-soft);display:grid;place-items:center;color:var(--primary-color);padding:11px}
.vp-premium-countdown .vp-ui-svg{font-size:.72rem}
.vp-search-wrap .vp-ui-svg{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:2}
.vp-full-card li .vp-ui-svg{color:#22a06b}
.vp-credit-summary>.vp-ui-svg{transition:transform .18s ease}
.vp-credit-details[open]>.vp-credit-summary>.vp-ui-svg{transform:rotate(90deg)}
.vp-options-disclosure>summary>.vp-ui-svg-chevron-down{transition:transform .2s ease}
.vp-options-disclosure[open]>summary>.vp-ui-svg-chevron-down{transform:rotate(180deg)}
.vp-layout-design>.vp-ui-svg{grid-row:1/3;font-size:1.3rem;color:var(--primary-color)}
.vp-page .vp-ui-svg-lock-fill,.vp-modal .vp-ui-svg-lock-fill{color:#dc3545!important}
.vp-builder-disclosure-summary>.vp-ui-svg{transition:transform .18s ease;color:var(--primary-color)}
.vp-builder-disclosure[open]>.vp-builder-disclosure-summary>.vp-ui-svg{transform:rotate(180deg)}
.vp-premium-plan li .vp-ui-svg{color:#198754;margin-top:.08rem}
.vp-premium-plan-full li .vp-ui-svg{color:var(--primary-color,#6c5ce7)}
.vp-premium-credit-note .vp-ui-svg{font-size:1rem}


/* V19.1 — cinq compositions A4 réellement distinctes. */

/* 1. Routine : parcours séquentiel, lecture de gauche à droite. */
.vp-design-thumb-routine .vp-design-thumb-cards{
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:3px;
}
.vp-design-thumb-routine .vp-design-thumb-cards i{
  position:relative;
  border-radius:4px;
  background:linear-gradient(to bottom,#dcecf6 0 72%,#fff 72% 100%);
}
.vp-design-thumb-routine .vp-design-thumb-cards i::after{
  content:"";
  position:absolute;
  right:-4px;
  top:45%;
  width:4px;
  height:1px;
  background:#9ab6c8;
}
.vp-design-thumb-routine .vp-design-thumb-cards i:nth-child(4n)::after{display:none}

.vp-a4-design-routine .vp-a4-grid{
  align-items:stretch;
}
.vp-a4-design-routine .vp-a4-card{
  overflow:hidden;
  background:var(--vp-card-bg,var(--vp-plan-card,#fff));
  box-shadow:0 .10cqw .28cqw rgba(23,62,91,.06);
}
.vp-a4-design-routine .vp-a4-card::before{
  content:none;
  display:none;
}
.vp-a4-design-routine .vp-a4-image-wrap{
  border-radius:calc(var(--vp-card-radius,var(--vp-a4-card-radius,1.05cqw)) * .82)
                calc(var(--vp-card-radius,var(--vp-a4-card-radius,1.05cqw)) * .82) 0 0;
}
.vp-a4-design-routine .vp-a4-card-label{
  border-top:.08cqw solid color-mix(in srgb,var(--vp-card-accent) 28%,transparent);
}

/* 2. Illustré : cartes album, grande image et légende flottante. */
.vp-design-thumb-illustrated .vp-design-thumb-head{
  height:24%;
  grid-template-columns:1fr;
}
.vp-design-thumb-illustrated .vp-design-thumb-head em{
  width:44%;
  justify-self:center;
  margin-top:-2px;
  border-radius:999px;
}
.vp-design-thumb-illustrated .vp-design-thumb-cards{
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:4px;
}
.vp-design-thumb-illustrated .vp-design-thumb-cards i{
  border:0;
  border-radius:7px;
  background:linear-gradient(to bottom,#d8e9f5 0 82%,transparent 82% 100%);
  box-shadow:0 2px 4px rgba(35,65,90,.12);
}

.vp-a4-design-illustrated .vp-a4-header{
  grid-template-columns:1fr;
  gap:.34cqw;
  justify-items:stretch;
  padding-bottom:.12cqw;
}
.vp-a4-design-illustrated .vp-a4-title-box{
  min-height:5.35cqw;
  border-radius:999px;
  padding:.42cqw 1.35cqw;
  box-shadow:0 .16cqw .42cqw rgba(29,63,91,.08);
}
.vp-a4-design-illustrated .vp-a4-date-box{
  justify-self:center;
  min-width:34%;
  min-height:3.15cqw;
  padding:.22cqw .82cqw;
  border-radius:999px;
  margin-top:-.52cqw;
  z-index:3;
  box-shadow:0 .12cqw .34cqw rgba(29,63,91,.08);
}
.vp-a4-design-illustrated .vp-a4-date-icon{
  width:2.25cqw;
  height:2.25cqw;
}
.vp-a4-design-illustrated .vp-a4-date-weekday{font-size:1.08cqw}
.vp-a4-design-illustrated .vp-a4-date-value{font-size:1.18cqw}

.vp-a4-design-illustrated .vp-a4-card{
  overflow:visible;
  padding:.16cqw;
  border-color:transparent!important;
  background:transparent;
  box-shadow:none;
}
.vp-a4-design-illustrated .vp-a4-image-wrap{
  width:100%;
  flex:0 0 var(--vp-a4-image-basis,82%)!important;
  border-radius:calc(var(--vp-card-radius,var(--vp-a4-card-radius,1.05cqw)) * 1.15);
  border:var(--vp-card-border-width,.09cqw) var(--vp-card-border-style,solid) var(--vp-card-border,var(--vp-card-accent));
  box-shadow:0 .30cqw .72cqw rgba(24,58,85,.13);
}
.vp-a4-design-illustrated .vp-a4-card-label{
  width:88%;
  align-self:center;
  flex:0 0 auto!important;
  min-height:18%;
  margin-top:-.72cqw;
  padding:.27cqw .52cqw;
  z-index:6;
  border:.07cqw solid color-mix(in srgb,var(--vp-card-accent) 28%,#fff);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 .14cqw .40cqw rgba(24,58,85,.11);
}
.vp-a4-design-illustrated .vp-a4-image-cover .vp-a4-image-wrap{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:var(--vp-card-radius,var(--vp-a4-card-radius,1.05cqw));
}
.vp-a4-design-illustrated .vp-a4-image-cover .vp-a4-card-label{
  width:88%;
  left:6%;
  right:6%;
  bottom:5%;
  margin:0;
}

/* 3. Compact : tableau dense avec vignettes latérales. */
.vp-design-thumb-compact .vp-design-thumb-head{height:13%}
.vp-design-thumb-compact .vp-design-thumb-cards{
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(4,1fr);
  gap:2px;
}
.vp-design-thumb-compact .vp-design-thumb-cards i{
  border-radius:2px;
  background:linear-gradient(to right,#dfeaf1 0 34%,#fff 34% 100%);
}

.vp-a4-design-compact{
  gap:.50cqw;
}
.vp-a4-design-compact .vp-a4-header{
  grid-template-columns:minmax(0,1fr) auto;
  gap:.34cqw;
}
.vp-a4-design-compact .vp-a4-title-box,
.vp-a4-design-compact .vp-a4-date-box{
  min-height:3.85cqw;
  border-radius:.36cqw;
}
.vp-a4-design-compact .vp-a4-title-box{
  padding:.18cqw .66cqw;
}
.vp-a4-design-compact .vp-a4-date-box{
  min-width:16cqw;
  padding:.16cqw .38cqw;
}
.vp-a4-design-compact .vp-a4-grid{
  gap:calc(var(--vp-a4-gap,.7cqw) * .66);
}
.vp-a4-design-compact .vp-a4-card{
  flex-direction:row;
  border-radius:calc(var(--vp-card-radius,var(--vp-a4-card-radius,1.05cqw)) * .50);
  box-shadow:none;
}
.vp-a4-design-compact .vp-a4-image-wrap{
  flex:0 0 var(--vp-a4-compact-image-basis,34%)!important;
  width:auto;
  height:100%;
  border-right:.07cqw solid color-mix(in srgb,var(--vp-card-accent) 26%,transparent);
  border-bottom:0!important;
}
.vp-a4-design-compact .vp-a4-card-label{
  flex:1 1 auto!important;
  height:100%;
  min-width:0;
  padding:.20cqw .30cqw;
  gap:.24cqw;
  line-height:1.02;
  text-transform:none;
}
.vp-a4-design-compact .vp-a4-label-icon{
  width:calc(var(--vp-a4-icon-size,2.2cqw) * .72);
  height:calc(var(--vp-a4-icon-size,2.2cqw) * .72);
  flex:0 0 auto;
}
.vp-a4-design-compact .vp-a4-step-badge{
  left:.20cqw;
  top:.20cqw;
}
.vp-a4-design-compact .vp-a4-image-cover .vp-a4-image-wrap{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-right:0;
}
.vp-a4-design-compact .vp-a4-image-cover .vp-a4-card-label{
  left:4%;
  right:4%;
  bottom:5%;
  height:auto;
  min-height:24%;
}

/* 4. Magazine : grandes fiches éditoriales, image alternée gauche/droite. */
.vp-design-thumb-magazine .vp-design-thumb-head{
  height:20%;
  grid-template-columns:2fr 1fr;
}
.vp-design-thumb-magazine .vp-design-thumb-head b{
  border-radius:0;
  border-left:3px solid #7395ad;
}
.vp-design-thumb-magazine .vp-design-thumb-cards{
  grid-template-columns:1fr;
  grid-template-rows:repeat(4,1fr);
  gap:3px;
}
.vp-design-thumb-magazine .vp-design-thumb-cards i{
  border-radius:3px;
  background:linear-gradient(to right,#d8e8f2 0 56%,#fff 56% 100%);
}
.vp-design-thumb-magazine .vp-design-thumb-cards i:nth-child(even){
  background:linear-gradient(to left,#d8e8f2 0 56%,#fff 56% 100%);
}

.vp-a4-design-magazine .vp-a4-header{
  grid-template-columns:minmax(0,1fr) minmax(17cqw,25%);
  gap:1.3cqw;
  align-items:end;
}
.vp-a4-design-magazine .vp-a4-title-box{
  min-height:5.25cqw;
  border:0;
  border-left:.48cqw solid var(--vp-plan-primary);
  border-radius:0;
  padding:.35cqw 1.15cqw;
  background:color-mix(in srgb,var(--vp-a4-title-bg,#fff) 84%,transparent);
}
.vp-a4-design-magazine .vp-a4-title-box h3{
  letter-spacing:.035em;
}
.vp-a4-design-magazine .vp-a4-date-box{
  min-height:4.55cqw;
  border:0;
  border-bottom:.16cqw solid var(--vp-plan-primary);
  border-radius:0;
  background:transparent;
  padding:.28cqw .45cqw;
}
.vp-a4-design-magazine .vp-a4-card{
  flex-direction:row;
  border-radius:calc(var(--vp-card-radius,1.05cqw) * .48);
  box-shadow:0 .14cqw .42cqw rgba(29,63,91,.08);
}
.vp-a4-design-magazine .vp-a4-image-wrap{
  flex:0 0 clamp(42%,var(--vp-a4-image-basis,58%),76%)!important;
  width:auto;
  height:100%;
  border-right:.08cqw solid color-mix(in srgb,var(--vp-card-accent) 28%,transparent);
}
.vp-a4-design-magazine .vp-a4-card:nth-child(even) .vp-a4-image-wrap{
  order:2;
  border-right:0;
  border-left:.08cqw solid color-mix(in srgb,var(--vp-card-accent) 28%,transparent);
}
.vp-a4-design-magazine .vp-a4-card:nth-child(even) .vp-a4-card-label{order:1}
.vp-a4-design-magazine .vp-a4-card-label{
  flex:1 1 auto!important;
  height:100%;
  padding:.38cqw;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.20cqw;
  text-transform:none;
}
.vp-a4-design-magazine .vp-a4-image-cover .vp-a4-image-wrap{
  order:0!important;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0!important;
}
.vp-a4-design-magazine .vp-a4-image-cover .vp-a4-card-label{
  order:1!important;
  height:auto;
  flex-direction:row;
}

/* 5. Flottant : bulles iconographiques, rythme décalé et légendes pilules. */
.vp-design-thumb-floating .vp-design-thumb-head{
  height:20%;
  grid-template-columns:1fr;
  justify-items:center;
}
.vp-design-thumb-floating .vp-design-thumb-head b{
  width:70%;
  border:0;
  background:transparent;
}
.vp-design-thumb-floating .vp-design-thumb-head em{
  width:42%;
  border-radius:999px;
}
.vp-design-thumb-floating .vp-design-thumb-cards{
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(2,1fr);
  gap:5px;
}
.vp-design-thumb-floating .vp-design-thumb-cards i{
  justify-self:center;
  align-self:center;
  width:78%;
  height:78%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 38%,#e6f2f8 0 62%,#fff 63% 100%);
  box-shadow:0 2px 4px rgba(40,70,100,.12);
}
.vp-design-thumb-floating .vp-design-thumb-cards i:nth-child(even){transform:translateY(3px)}

.vp-a4-design-floating .vp-a4-header{
  grid-template-columns:1fr;
  justify-items:center;
  gap:.28cqw;
}
.vp-a4-design-floating .vp-a4-title-box{
  width:82%;
  min-height:4.9cqw;
  border:0;
  background:transparent;
  box-shadow:none;
}
.vp-a4-design-floating .vp-a4-date-box{
  min-width:0;
  width:max-content;
  max-width:58%;
  min-height:3.05cqw;
  border-radius:999px;
  padding:.18cqw .72cqw;
  box-shadow:0 .14cqw .36cqw rgba(25,60,85,.08);
}
.vp-a4-design-floating .vp-a4-grid{
  align-items:center;
  gap:calc(var(--vp-a4-gap,.7cqw) * 1.24);
}
.vp-a4-design-floating .vp-a4-card{
  overflow:visible;
  border:0!important;
  background:transparent;
  box-shadow:none;
  padding:.15cqw;
}
.vp-a4-design-floating .vp-a4-card:nth-child(4n+2),
.vp-a4-design-floating .vp-a4-card:nth-child(4n+4){
  translate:0 .42cqw;
}
.vp-a4-design-floating .vp-a4-image-wrap{
  width:clamp(62%,var(--vp-a4-image-basis,70%),94%);
  aspect-ratio:1/1;
  align-self:center;
  flex:0 0 auto!important;
  height:auto;
  border-radius:50%;
  border:var(--vp-card-border-width,.09cqw) var(--vp-card-border-style,solid) var(--vp-card-border,var(--vp-card-accent));
  box-shadow:0 .26cqw .68cqw rgba(25,60,85,.14);
}
.vp-a4-design-floating .vp-a4-card-label{
  align-self:center;
  width:92%;
  flex:0 0 auto!important;
  min-height:20%;
  margin-top:-.18cqw;
  padding:.22cqw .48cqw;
  z-index:5;
  border:.07cqw solid color-mix(in srgb,var(--vp-card-accent) 30%,#fff);
  border-radius:999px;
  background:rgba(255,255,255,.97);
  box-shadow:0 .12cqw .38cqw rgba(25,60,85,.11);
  text-transform:none;
}
.vp-a4-design-floating .vp-a4-image-cover .vp-a4-image-wrap{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border-radius:var(--vp-card-radius,1cqw);
}
.vp-a4-design-floating .vp-a4-image-cover .vp-a4-card-label{
  left:5%;
  right:5%;
  width:auto;
  bottom:5%;
  margin:0;
}

/* Portrait : conserver l'identité des cinq compositions sans tasser l'en-tête. */
.vp-a4-portrait.vp-a4-design-illustrated .vp-a4-date-box{min-width:58%}
.vp-a4-portrait.vp-a4-design-magazine .vp-a4-header{
  grid-template-columns:1fr;
  gap:.35cqw;
}
.vp-a4-portrait.vp-a4-design-magazine .vp-a4-date-box{
  width:48%;
  justify-self:end;
}
.vp-a4-portrait.vp-a4-design-floating .vp-a4-title-box{width:94%}
.vp-a4-portrait.vp-a4-design-floating .vp-a4-date-box{max-width:80%}


/* V19.2 — calibration A4 + éditeur de cartes avancé. */
.vp-a4-sheet{
  padding:var(--vp-a4-page-padding,1.08%);
  gap:var(--vp-a4-sheet-gap,1cqw);
}
.vp-a4-title-box h3{
  white-space:normal;
  text-overflow:clip;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.02;
  text-wrap:balance;
}
.vp-a4-step-badge{
  width:calc(var(--vp-a4-badge-size,3.5cqw) * var(--vp-a4-badge-factor,1));
  height:calc(var(--vp-a4-badge-size,3.5cqw) * var(--vp-a4-badge-factor,1));
  font-size:calc(var(--vp-a4-badge-font,1.65cqw) * var(--vp-a4-badge-factor,1));
}
.vp-a4-progress-mark{
  width:calc(var(--vp-a4-badge-size,3.5cqw) * .62 * var(--vp-a4-badge-factor,1));
  height:calc(var(--vp-a4-badge-size,3.5cqw) * .62 * var(--vp-a4-badge-factor,1));
}
.vp-a4-label-icon{
  width:calc(var(--vp-a4-icon-size,3.05cqw) * var(--vp-a4-icon-factor,1));
  height:calc(var(--vp-a4-icon-size,3.05cqw) * var(--vp-a4-icon-factor,1));
}
.vp-a4-image-wrap img,
.vp-a4-image-wrap img.vp-a4-user-image,
.vp-a4-image-wrap img.vp-a4-library-image,
#vpPreviewPaper .vp-a4-image-cover .vp-a4-image-wrap img.vp-a4-user-image,
#vpPreviewPaper .vp-a4-image-cover .vp-a4-image-wrap img.vp-a4-library-image{
  object-fit:var(--vp-a4-image-fit,cover);
  object-position:var(--vp-a4-image-pos-x,50%) var(--vp-a4-image-pos-y,50%);
  transform-origin:var(--vp-a4-image-pos-x,50%) var(--vp-a4-image-pos-y,50%);
}
#vpPreviewPaper .vp-a4-image-cover .vp-a4-card-label{
  background:var(--vp-a4-label-bg,rgba(255,255,255,.92));
}
#vpPreviewPaper .vp-a4-image-cover.vp-label-top .vp-a4-card-label{
  top:4%;
  bottom:auto;
}
#vpPreviewPaper .vp-a4-image-cover.vp-label-center .vp-a4-card-label{
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
}
#vpPreviewPaper .vp-a4-image-cover.vp-label-bottom .vp-a4-card-label{
  top:auto;
  bottom:4%;
  transform:none;
}
.vp-a4-design-illustrated .vp-a4-card-label,
.vp-a4-design-floating .vp-a4-card-label{
  background:var(--vp-a4-label-bg,rgba(255,255,255,.96));
}
.vp-a4-design-illustrated .vp-a4-image-cover.vp-label-top .vp-a4-card-label,
.vp-a4-design-floating .vp-a4-image-cover.vp-label-top .vp-a4-card-label,
.vp-a4-design-compact .vp-a4-image-cover.vp-label-top .vp-a4-card-label,
.vp-a4-design-magazine .vp-a4-image-cover.vp-label-top .vp-a4-card-label{
  top:5%;
  bottom:auto;
}
.vp-a4-design-illustrated .vp-a4-image-cover.vp-label-center .vp-a4-card-label,
.vp-a4-design-floating .vp-a4-image-cover.vp-label-center .vp-a4-card-label,
.vp-a4-design-compact .vp-a4-image-cover.vp-label-center .vp-a4-card-label,
.vp-a4-design-magazine .vp-a4-image-cover.vp-label-center .vp-a4-card-label{
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
}
.vp-a4-design-illustrated .vp-a4-image-cover.vp-label-bottom .vp-a4-card-label,
.vp-a4-design-floating .vp-a4-image-cover.vp-label-bottom .vp-a4-card-label,
.vp-a4-design-compact .vp-a4-image-cover.vp-label-bottom .vp-a4-card-label,
.vp-a4-design-magazine .vp-a4-image-cover.vp-label-bottom .vp-a4-card-label{
  top:auto;
  bottom:5%;
  transform:none;
}

/* Routine : plus de respiration sur les petits plannings, lecture serrée en forte densité. */
.vp-a4-design-routine.vp-a4-density-xl .vp-a4-card-label,
.vp-a4-design-routine.vp-a4-density-lg .vp-a4-card-label{--vp-a4-label-height:22%}
.vp-a4-design-routine.vp-a4-density-xs .vp-a4-card-label{--vp-a4-label-height:27%;gap:.28cqw}
.vp-a4-design-routine.vp-a4-density-xs .vp-a4-image-wrap{flex-basis:73%}

/* Illustré : priorité à l’image, cartouche plus léger et stable en portrait. */
.vp-a4-design-illustrated.vp-a4-density-xl .vp-a4-image-wrap{flex-basis:84%!important}
.vp-a4-design-illustrated.vp-a4-density-lg .vp-a4-image-wrap{flex-basis:82%!important}
.vp-a4-design-illustrated.vp-a4-density-xs .vp-a4-card-label{width:94%;min-height:22%;border-radius:.62cqw}
.vp-a4-portrait.vp-a4-design-illustrated .vp-a4-title-box{min-height:7.2cqw}
.vp-a4-portrait.vp-a4-design-illustrated .vp-a4-date-box{min-height:4.5cqw}

/* Compact : gagne de la surface utile à 17–25 étapes. */
.vp-a4-design-compact.vp-a4-density-sm .vp-a4-grid,
.vp-a4-design-compact.vp-a4-density-xs .vp-a4-grid{gap:calc(var(--vp-a4-gap,.55cqw) * .54)}
.vp-a4-design-compact.vp-a4-density-xs .vp-a4-card-label{padding:.12cqw .22cqw;gap:.12cqw}
.vp-a4-design-compact.vp-a4-density-xs .vp-a4-label-copy strong{-webkit-line-clamp:2}
.vp-a4-portrait.vp-a4-design-compact .vp-a4-header{gap:.28cqw}
.vp-a4-portrait.vp-a4-design-compact .vp-a4-title-box,
.vp-a4-portrait.vp-a4-design-compact .vp-a4-date-box{min-height:5.2cqw}

/* Magazine : zones éditoriales plus nettes, texte moins tassé. */
.vp-a4-design-magazine .vp-a4-card-label{padding:.46cqw}
.vp-a4-design-magazine.vp-a4-density-sm .vp-a4-card-label,
.vp-a4-design-magazine.vp-a4-density-xs .vp-a4-card-label{padding:.28cqw}
.vp-a4-design-magazine .vp-a4-card:nth-child(even) .vp-a4-card-label{border-right:.08cqw solid color-mix(in srgb,var(--vp-card-accent) 20%,transparent)}
.vp-a4-design-magazine .vp-a4-card:nth-child(odd) .vp-a4-card-label{border-left:.08cqw solid color-mix(in srgb,var(--vp-card-accent) 20%,transparent)}

/* Flottant : bulles mieux contenues dans les grilles denses. */
.vp-a4-design-floating.vp-a4-density-sm .vp-a4-image-wrap{width:82%}
.vp-a4-design-floating.vp-a4-density-xs .vp-a4-image-wrap{width:76%}
.vp-a4-design-floating.vp-a4-density-xs .vp-a4-card-label{width:96%;min-height:24%;padding:.14cqw .28cqw}
.vp-a4-design-floating.vp-a4-density-xs .vp-a4-card:nth-child(4n+2),
.vp-a4-design-floating.vp-a4-density-xs .vp-a4-card:nth-child(4n+4){translate:0 .20cqw}

/* Personnalisation avancée d’une carte. */
.vp-card-advanced{
  border:1px solid var(--vp-border,#e6e3ef);
  border-radius:14px;
  background:#fafbfc;
  overflow:hidden;
}
.vp-card-advanced>summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
  padding:.75rem .85rem;
  font-weight:850;
  color:var(--vp-text,#25233a);
}
.vp-card-advanced>summary::-webkit-details-marker{display:none}
.vp-card-advanced>summary>span{display:flex;align-items:center}
.vp-card-advanced>summary>small{
  max-width:55%;
  color:var(--vp-muted,#747888);
  font-weight:600;
  text-align:right;
  line-height:1.25;
}
.vp-card-advanced[open]>summary{border-bottom:1px solid var(--vp-border,#e6e3ef)}
.vp-card-advanced-body{padding:.8rem .85rem .9rem;background:#fff}
.vp-card-advanced .form-range{margin-bottom:0}

.vp-item-style-preview-image .vp-pictogram img{
  object-fit:var(--vp-item-image-fit,cover);
  object-position:var(--vp-item-image-pos-x,50%) var(--vp-item-image-pos-y,50%);
  transform-origin:var(--vp-item-image-pos-x,50%) var(--vp-item-image-pos-y,50%);
}
.vp-item-style-preview-copy{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  padding:.35rem .55rem;
  border-radius:12px;
  background:var(--vp-item-label-bg,rgba(255,255,255,.92));
  position:relative;
  z-index:5;
}
.vp-item-style-preview-copy strong{
  min-width:0;
  font-size:calc(1em * var(--vp-item-text-scale,1));
  line-height:1.08;
  overflow-wrap:anywhere;
}
.vp-item-style-preview-svg{
  width:1.25rem;
  height:1.25rem;
  flex:0 0 1.25rem;
  color:var(--vp-card-accent,#6c5ce7);
}
.vp-item-style-preview-svg svg{display:block;width:100%;height:100%}
.vp-item-style-preview-card.is-image-cover{
  min-height:180px;
  overflow:hidden;
  justify-content:stretch;
  padding:0;
}
.vp-item-style-preview-card.is-image-cover .vp-item-style-preview-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
}
.vp-item-style-preview-card.is-image-cover .vp-item-style-preview-copy{
  position:absolute;
  left:6%;
  right:6%;
  width:auto;
}
.vp-item-style-preview-card.is-image-cover.vp-label-top .vp-item-style-preview-copy{top:7%}
.vp-item-style-preview-card.is-image-cover.vp-label-center .vp-item-style-preview-copy{top:50%;transform:translateY(-50%)}
.vp-item-style-preview-card.is-image-cover.vp-label-bottom .vp-item-style-preview-copy{bottom:7%}

@media(max-width:575.98px){
  .vp-card-advanced>summary{display:block}
  .vp-card-advanced>summary>small{display:block;max-width:none;text-align:left;margin-top:.3rem}
}

.vp-a4-card-label{text-transform:var(--vp-card-text-transform,uppercase)}

.vp-a4-design-routine .vp-a4-card-label,
.vp-a4-design-illustrated .vp-a4-card-label,
.vp-a4-design-compact .vp-a4-card-label,
.vp-a4-design-magazine .vp-a4-card-label,
.vp-a4-design-floating .vp-a4-card-label{ text-transform:var(--vp-card-text-transform,uppercase); }

/* V19.3 — éditeur visuel drag & drop de "Créer mes cartes". */
.vp-cards-direct-shell{
  display:grid;
  grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);
  gap:1rem;
  padding:1rem;
  border:1px solid var(--vp-border,#e6e3ef);
  border-radius:18px;
  background:linear-gradient(135deg,#fbfbff,#f6f8fc);
}
.vp-cards-direct-controls{
  min-width:0;
  padding:.25rem;
}
.vp-cards-selected-name{
  display:block;
  min-height:1.35rem;
  color:var(--primary-color,#6c5ce7);
  overflow-wrap:anywhere;
}
.vp-cards-position-readout{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem .8rem;
  font-size:.72rem;
  color:var(--vp-muted,#707080);
}
.vp-cards-position-readout span{
  border:1px solid var(--vp-border,#e6e3ef);
  border-radius:999px;
  padding:.26rem .55rem;
  background:#fff;
}
.vp-cards-direct-stage{
  display:grid;
  place-items:center;
  min-height:360px;
  padding:1rem;
  border:1px dashed color-mix(in srgb,var(--primary-color,#6c5ce7) 32%,#d9dce6);
  border-radius:16px;
  background:
    linear-gradient(45deg,#f4f5f8 25%,transparent 25%) 0 0/20px 20px,
    linear-gradient(-45deg,#f4f5f8 25%,transparent 25%) 0 10px/20px 20px,
    linear-gradient(45deg,transparent 75%,#f4f5f8 75%) 10px -10px/20px 20px,
    linear-gradient(-45deg,transparent 75%,#f4f5f8 75%) -10px 0/20px 20px,
    #fff;
}
.vp-cards-direct-editor{
  width:min(100%,380px);
}
.vp-cards-direct-editor[data-card-size="small"]{width:min(100%,330px)}
.vp-cards-direct-editor[data-card-size="medium"]{width:min(100%,360px)}
.vp-cards-direct-editor[data-card-size="large"]{width:min(100%,390px)}

.vp-cut-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0;
  min-height:0;
  aspect-ratio:var(--vp-cut-card-ratio,.93);
  display:block;
}
.vp-cards-preview[data-card-size="small"]{--vp-cut-card-ratio:.87}
.vp-cards-preview[data-card-size="medium"]{--vp-cut-card-ratio:.93}
.vp-cards-preview[data-card-size="large"]{--vp-cut-card-ratio:1.02}
.vp-cards-direct-editor[data-card-size="small"]{--vp-cut-card-ratio:.87}
.vp-cards-direct-editor[data-card-size="medium"]{--vp-cut-card-ratio:.93}
.vp-cards-direct-editor[data-card-size="large"]{--vp-cut-card-ratio:1.02}

.vp-cut-card-image{
  position:absolute;
  left:var(--vp-cards-image-x,50%);
  top:var(--vp-cards-image-y,38%);
  width:calc(58% * var(--vp-cards-image-scale,1));
  aspect-ratio:1/1;
  transform:translate(-50%,-50%);
  z-index:2;
  display:grid;
  place-items:center;
  border-radius:max(10px,calc(var(--vp-plan-radius,18px) * .65));
  overflow:hidden;
  touch-action:none;
  user-select:none;
}
.vp-cut-card-image .vp-pictogram{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  transform:none!important;
  border-radius:inherit!important;
}
.vp-cut-card-image .vp-pictogram img{
  display:block;
  width:100%;
  height:100%;
  object-fit:var(--vp-cards-image-fit,contain);
  object-position:var(--vp-item-image-pos-x,50%) var(--vp-item-image-pos-y,50%);
  border-radius:inherit;
}
.vp-cut-card-image .vp-pictogram svg{
  width:54%;
  height:54%;
}
.vp-cut-card-label{
  position:absolute;
  left:var(--vp-cards-text-x,50%);
  top:var(--vp-cards-text-y,82%);
  transform:translate(-50%,-50%);
  z-index:4;
  width:min(88%,max-content);
  max-width:88%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.4em;
  padding:.38em .58em;
  border-radius:.7em;
  background:var(--vp-item-label-bg,rgba(255,255,255,.92));
  color:inherit;
  font-size:calc(1em * var(--vp-cards-text-scale,1));
  line-height:1.08;
  text-align:var(--vp-plan-text-align,center);
  touch-action:none;
  user-select:none;
}
.vp-cut-card-label strong{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  font-weight:inherit;
  font-style:inherit;
  text-transform:var(--vp-card-text-transform,none);
}
#vpCardsPreview[data-font-tone="bold"] .vp-cut-card-label,
#vpCardsDirectEditor[data-font-tone="bold"] .vp-cut-card-label{font-weight:900;font-style:normal}
#vpCardsPreview[data-font-tone="semibold"] .vp-cut-card-label,
#vpCardsDirectEditor[data-font-tone="semibold"] .vp-cut-card-label{font-weight:600;font-style:normal}
#vpCardsPreview[data-font-tone="normal"] .vp-cut-card-label,
#vpCardsDirectEditor[data-font-tone="normal"] .vp-cut-card-label{font-weight:400;font-style:normal}
#vpCardsPreview[data-font-tone="light"] .vp-cut-card-label,
#vpCardsDirectEditor[data-font-tone="light"] .vp-cut-card-label{font-weight:300;font-style:normal}
#vpCardsPreview[data-font-tone="italic"] .vp-cut-card-label,
#vpCardsDirectEditor[data-font-tone="italic"] .vp-cut-card-label{font-weight:400;font-style:italic}
.vp-cut-card-label-icon{
  width:1.15em;
  height:1.15em;
  flex:0 0 1.15em;
  color:var(--vp-card-accent,#6c5ce7);
}
.vp-cut-card-label-icon svg{
  display:block;
  width:100%;
  height:100%;
}
.vp-cut-card .vp-card-frame{
  z-index:7;
}
.vp-cut-card .vp-card-sticker{
  z-index:8;
}

.vp-cards-preview{
  align-items:start;
}
.vp-cards-preview .vp-cut-card{
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.vp-cards-preview .vp-cut-card:hover{
  transform:translateY(-2px);
}
.vp-cards-preview .vp-cut-card.is-editor-selected{
  border-color:var(--primary-color,#6c5ce7)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color,#6c5ce7) 18%,transparent),0 8px 24px rgba(31,35,48,.12)!important;
}
.vp-cards-preview .vp-cut-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
}

.vp-cards-direct-editor .vp-cut-card{
  box-shadow:0 14px 40px rgba(35,33,63,.16)!important;
}
.vp-card-direct-target{
  cursor:grab;
}
.vp-card-direct-target.is-dragging{
  cursor:grabbing;
}
.vp-cards-direct-editor .vp-card-direct-target:hover,
.vp-cards-direct-editor .vp-card-direct-target:focus-visible,
.vp-cards-direct-editor .vp-card-direct-target.is-active{
  z-index:30!important;
}
.vp-card-direct-target::after{
  content:"";
  position:absolute;
  inset:0;
  border:2px dashed transparent;
  border-radius:inherit;
  pointer-events:none;
  transition:border-color .14s ease,box-shadow .14s ease;
}
.vp-card-direct-target:hover::after,
.vp-card-direct-target:focus-visible::after,
.vp-card-direct-target.is-active::after{
  border-color:var(--primary-color,#6c5ce7);
  box-shadow:0 0 0 2px rgba(108,92,231,.12);
}
.vp-card-direct-target:focus-visible{
  outline:none;
}
.vp-card-direct-handle{
  position:absolute;
  right:-7px;
  bottom:-7px;
  z-index:35;
  width:22px;
  height:22px;
  border:2px solid #fff;
  border-radius:50%;
  background:var(--primary-color,#6c5ce7);
  box-shadow:0 2px 8px rgba(35,33,63,.28);
  cursor:nwse-resize;
  touch-action:none;
}
.vp-card-direct-handle::before,
.vp-card-direct-handle::after{
  content:"";
  position:absolute;
  background:#fff;
  border-radius:2px;
}
.vp-card-direct-handle::before{
  width:9px;
  height:2px;
  right:3px;
  bottom:5px;
  transform:rotate(-45deg);
}
.vp-card-direct-handle::after{
  width:6px;
  height:2px;
  right:2px;
  bottom:8px;
  transform:rotate(-45deg);
}

@media(max-width:991.98px){
  .vp-cards-direct-shell{
    grid-template-columns:1fr;
  }
  .vp-cards-direct-stage{
    min-height:320px;
  }
}
@media(max-width:575.98px){
  .vp-cards-direct-shell{padding:.75rem}
  .vp-cards-direct-stage{min-height:280px;padding:.7rem}
  .vp-cards-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:.65rem;gap:.5rem}
}



/* V19.4 — passe mobile/tablette et ergonomie tactile. */
.vp-preview-frame{
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.vp-page .form-range{
  touch-action:pan-x;
}
.vp-modal .modal-body{
  overscroll-behavior:contain;
}
.vp-interactive{
  min-height:var(--vp-mobile-vh,100dvh);
}

@media (pointer:coarse){
  .vp-page .btn,
  .vp-page .vp-icon-btn,
  .vp-page .vp-drag-handle,
  .vp-page .vp-chip,
  .vp-page .vp-style-btn,
  .vp-page .vp-theme-btn,
  .vp-page .vp-library-pager button,
  .vp-modal .btn,
  .vp-modal .btn-close{
    min-height:44px;
  }

  .vp-icon-btn{
    width:44px;
    height:44px;
    border-radius:12px;
  }
  .vp-drag-handle{
    width:46px;
    height:46px;
    border-radius:12px;
  }
  .vp-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.55rem .78rem;
  }
  .vp-builder-disclosure-summary,
  .vp-image-library-picker>summary,
  .vp-card-advanced>summary{
    min-height:52px;
  }

  .vp-page .form-control,
  .vp-page .form-select,
  .vp-modal .form-control,
  .vp-modal .form-select{
    min-height:44px;
  }
  .vp-page input,
  .vp-page select,
  .vp-page textarea,
  .vp-modal input,
  .vp-modal select,
  .vp-modal textarea{
    font-size:16px;
  }

  .vp-page .form-range,
  .vp-modal .form-range{
    min-height:36px;
  }
  .vp-page .form-range::-webkit-slider-thumb,
  .vp-modal .form-range::-webkit-slider-thumb{
    width:28px;
    height:28px;
    margin-top:-10px;
  }
  .vp-page .form-range::-moz-range-thumb,
  .vp-modal .form-range::-moz-range-thumb{
    width:28px;
    height:28px;
    border:0;
  }

  #vpPreviewPaper .vp-a4-card{
    cursor:pointer;
    touch-action:pan-x pan-y;
  }
  #vpPreviewPaper .vp-direct-overlay,
  #vpPreviewPaper [data-vp-transform-handle],
  .vp-cards-direct-editor .vp-card-direct-target,
  .vp-cards-direct-editor .vp-card-direct-handle{
    touch-action:none;
  }

  .vp-overlay-handle{
    width:32px;
    height:32px;
  }
  .vp-overlay-rotate-handle{
    top:-48px;
  }
  .vp-overlay-rotate-line{
    top:-41px;
    height:38px;
  }

  .vp-card-direct-handle{
    width:38px;
    height:38px;
    right:-12px;
    bottom:-12px;
  }
  .vp-card-direct-handle::before{
    width:12px;
    right:6px;
    bottom:9px;
  }
  .vp-card-direct-handle::after{
    width:8px;
    right:5px;
    bottom:13px;
  }
  .vp-cards-direct-editor .vp-card-direct-target{
    min-width:44px;
    min-height:44px;
  }

  .vp-round-btn{
    width:52px;
    height:52px;
  }
}

@media (min-width:768px) and (max-width:991.98px){
  .vp-page{
    padding-top:1rem;
  }
  .vp-section{
    padding:1rem;
  }
  .vp-preview-actions .btn{
    flex:1 1 180px;
  }
  .vp-plan-actions{
    gap:.35rem;
  }
  .vp-library-panel .vp-library-list{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .vp-cards-direct-stage{
    min-height:300px;
  }
}

@media (min-width:768px) and (max-width:991.98px) and (orientation:landscape){
  .vp-cards-direct-shell{
    grid-template-columns:minmax(250px,.9fr) minmax(330px,1.1fr);
    align-items:start;
  }
  .vp-cards-direct-stage{
    position:sticky;
    top:1rem;
  }
}

@media (max-width:767.98px){
  .vp-page{
    padding-top:.65rem;
    padding-bottom:calc(2rem + env(safe-area-inset-bottom));
  }
  .vp-page>.container,
  .vp-page .container{
    --bs-gutter-x:1rem;
  }
  .vp-hero{
    margin-inline:-.15rem;
    padding:1rem;
    border-radius:20px;
  }
  .vp-hero h1{
    font-size:clamp(1.75rem,9vw,2.45rem);
    line-height:1.02;
  }
  .vp-hero p{
    font-size:.96rem;
  }

  .vp-section{
    margin-top:.85rem;
    border-radius:16px;
    padding:.85rem;
  }
  .vp-section-head,
  .vp-builder-head{
    align-items:stretch;
    flex-direction:column;
    gap:.75rem;
  }
  .vp-head-actions,
  .vp-preview-actions{
    width:100%;
  }
  .vp-head-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.5rem;
  }
  .vp-head-actions .btn{
    width:100%;
    min-width:0;
  }
  .vp-preview-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.5rem;
  }
  .vp-preview-actions .btn{
    width:100%;
    min-width:0;
    white-space:normal;
    line-height:1.15;
    padding:.65rem .55rem;
  }
  .vp-preview-actions .btn:last-child{
    grid-column:1/-1;
  }

  .vp-builder-stack{
    gap:.7rem;
  }
  .vp-panel{
    border-radius:16px;
    padding:.8rem;
  }
  .vp-builder-disclosure{
    padding:0;
  }
  .vp-builder-disclosure-summary{
    padding:.85rem .9rem;
    position:sticky;
    top:0;
    z-index:4;
  }
  .vp-builder-disclosure-body{
    padding:.8rem;
  }

  .vp-category-chips{
    margin-inline:-.8rem;
    padding:.65rem .8rem .3rem;
    scroll-snap-type:x proximity;
  }
  .vp-chip{
    scroll-snap-align:start;
  }
  .vp-library-panel .vp-library-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .vp-library-item{
    min-height:118px;
  }

  .vp-plan-item{
    grid-template-columns:46px 54px minmax(0,1fr);
    gap:.55rem;
    padding:.55rem;
    border-radius:14px;
  }
  .vp-plan-item .vp-pictogram{
    width:54px;
    height:54px;
  }
  .vp-plan-name{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:1.15;
  }
  .vp-plan-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(6,minmax(44px,1fr));
    gap:.35rem;
    padding-top:.15rem;
  }
  .vp-plan-actions .vp-icon-btn{
    width:100%;
  }

  .vp-preview-frame{
    margin-inline:-.85rem;
    padding:.65rem;
    border-radius:0;
    scroll-snap-type:x proximity;
    scroll-padding-inline:.65rem;
  }
  #vpPreviewPaper.vp-a4-sheet{
    max-width:none;
    flex:0 0 auto;
    scroll-snap-align:center;
  }
  #vpPreviewPaper.vp-a4-landscape{
    width:720px;
  }
  #vpPreviewPaper.vp-a4-portrait{
    width:500px;
  }

  .vp-image-library-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-height:min(46vh,380px);
    padding-right:0;
  }
  .vp-image-choice{
    min-height:96px;
  }

  .vp-toast-stack{
    left:.65rem;
    right:.65rem;
    bottom:calc(.65rem + env(safe-area-inset-bottom));
  }
  .vp-toast{
    min-width:0;
    max-width:none;
    width:100%;
  }

  .modal .modal-dialog{
    width:100%;
    max-width:none;
    height:var(--vp-mobile-vh,100dvh);
    max-height:var(--vp-mobile-vh,100dvh);
    margin:0;
  }
  .modal .modal-content.vp-modal{
    height:100%;
    max-height:var(--vp-mobile-vh,100dvh);
    border-radius:0;
    overflow:hidden;
  }
  .vp-modal .modal-header{
    position:sticky;
    top:0;
    z-index:20;
    flex:0 0 auto;
    padding:max(.75rem,env(safe-area-inset-top)) .9rem .75rem;
    background:#fff;
    border-bottom:1px solid var(--vp-border,#e6e3ef);
  }
  .vp-modal .modal-body{
    flex:1 1 auto;
    overflow-y:auto;
    padding:.85rem;
    -webkit-overflow-scrolling:touch;
  }
  .vp-modal .modal-footer{
    position:sticky;
    bottom:0;
    z-index:20;
    flex:0 0 auto;
    gap:.5rem;
    padding:.7rem .85rem max(.7rem,env(safe-area-inset-bottom));
    background:#fff;
    border-top:1px solid var(--vp-border,#e6e3ef);
  }
  .vp-modal .modal-footer .btn{
    flex:1 1 0;
    min-width:0;
  }

  #vpCardsModal .modal-body{
    padding:.7rem;
  }
  .vp-cards-direct-shell{
    grid-template-columns:1fr;
    gap:.65rem;
    padding:.65rem;
    border-radius:14px;
  }
  .vp-cards-direct-stage{
    order:1;
    min-height:250px;
    padding:.55rem;
    border-radius:13px;
  }
  .vp-cards-direct-controls{
    order:2;
    padding:0;
  }
  .vp-cards-direct-editor,
  .vp-cards-direct-editor[data-card-size="small"],
  .vp-cards-direct-editor[data-card-size="medium"],
  .vp-cards-direct-editor[data-card-size="large"]{
    width:min(100%,330px);
  }
  .vp-cards-position-readout{
    gap:.4rem;
  }
  .vp-cards-position-readout span{
    flex:1 1 140px;
    text-align:center;
  }
  .vp-cards-preview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.5rem;
    padding:.55rem;
  }

  .vp-interactive{
    min-height:var(--vp-mobile-vh,100dvh);
    padding:max(.55rem,env(safe-area-inset-top)) .55rem max(.75rem,env(safe-area-inset-bottom));
  }
  .vp-interactive-toolbar{
    position:sticky;
    top:0;
    z-index:30;
    align-items:flex-start;
    gap:.55rem;
    padding:.45rem;
    border:1px solid var(--vp-border);
    border-radius:16px;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(12px);
  }
  .vp-interactive-title{
    font-size:1rem;
    line-height:1.15;
    padding:.3rem 0;
  }
  .vp-interactive-tools{
    gap:.3rem;
  }
  .vp-interactive-main{
    margin:.75rem auto;
  }
  .vp-interactive-focus{
    grid-template-columns:1fr;
    gap:.7rem;
  }
  .vp-interactive-focus-card{
    padding:1rem;
    border-radius:22px;
  }
  .vp-interactive-focus-card .vp-pictogram{
    width:min(42vw,150px)!important;
    height:min(42vw,150px)!important;
  }
}

@media (max-width:430px){
  .vp-page>.container,
  .vp-page .container{
    --bs-gutter-x:.75rem;
  }
  .vp-section{
    padding:.72rem;
  }
  .vp-head-actions,
  .vp-preview-actions{
    grid-template-columns:1fr;
  }
  .vp-preview-actions .btn:last-child{
    grid-column:auto;
  }
  .vp-plan-item{
    grid-template-columns:44px 50px minmax(0,1fr);
    gap:.45rem;
  }
  .vp-plan-item .vp-pictogram{
    width:50px;
    height:50px;
  }
  .vp-plan-actions{
    grid-template-columns:repeat(3,minmax(44px,1fr));
  }
  .vp-library-panel .vp-library-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.45rem;
  }
  .vp-library-item{
    min-height:108px;
    padding:.5rem;
  }
  #vpPreviewPaper.vp-a4-landscape{
    width:660px;
  }
  #vpPreviewPaper.vp-a4-portrait{
    width:460px;
  }
  .vp-image-library-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .vp-cards-direct-stage{
    min-height:230px;
    padding:.45rem;
  }
  .vp-cards-direct-editor,
  .vp-cards-direct-editor[data-card-size="small"],
  .vp-cards-direct-editor[data-card-size="medium"],
  .vp-cards-direct-editor[data-card-size="large"]{
    width:min(100%,300px);
  }
  .vp-cards-preview{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .vp-modal .modal-footer{
    flex-wrap:wrap;
  }
}

@media (max-width:360px){
  .vp-plan-actions{
    grid-template-columns:repeat(2,minmax(44px,1fr));
  }
  .vp-cards-preview{
    grid-template-columns:1fr!important;
  }
  .vp-cards-direct-editor,
  .vp-cards-direct-editor[data-card-size="small"],
  .vp-cards-direct-editor[data-card-size="medium"],
  .vp-cards-direct-editor[data-card-size="large"]{
    width:min(100%,270px);
  }
}

@media print{
  .vp-preview-frame{
    overflow:visible!important;
  }
}


/* V19.7 — parité aperçu/export et éditeur de cartes enrichi. */
.vp-a4-date-copy{
  width:100%;
  min-width:0;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.vp-a4-card-label{
  box-sizing:border-box;
}
.vp-a4-label-copy{
  flex:0 1 auto;
  max-width:calc(100% - var(--vp-a4-icon-size,3.05cqw) - .55cqw);
}
.vp-a4-card-label:not(:has(.vp-a4-label-icon)) .vp-a4-label-copy{
  max-width:100%;
}
.vp-a4-label-icon{
  display:inline-grid;
  place-items:center;
}

.vp-cards-options-panel{
  border:1px solid var(--vp-border,#e6e3ef);
  border-radius:14px;
  background:#f8f9fc;
  padding:.85rem;
}
.vp-cards-options-title{
  display:flex;
  align-items:center;
  gap:.35rem;
  margin-bottom:.75rem;
  font-size:.82rem;
  font-weight:850;
  color:#424454;
}
.vp-cards-options-panel .form-label{
  margin-bottom:.28rem;
}
.vp-cards-options-panel .form-range{
  margin-bottom:0;
}
.vp-cards-options-panel .form-control-color{
  min-height:38px;
  padding:.2rem;
}
@media(max-width:767.98px){
  .vp-cards-options-panel{
    padding:.72rem;
  }
  .vp-cards-options-panel .row{
    --bs-gutter-y:.8rem;
  }
}


/* V19.8 — éditeur cartes en accordéons et largeur d’impression réelle. */
.vp-cards-sheet-settings{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);
  gap:1rem;
  padding:1rem;
  border:1px solid var(--vp-border,#e6e3ef);
  border-radius:16px;
  background:#fff;
}
.vp-cards-width-control,
.vp-cards-sheet-switches{
  min-width:0;
}
.vp-cards-sheet-switches{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.8rem;
  padding-left:1rem;
  border-left:1px solid var(--vp-border,#e6e3ef);
}
.vp-cards-layout-readout{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:.2rem .55rem;
  border-radius:999px;
  background:#f1f4f8;
  color:#51586a;
  font-size:.78rem;
  font-weight:800;
  white-space:nowrap;
}
.vp-cards-options-panel{
  display:flex;
  flex-direction:column;
  gap:.65rem;
  padding:.65rem;
}
.vp-cards-option-section{
  width:100%;
  overflow:hidden;
  border:1px solid var(--vp-border,#e6e3ef);
  border-radius:12px;
  background:#fff;
}
.vp-cards-option-section>summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  width:100%;
  min-height:46px;
  padding:.7rem .8rem;
  cursor:pointer;
  color:#343747;
  font-size:.88rem;
  font-weight:850;
  user-select:none;
}
.vp-cards-option-section>summary::-webkit-details-marker{
  display:none;
}
.vp-cards-option-section[open]>summary{
  border-bottom:1px solid var(--vp-border,#e6e3ef);
  background:#fafbfe;
}
.vp-cards-option-chevron{
  flex:0 0 auto;
  transition:transform .16s ease;
}
.vp-cards-option-section[open] .vp-cards-option-chevron{
  transform:rotate(180deg);
}
.vp-cards-option-body{
  width:100%;
  padding:.85rem;
}
.vp-cards-option-body .row{
  width:auto;
}
.vp-cards-editor-head{
  width:100%;
}
.vp-cards-direct-editor,
.vp-cards-preview{
  --vp-cut-card-ratio:.93;
}
.vp-cards-direct-editor{
  width:min(100%,380px);
}
.vp-cards-preview{
  gap:.65rem;
}
.vp-cards-preview .vp-cut-card{
  width:100%;
}
@media(max-width:991.98px){
  .vp-cards-sheet-settings{
    grid-template-columns:1fr;
  }
  .vp-cards-sheet-switches{
    padding-left:0;
    padding-top:.8rem;
    border-left:0;
    border-top:1px solid var(--vp-border,#e6e3ef);
  }
}
@media(max-width:575.98px){
  .vp-cards-sheet-settings{
    padding:.75rem;
  }
  .vp-cards-option-body{
    padding:.7rem;
  }
  .vp-cards-option-section>summary{
    min-height:52px;
  }
}

/* V19.8 — options cartes pleine largeur et ordre tactile identique. */
#vpCardsModal .vp-cards-direct-shell{
  grid-template-columns:1fr;
}
#vpCardsModal .vp-cards-direct-controls{
  order:1;
  width:100%;
}
#vpCardsModal .vp-cards-direct-stage{
  order:2;
  width:100%;
}
#vpCardsModal .vp-cards-options-panel{
  width:100%;
}
#vpCardsModal .vp-cards-direct-editor{
  width:min(100%,520px);
}
@media (max-width:767.98px){
  #vpCardsModal .vp-cards-direct-controls{order:1}
  #vpCardsModal .vp-cards-direct-stage{order:2}
  #vpCardsModal .vp-cards-direct-editor,
  #vpCardsModal .vp-cards-direct-editor[data-card-size="small"],
  #vpCardsModal .vp-cards-direct-editor[data-card-size="medium"],
  #vpCardsModal .vp-cards-direct-editor[data-card-size="large"]{
    width:min(100%,360px);
  }
}