/* Crée ton justaucorps - éditeur boutique (habillage : variables --sd-*, reprises de la charte du module de personnalisation) */
.sd-app {
  /* direction artistique Startner : ivoire, marine, violet, doré ; Jost et Cormorant Garamond */
  --sd-bg: #FFF7ED;
  --sd-ink: var(--stc-c-primary, #14213D);
  --sd-soft: #4E5470;
  --sd-line: #EEE5DA;
  --sd-panel: #ffffff;
  --sd-accent: var(--stc-c-accent, #C8A96B);
  --sd-accent-ink: #14213D;
  --sd-cta: linear-gradient(120deg, #14213D 0%, #2C2F6B 58%, #6A4FA0 100%);
  --sd-radius: 32px;
  --sd-font: var(--stc-f-btn, Jost, sans-serif);
  --sd-title: var(--stc-f-title, 'Cormorant Garamond', Georgia, serif);
  font-family: var(--sd-font);
  position: relative;
  display: flex;
  flex-direction: column;
  height: min(94vh, 980px);
  min-height: 620px;
  background: var(--sd-bg);
  color: var(--sd-ink);
  border: 1px solid var(--sd-line);
  border-radius: var(--sd-radius);
  overflow: hidden;
  font-size: 14px;
  line-height: 1.4;
  -webkit-tap-highlight-color: transparent;
}
.sd-app *, .sd-app *::before, .sd-app *::after { box-sizing: border-box; }
.sd-app button { font: inherit; color: inherit; cursor: pointer; }
.sd-app button:disabled { opacity: .35; cursor: default; }
.sd-i { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: none; }

/* barre du haut */
.sd-top { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--sd-line); background: var(--sd-panel); flex-wrap: wrap; }
.sd-brand { display: flex; flex-direction: column; min-width: 0; flex: 1 1 200px; }
.sd-brand b { font-family: var(--sd-title); font-size: 18px; letter-spacing: .02em; }
.sd-basename { font-size: 12px; color: var(--sd-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sd-topacts { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.sd-tb { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; min-width: 40px; justify-content: center; padding: 0 10px; border: 1px solid transparent; background: transparent; border-radius: 8px; }
.sd-tb:hover:not(:disabled):not([aria-pressed="true"]) { background: #f2ede4; }
.sd-tb[aria-pressed="true"] { background: var(--sd-ink); color: #fff; }
.sd-sep { width: 1px; height: 24px; background: var(--sd-line); margin: 0 4px; }
.sd-cta { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--sd-cta); color: #fff !important; font-family: var(--sd-font); font-weight: 600; letter-spacing: .03em; }
.sd-cta:hover { filter: brightness(1.15); }

/* corps */
.sd-body { flex: 1; display: grid; grid-template-columns: 84px minmax(0, 1fr) 320px; min-height: 0; }
.sd-rail { display: flex; flex-direction: column; gap: 2px; padding: 8px 6px; background: var(--sd-panel); border-right: 1px solid var(--sd-line); overflow-y: auto; }
.sd-railbtn { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 2px; min-height: 56px; border: 0; background: transparent; border-radius: 10px; font-size: 11.5px; color: var(--sd-soft); }
.sd-railbtn:hover { background: #f2ede4; color: var(--sd-ink); }
.sd-railbtn[aria-pressed="true"] { background: var(--sd-ink); color: #fff; }
.sd-railbtn .sd-i { width: 22px; height: 22px; }

.sd-stagewrap { position: relative; min-width: 0; min-height: 0; background: radial-gradient(circle at 50% 40%, #fffdf9, #efe9de); }
.sd-stage { position: absolute; inset: 0; }
.sd-svg { width: 100%; height: 100%; display: block; touch-action: none; user-select: none; }
.sd-svg[data-tool="draw"], .sd-svg[data-tool^="strass-one"], .sd-svg[data-tool^="strass-line"] { cursor: crosshair; }
.sd-svg[data-tool^="strass-contour"], .sd-svg[data-tool^="strass-fill"] { cursor: cell; }
.sd-svg[data-tool^="strass-erase"] { cursor: none; }
.sd-crea [data-el] { cursor: move; }
.sd-hint { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); margin: 0; max-width: calc(100% - 24px); padding: 7px 14px; border-radius: 999px; background: rgba(23, 20, 15, .86); color: #fff; font-size: 12.5px; text-align: center; pointer-events: none; }
.sd-hint:empty { display: none; }
.sd-seam { stroke: rgba(23, 20, 15, .35); stroke-width: 1; }
.is-preview .sd-seam, .is-preview .sd-ui { display: none; }
.sd-box { fill: none; stroke: #2b7de9; stroke-width: 1.4; }
.sd-h { fill: #fff; stroke: #2b7de9; stroke-width: 1.4; cursor: nwse-resize; }
.sd-rot { cursor: grab; }
.sd-axis { stroke: #ff2d95; stroke-width: 1.2; stroke-dasharray: 6 4; }
.sd-eraser { fill: rgba(255, 255, 255, .25); stroke: #17140f; stroke-width: 1.2; stroke-dasharray: 3 3; pointer-events: none; }
.sd-live { pointer-events: none; opacity: .8; }

/* panneau */
.sd-panel { background: var(--sd-panel); border-left: 1px solid var(--sd-line); overflow-y: auto; padding: 14px 16px 24px; }
.sd-panel h3 { margin: 0 0 4px; font-family: var(--sd-title); font-size: 17px; font-weight: 600; }
.sd-sub { margin: 10px 0 6px; font-size: 12.5px; color: var(--sd-soft); }
.sd-sub.sd-mt { margin-top: 18px; }
.sd-note { margin: 8px 0; font-size: 12px; color: var(--sd-soft); }
.sd-sel { border-bottom: 1px solid var(--sd-line); margin: -2px -16px 14px; padding: 0 16px 14px; }
.sd-sel[hidden] { display: none; }
.sd-selhead { display: flex; gap: 6px; align-items: center; margin-bottom: 8px; }
.sd-name { flex: 1; min-width: 0; font-weight: 600; border: 1px solid transparent; background: #f6f2eb; border-radius: 8px; padding: 8px 10px; font: inherit; color: inherit; }
.sd-ib { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 0; border-radius: 8px; background: transparent; }
.sd-ib:hover { background: #f2ede4; }
.sd-ib .sd-i { width: 18px; height: 18px; }

.sd-seg { display: flex; background: #f2ede4; border-radius: 10px; padding: 3px; gap: 2px; margin: 6px 0 10px; }
.sd-seg button { flex: 1; border: 0; background: transparent; padding: 8px 4px; min-height: 36px; border-radius: 8px; font-size: 12.5px; }
.sd-seg button[aria-pressed="true"] { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .12); font-weight: 600; }
.sd-fillcols, .sd-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 6px 0; }
.sd-lbl { font-size: 12px; color: var(--sd-soft); }
.sd-color { width: 36px; height: 36px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--sd-line), 0 1px 3px rgba(0, 0, 0, .15); padding: 0; }
.sd-color.sd-none { background: repeating-conic-gradient(#ddd 0 25%, #fff 0 50%) 0 0/10px 10px !important; }
.sd-mini { width: 30px; height: 30px; border-radius: 50%; border: 1px dashed var(--sd-soft); background: #fff; font-size: 16px; line-height: 1; }
.sd-range { display: block; margin: 10px 0; }
.sd-range span { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--sd-soft); }
.sd-range output { color: var(--sd-ink); font-weight: 600; }
.sd-range input { width: 100%; accent-color: var(--sd-ink); min-height: 28px; }
.sd-check { display: flex; align-items: center; gap: 8px; font-size: 13px; margin: 8px 0; min-height: 32px; }
.sd-check input { width: 18px; height: 18px; accent-color: var(--sd-ink); }
.sd-field { display: block; margin: 8px 0; }
.sd-field > span { display: block; font-size: 12.5px; color: var(--sd-soft); margin-bottom: 4px; }
.sd-field input, .sd-field select, .sd-field textarea { width: 100%; min-height: 40px; border: 1px solid var(--sd-line); border-radius: 8px; padding: 8px 10px; font: inherit; color: inherit; background: #fff; }
.sd-field textarea { resize: vertical; }
.sd-half { flex: 1 1 120px; }
.sd-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border: 1px solid var(--sd-ink); border-radius: 999px; background: #fff; font-weight: 600; margin: 6px 0; }
.sd-btn:hover { background: var(--sd-ink); color: #fff; }
.sd-link { border: 0; background: none; padding: 6px 0; text-decoration: underline; font-size: 12.5px; color: var(--sd-soft); }
.sd-acts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; margin-top: 12px; }
.sd-ab { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 7px 2px; min-height: 52px; border: 1px solid var(--sd-line); background: #fff; border-radius: 10px; font-size: 10.5px; }
.sd-ab:hover { border-color: var(--sd-ink); }
.sd-ab[aria-pressed="true"] { background: var(--sd-ink); color: #fff; border-color: var(--sd-ink); }
.sd-ab.sd-del:hover { color: #b3122e; border-color: #b3122e; }

.sd-shapes, .sd-motifs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.sd-shape, .sd-motif { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 2px; border: 1px solid var(--sd-line); border-radius: 10px; background: #fff; font-size: 10.5px; min-height: 64px; }
.sd-shape:hover, .sd-motif:hover { border-color: var(--sd-ink); }
.sd-motif[aria-pressed="true"] { border-color: var(--sd-ink); box-shadow: 0 0 0 1px var(--sd-ink); }
.sd-shape svg { width: 40px; height: 40px; fill: var(--sd-ink); }
.sd-motif svg { width: 40px; height: 40px; border-radius: 6px; border: 1px solid var(--sd-line); }
.sd-motifs-big .sd-motif svg { width: 48px; height: 48px; }
.sd-ideas { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.sd-idea { height: 52px; border: 0; border-radius: 10px; position: relative; overflow: hidden; }
.sd-idea span { position: absolute; left: 0; right: 0; bottom: 0; padding: 2px; font-size: 10px; background: rgba(255, 255, 255, .85); }
.sd-zones { list-style: none; margin: 8px 0; padding: 0; }
.sd-zone { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--sd-line); }
.sd-zl { flex: 1 1 100%; font-weight: 600; }

/* strass */
.sd-smodes { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; margin: 8px 0 4px; }
.sd-smode { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 2px; min-height: 54px; border: 1px solid var(--sd-line); border-radius: 10px; background: #fff; font-size: 10.5px; }
.sd-smode[aria-pressed="true"] { background: var(--sd-ink); color: #fff; border-color: var(--sd-ink); }
.sd-ssizes { display: grid; grid-template-columns: repeat(auto-fill, minmax(44px, 1fr)); gap: 4px; }
.sd-ssize { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 2px; min-height: 58px; padding: 5px 2px; border: 1px solid var(--sd-line); border-radius: 10px; background: #fff; font-size: 11px; font-weight: 600; }
.sd-ssize small { font-weight: 400; color: var(--sd-soft); font-size: 10px; }
.sd-ssize i { display: block; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #c9d2df 60%, #8a95a8); }
.sd-ssize[aria-pressed="true"] { border-color: var(--sd-ink); box-shadow: 0 0 0 1px var(--sd-ink); }
.sd-scolors { display: grid; grid-template-columns: repeat(8, 1fr); gap: 4px; }
.sd-scolor { border: 1px solid transparent; background: #fff; border-radius: 50%; padding: 2px; aspect-ratio: 1; }
.sd-scolor svg { width: 100%; height: 100%; display: block; }
.sd-scolor[aria-pressed="true"] { border-color: var(--sd-ink); box-shadow: 0 0 0 1px var(--sd-ink); }
.sd-cname { color: var(--sd-ink); font-weight: 600; }
.sd-count { margin-top: 14px; padding: 12px; background: #f6f2eb; border-radius: 10px; }
.sd-count:empty { display: none; }
.sd-total { margin: 0; }
.sd-total b { font-size: 20px; }
.sd-counts { list-style: none; margin: 8px 0 0; padding: 0; font-size: 12.5px; }
.sd-counts li { display: flex; align-items: center; gap: 6px; padding: 2px 0; }
.sd-counts li i { width: 12px; height: 12px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, .2); }
.sd-counts li b { margin-left: auto; }
.sd-est { margin: 8px 0 0; font-size: 12.5px; }
.sd-est small { display: block; color: var(--sd-soft); }

/* calques */
.sd-layers { list-style: none; margin: 8px 0; padding: 0; }
.sd-layer { display: flex; align-items: center; gap: 4px; padding: 4px; border-radius: 10px; }
.sd-layer.is-sel { background: #f2ede4; }
.sd-layer.is-hidden .sd-lname { opacity: .45; }
.sd-lsw { width: 26px; height: 26px; border-radius: 6px; flex: none; box-shadow: 0 0 0 1px var(--sd-line); display: inline-flex; align-items: center; justify-content: center; }
.sd-lname { flex: 1; min-width: 0; text-align: left; border: 0; background: none; padding: 8px 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sd-empty { color: var(--sd-soft); padding: 20px; text-align: center; }

/* fenêtres */
.sd-overlay { position: absolute; inset: 0; z-index: 20; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(23, 20, 15, .45); }
.sd-overlay[hidden] { display: none; }
.sd-dlg { position: relative; width: min(560px, 100%); max-height: 100%; overflow-y: auto; background: var(--sd-bg); border-radius: 16px; padding: 24px; box-shadow: 0 20px 60px rgba(0, 0, 0, .25); }
.sd-dlg-wide { width: min(1040px, 100%); }
.sd-dlg h2 { margin: 0 0 6px; font-family: var(--sd-title); font-size: 24px; }
.sd-lead { margin: 0 0 16px; color: var(--sd-soft); }
.sd-x { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border: 0; background: transparent; border-radius: 50%; }
.sd-x:hover { background: #f2ede4; }
.sd-bases { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.sd-basecard { background: #fff; border: 1px solid var(--sd-line); border-radius: 14px; padding: 12px; }
.sd-basecard h3 { margin: 0 0 8px; font-size: 15px; }
.sd-basepair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sd-basepick { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px; border: 1px solid var(--sd-line); border-radius: 12px; background: var(--sd-bg); }
.sd-basepick:hover { border-color: var(--sd-ink); }
.sd-basepick small { color: var(--sd-soft); font-size: 11.5px; text-align: center; }
.sd-thumb { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1.2; overflow: hidden; }
.sd-thumb img, .sd-thumb svg { max-width: 100%; max-height: 100%; }
.sd-thumb-blank svg { fill: #fff; stroke: #17140f; stroke-width: 4; }
.sd-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
.sd-batsum { font-size: 12.5px; color: var(--sd-soft); }
.sd-err { color: #b3122e; font-size: 13px; min-height: 1em; }
.sd-pop { position: absolute; z-index: 30; width: 252px; padding: 10px; background: #fff; border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, .22); }
.sd-pop[hidden] { display: none; }
.sd-swatches { display: grid; grid-template-columns: repeat(8, 1fr); gap: 5px; }
.sd-sw { aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(0, 0, 0, .15); padding: 0; }
.sd-sw:hover { transform: scale(1.12); }
.sd-custom { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; font-size: 12.5px; }
.sd-custom input { width: 48px; height: 32px; border: 0; padding: 0; background: none; }

/* tablette / téléphone */
@media (max-width: 1100px) {
  .sd-body { grid-template-columns: 76px minmax(0, 1fr) 280px; }
}
@media (max-width: 820px) {
  .sd-app { height: auto; min-height: 0; }
  .sd-body { display: flex; flex-direction: column; }
  .sd-rail { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--sd-line); order: 1; }
  .sd-railbtn { min-width: 64px; }
  .sd-stagewrap { order: 2; height: 58vh; min-height: 340px; }
  .sd-panel { order: 3; border-left: 0; border-top: 1px solid var(--sd-line); max-height: none; }
  .sd-top { gap: 8px; }
  .sd-cta { width: 100%; }
  .sd-topacts { width: 100%; justify-content: space-between; }
  .sd-grid2 { grid-template-columns: 1fr; }
  .sd-basepair { grid-template-columns: 1fr 1fr; }
}

/* styles complets */
.sd-styles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.sd-style { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 6px 10px; border: 1px solid var(--sd-line); border-radius: 12px; background: #fff; text-align: center; }
.sd-style:hover { border-color: var(--sd-ink); }
.sd-style[aria-pressed="true"] { border-color: var(--sd-ink); box-shadow: 0 0 0 1px var(--sd-ink); }
.sd-style svg { width: 100%; height: 150px; }
.sd-style b { font-size: 13px; }
.sd-style small { font-size: 11px; color: var(--sd-soft); line-height: 1.25; }
.sd-zcols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.sd-zcol { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 11px; text-align: center; color: var(--sd-soft); }
.sd-stideas { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.sd-stidea { aspect-ratio: 1; border: 1px solid var(--sd-line); border-radius: 10px; padding: 0; }
.sd-stidea:hover { transform: scale(1.06); }
.sd-stpcs { display: flex; flex-wrap: wrap; gap: 6px; }
.sd-stpc { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 4px; border: 1px solid var(--sd-line); border-radius: 8px; }
.sd-stpc svg { width: 34px; height: 44px; fill: #e7e1d6; stroke: #17140f; stroke-width: 6; }
.sd-stpc input { width: 16px; height: 16px; accent-color: var(--sd-ink); }

/* pinceaux */
.sd-box-soft { stroke-dasharray: 4 4; opacity: .7; }
.sd-brushes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 8px 0 12px; }
.sd-brush { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 4px 5px; border: 1.5px solid var(--sd-line); border-radius: 10px; background: #1b1b22; color: #fff; cursor: pointer; font: inherit; }
.sd-brush svg { width: 100%; height: 34px; }
.sd-brush span { font-size: 11px; line-height: 1.15; text-align: center; color: #e9e9ef; }
.sd-brush:hover { border-color: var(--sd-accent, #2b7de9); }
.sd-brush[aria-pressed="true"] { border-color: var(--sd-accent, #2b7de9); box-shadow: 0 0 0 2px var(--sd-accent, #2b7de9) inset; }
.sd-live { pointer-events: none; opacity: .9; }

/* ---------- habillage DA Startner ---------- */
body.page-sd-design #wrapper, body.page-sd-design #content-wrapper, body.page-sd-design #main { background: #FFF7ED; }
body.page-sd-design #wrapper { padding-top: 24px; }
body.page-sd-design .breadcrumb { background: transparent; }
body.page-sd-design .page-header h1 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 400; font-size: 56px; line-height: 1.02; color: #14213D; margin: 0 0 26px; text-transform: none; letter-spacing: 0; }
body.page-sd-design .page-header h1::before { content: "L'atelier en ligne"; display: block; margin: 0 0 10px; font-family: Jost, sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .3em; text-transform: uppercase; color: #A8865A; }
body.page-sd-design #main .page-content.card, body.page-sd-design #content.page-content { background: transparent; border: 0; box-shadow: none; padding: 0; }
.sd-app {
  border: 3px solid transparent;
  background: linear-gradient(#FFF7ED, #FFF7ED) padding-box, linear-gradient(135deg, #C8A96B 0%, #E2CFA4 30%, #FFF7ED 52%, #EEE5F5 74%, #D4C5E8 100%) border-box;
  box-shadow: 0 24px 50px -28px rgba(20, 33, 61, .45);
}
.sd-top { background: #fff; padding: 12px 18px; }
.sd-brand b { font-size: 26px; font-weight: 500; letter-spacing: 0; }
.sd-tb { border-radius: 999px; }
.sd-tb:hover:not(:disabled):not([aria-pressed="true"]), .sd-railbtn:hover, .sd-ib:hover { background: #F6EFE4; }
.sd-cta { padding: 0 22px; font-weight: 500; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; box-shadow: 0 10px 24px -12px rgba(44, 47, 107, .7); }
.sd-cta:hover { filter: none; box-shadow: 0 14px 28px -12px rgba(106, 79, 160, .85); }
.sd-rail { background: #fff; }
.sd-railbtn { border-radius: 16px; font-weight: 500; }
.sd-railbtn[aria-pressed="true"] { background: linear-gradient(150deg, #14213D 0%, #2C2F6B 58%, #6A4FA0 100%); }
.sd-stagewrap { background: radial-gradient(circle at 50% 40%, #FFFDF8, #F3EBDF); }
.sd-hint { background: rgba(20, 33, 61, .9); }
.sd-panel h3 { font-size: 26px; font-weight: 500; }
.sd-sub { color: #A8865A; font-weight: 500; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; }
.sd-seg { background: #F6EFE4; border-radius: 999px; }
.sd-seg button { border-radius: 999px; }
.sd-seg button[aria-pressed="true"] { background: #14213D; color: #fff; font-weight: 500; box-shadow: none; }
.sd-field input, .sd-field select, .sd-field textarea, .sd-name { border-radius: 14px; }
.sd-btn { font-weight: 500; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; padding: 0 18px; }
.sd-ab, .sd-shape, .sd-motif { border-radius: 14px; }
.sd-ab[aria-pressed="true"] { background: #14213D; }
.sd-range input, .sd-check input { accent-color: #6A4FA0; }
@media (max-width: 860px) { body.page-sd-design .page-header h1 { font-size: 38px; } }
.sd-dlg { border-radius: 28px; padding: 30px; }
.sd-dlg h2 { font-size: 36px; font-weight: 500; line-height: 1.05; }
.sd-sub { text-transform: none; letter-spacing: .02em; font-size: 12.5px; }
body.page-sd-design .breadcrumb__wrapper { background: transparent; }
/* import d'un dessin SVG */
.sd-mt2 { margin-top: 22px !important; }
.sd-drop { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 8px 0; padding: 20px 12px; border: 2px dashed #D9CDBB; border-radius: 20px; background: #FFFCF7; cursor: pointer; text-align: center; transition: border-color .2s, background .2s; }
.sd-drop b { font-weight: 500; font-size: 14px; }
.sd-drop span { font-size: 12px; color: var(--sd-soft); }
.sd-drop:hover, .sd-drop.is-over { border-color: #C8A96B; background: #FFF7ED; }
.sd-svgstatus { font-size: 12.5px; color: var(--sd-soft); margin: 6px 0; }
.sd-svgchoice .sd-btn { width: 100%; justify-content: center; }

/* bouton Réinitialiser (confirmation) */
.sd-tb.sd-reset{font-size:12px;letter-spacing:.04em;padding:0 12px;width:auto}
.sd-tb.sd-reset.sd-reset-on{background:#b3261e;color:#fff;border-color:#b3261e}