/* Gerado por tools/build-personalizer-skin.py. Não editar à mão.
   Visual do Amor ao Quadrado nos personalizadores de Quadro de Mesa, Kits,
   Colagens, Texto e arte e Ímãs. Só aparência. */

/* Diálogo do tema: tela única, como no Amor ao Quadrado */
.fcf-product-editor:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app))[open]{display:flex;flex-direction:column;overflow:hidden;height:94dvh}
.fcf-product-editor:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app)) .fcf-editor-bar{flex:none;padding-block:10px}
.fcf-product-editor:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app)) .fcf-editor-body{flex:1;min-height:0;padding:0;display:flex;flex-direction:column;width:100%;max-width:none;margin:0}
.fcf-editor-body:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app)) .fcf-product-purchase{flex:1;min-height:0;display:flex;flex-direction:column}
.fcf-editor-body:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app)) .fcf-product-purchase>:not(form.cart){display:none}
.fcf-editor-body:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app)) form.cart{flex:1;min-height:0;display:flex;flex-direction:column;margin:0}
.fcf-editor-body:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app)) form.cart>*{flex:none}
.fcf-editor-body:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app)) form.cart>:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app){flex:1;min-height:0}
@media(max-width:899px){
  .fcf-product-editor:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app))[open]{height:100dvh}
  .fcf-product-editor:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app)) .fcf-editor-bar span{display:none}
  .fcf-product-editor:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app)) .fcf-editor-bar h2{font-size:17px!important;margin:0!important}
  .fcf-product-editor:has(:is(.fm-desk-collection-app,.fm-kit-collection-app,.fm-collage-app,.fm-text-art-app,.fm-magnet-collection-app)) .fcf-editor-bar{padding-block:6px}
}

/* ===== .fm-dc ===== */

/* Raiz: mesmas cores, fonte e fundo do Amor ao Quadrado */
.fm-dc{--pink:#d6284f;--line:#e0dcd5;--ink:#252a28;--sk-muted:#5f6662;--sk-soft:#fdeef1;--sk-ground:#f5f2ed;--sk-shadow:0 1px 2px rgba(20,30,28,.06),0 8px 24px rgba(20,30,28,.08);font:14px/1.35 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--sk-ground)}
dialog .fm-dc{max-width:none;width:100%;min-height:0}
.fm-dc button{border-radius:12px;line-height:1.25}
.fm-dc [aria-pressed=true]{background:var(--sk-soft);border-color:var(--pink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--pink)}

/* Prévia: começa abaixo de Colorido / .fm-dc&B / Misto, que fica no topo como no Amor ao Quadrado */
.fm-dc__stage{background:var(--sk-ground)}
dialog .fm-dc:has(.fm-dc__panel>.fm-dc__row:first-child .fm-dc__segment [data-value=mix]) .fm-dc__stage{margin-top:52px;overflow:visible}
dialog .fm-dc:has(.fm-dc__panel>.fm-dc__row:first-child .fm-dc__segment [data-value=mix]) .fm-dc__view{top:-42px}
.fm-dc__measure{font-size:12px;color:var(--sk-muted);font-weight:500;bottom:10px}
.fm-dc__view{top:10px;right:12px;z-index:3}
.fm-dc__view button{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;min-height:0;font-size:12.5px;font-weight:500;color:var(--sk-muted);box-shadow:var(--sk-shadow)}
.fm-dc__view button[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:var(--sk-shadow)}

/* Colorido / .fm-dc&B / Misto: sai do painel e fica sobre a prévia, como no Amor ao Quadrado */
.fm-dc__panel>.fm-dc__row:first-child:has(.fm-dc__segment [data-value=mix]){position:absolute;top:10px;left:12px;z-index:3;min-height:0}
@media(min-width:900px){dialog .fm-dc__panel>.fm-dc__row:first-child:has(.fm-dc__segment [data-value=mix]){top:14px;left:16px}}
.fm-dc__panel>.fm-dc__row:first-child:has(.fm-dc__segment [data-value=mix])>span{display:none}
.fm-dc__segment{gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px}
.fm-dc__panel>.fm-dc__row:first-child:has(.fm-dc__segment [data-value=mix]) .fm-dc__segment{box-shadow:var(--sk-shadow)}
.fm-dc__segment button{border:0;background:transparent;border-radius:999px;padding:6px 11px;min-height:0;font-size:12.5px;font-weight:500;color:var(--sk-muted);display:inline-flex;align-items:center;gap:6px}
.fm-dc__segment button[aria-pressed=true]{background:var(--sk-soft);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--pink)}
.fm-dc__segment button:is([data-value=color],[data-value=bw],[data-value=mix])::before{content:"";width:14px;height:14px;border-radius:50%;flex:none}
.fm-dc__segment button[data-value=color]::before{background:conic-gradient(#f2a03d,#e0506a,#6b7fd7,#4db38a,#f2a03d)}
.fm-dc__segment button[data-value=bw]::before{background:linear-gradient(90deg,#1d1d1d 50%,#e2e2e2 50%);box-shadow:inset 0 0 0 1px #9a9a9a}
.fm-dc__segment button[data-value=mix]::before{background:linear-gradient(90deg,transparent 50%,#2a2a2a 50%),conic-gradient(#f2a03d,#e0506a,#6b7fd7,#4db38a,#f2a03d)}
.fm-dc__segment button[data-value=white]::before,.fm-dc__segment button[data-value=black]::before{content:"";width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #9a9a9a}
.fm-dc__segment button[data-value=white]::before{background:#fff}
.fm-dc__segment button[data-value=black]::before{background:#1d1d1d}

/* Quadro 1 de N */
.fm-dc__navigator{background:#fff;padding:8px 14px;gap:6px;border-bottom:1px solid var(--line)}
.fm-dc__navigator>b{font-size:13.5px;font-weight:600}
.fm-dc__navigator button{border-radius:999px;min-height:32px;font-size:13px;padding:5px 12px;font-weight:500}
.fm-dc__navigator button:is([data-action=prev],[data-action=next],[data-action=remove]){width:32px;padding:0;font-size:16px}
.fm-dc .fm-dc__navigator select,.fm-dc .fm-dc__navigator select[data-piece-choice]{flex:1 1 auto!important;min-width:0;max-width:none!important;width:auto;height:34px;min-height:34px;padding:4px 8px;border:1px solid var(--line);border-radius:10px;font:500 13px Inter,system-ui,sans-serif;color:var(--ink);background:#fff}

/* Etapas: número no círculo e sublinhado rosa, texto escuro */
.fm-dc__tabs{height:auto;background:#fff;padding:6px 10px 0;border-bottom:1px solid var(--line)}
.fm-dc__tabs button{display:block;background:transparent;padding:9px 6px 10px;font-size:13px;font-weight:500;color:var(--sk-muted);border-bottom-width:2px}
.fm-dc__tabs button::first-letter{font-size:12px;font-weight:600;border:1.5px solid currentColor;border-radius:50%;padding:1px 5px;margin-right:7px;vertical-align:1px}
.fm-dc__tabs button[aria-current=step]{color:var(--ink);font-weight:500;border-bottom-color:var(--pink)}

/* Painel */
.fm-dc__panel{padding:12px 16px;gap:10px;background:#fff}
.fm-dc__row{font-size:13.5px}
.fm-dc__row>b{font-size:13.5px;font-weight:600}
.fm-dc__panel small{font-size:12.5px;color:var(--sk-muted)}
.fm-dc__panel select{border-radius:10px;min-height:36px;font-size:13.5px;border-color:var(--line)}
.fm-dc .fm-dc__slots{gap:6px}
.fm-dc .fm-dc__slots button{border:1.5px solid var(--line);border-radius:12px;font-weight:500;background:#fff}
.fm-dc__input{font-size:13px;color:var(--sk-muted)}
.fm-dc__input input,.fm-dc textarea{border-radius:12px;border-color:var(--line)}

/* "Enviar depois", embalagem, cartão…: chave em cartão, como no Amor ao Quadrado */
.fm-dc .fm-dc__check{gap:12px;border:1px solid var(--line);border-radius:14px;padding:9px 12px;font-size:13.5px;font-weight:500;min-height:0;background:#fff}
.fm-dc .fm-dc__row>.fm-dc__check{flex:1}
.fm-dc .fm-dc__check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 38px;width:38px;min-width:38px;max-width:38px;height:22px;min-height:22px;max-height:22px;padding:0;border:0;border-radius:99px;margin:0;flex:none;cursor:pointer;background:radial-gradient(circle at 11px 50%,#fff 7.5px,transparent 8.5px),var(--line);transition:background .2s;box-shadow:none}
.fm-dc .fm-dc__check input[type=checkbox]:checked{background:radial-gradient(circle at 27px 50%,#fff 7.5px,transparent 8.5px),var(--pink)}
.fm-dc .fm-dc__check input[type=checkbox]:focus-visible{outline:2px solid var(--pink);outline-offset:2px}

/* Rodapé: total e botão principal com ícone */
.fm-dc__footer{padding:10px 16px;gap:12px;height:auto;min-height:70px;border-top:1px solid var(--line)}
.fcf-product-editor .fm-dc__footer strong,.fm-dc__footer strong{font-size:19px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.fm-dc__footer small{font-size:12px;color:var(--sk-muted)}
/* O total usa a classe do cabeçalho antigo, que o tema pinta de rosa com !important */
.fcf-product-editor .fm-dc__footer strong.fm-preview-header__price{color:var(--ink)!important}
.fm-dc button:is(.fm-dc__primary){display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 18px;font-size:15px;font-weight:600;min-width:min(54%,240px)}
.fm-dc button:is(.fm-dc__primary):hover{background:#bf2246}
.fm-dc button:is(.fm-dc__primary)::before{content:"";display:none;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat}

/* Ícone de foto só na primeira etapa (Escolher fotos) */
.fm-dc:has(.fm-dc__tabs [data-step="0"][aria-current=step]):not(:has(.fm-dc__zoom,.fm-dc__panel[data-mode=text],.fm-dc__panel[data-mode=card])) button:is(.fm-dc__primary)::before{display:block}

/* Até 399 px: Misto não encosta no botão da cena (P11.10-6) */
@media(max-width:399px){.fm-dc__segment button{padding-left:8px;padding-right:8px}.fm-dc__view button{padding-left:10px;padding-right:10px}}

/* Alvos de 44 px em telas com 700 px de altura ou mais (P10.11; o mesmo bloco do CSS das 5 famílias) */
@media(min-height:700px){
  .fm-dc .fm-dc__tabs button{min-height:46px}
  .fm-dc .fm-dc__navigator{min-height:52px;padding-top:4px;padding-bottom:4px}
  .fm-dc .fm-dc__navigator button{min-height:46px;min-width:46px}
  .fm-dc .fm-dc__navigator select[data-piece-choice]{height:46px;min-height:46px}
  .fm-dc .fm-dc__panel button{min-height:46px}
  .fm-dc .fm-dc__panel select{height:46px;min-height:46px}
  .fm-dc .fm-dc__panel input:not([type=checkbox]):not([type=range]){height:46px;min-height:46px}
  .fm-dc .fm-dc__panel input[type=range]{height:46px;min-height:46px}
  .fm-dc .fm-dc__check{min-height:46px}
  .fm-dc button:is(.fm-dc__primary){min-height:46px}
  .fm-dc .fm-dc__segment button,.fm-dc .fm-dc__view button{position:relative}
  .fm-dc .fm-dc__segment button{min-width:46px;justify-content:center}
  .fm-dc .fm-dc__segment button::after,.fm-dc .fm-dc__view button::after{content:"";position:absolute;left:0;right:0;top:50%;height:46px;transform:translateY(-50%)}
}

/* Avisos rápidos no topo, nunca sobre o painel */
.fm-dc__notice{top:12px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:var(--ink);border-radius:12px;padding:10px 16px;font-size:13.5px}

/* Botão da página (fora do diálogo) */
.fm-dc__launch{font:600 16px Inter,system-ui,sans-serif;border-radius:14px}

/* Computador: prévia à esquerda; etapas, painel e total à direita */
@media(min-width:900px){
  dialog .fm-dc{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100%}
  dialog .fm-dc>.fm-dc__header{display:none}
  dialog .fm-dc__stage{grid-column:1;grid-row:1 / -1;min-height:0}
  dialog .fm-dc__tabs{grid-column:2;grid-row:1;padding:12px 14px 0;border-left:1px solid var(--line)}
  dialog .fm-dc__navigator{grid-column:2;grid-row:2;border-left:1px solid var(--line)}
  dialog .fm-dc__panel{grid-column:2;grid-row:3 / 5;height:auto;padding:16px 20px 20px;border-left:1px solid var(--line);overflow:auto}
  dialog .fm-dc__footer{grid-column:2;grid-row:5;border-left:1px solid var(--line)}
  dialog .fm-dc .fm-dc__slots button{min-height:42px;height:auto;padding:10px 6px;font-size:13.5px}
  dialog .fm-dc .fm-dc__panel .fm-dc__check{min-height:44px;font-size:13.5px}
}

/* ===== .fm-kc ===== */

/* Raiz: mesmas cores, fonte e fundo do Amor ao Quadrado */
.fm-kc{--pink:#d6284f;--line:#e0dcd5;--ink:#252a28;--sk-muted:#5f6662;--sk-soft:#fdeef1;--sk-ground:#f5f2ed;--sk-shadow:0 1px 2px rgba(20,30,28,.06),0 8px 24px rgba(20,30,28,.08);font:14px/1.35 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--sk-ground)}
dialog .fm-kc{max-width:none;width:100%;min-height:0}
.fm-kc button{border-radius:12px;line-height:1.25}
.fm-kc [aria-pressed=true]{background:var(--sk-soft);border-color:var(--pink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--pink)}

/* Prévia: começa abaixo de Colorido / .fm-kc&B / Misto, que fica no topo como no Amor ao Quadrado */
.fm-kc__stage{background:var(--sk-ground)}
dialog .fm-kc:has(.fm-kc__panel>.fm-kc__row:first-child .fm-kc__segment [data-value=mix]) .fm-kc__stage{margin-top:52px;overflow:visible}
dialog .fm-kc:has(.fm-kc__panel>.fm-kc__row:first-child .fm-kc__segment [data-value=mix]) .fm-kc__view{top:-42px}
.fm-kc__measure{font-size:12px;color:var(--sk-muted);font-weight:500;bottom:10px}
.fm-kc__view{top:10px;right:12px;z-index:3}
.fm-kc__view button{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;min-height:0;font-size:12.5px;font-weight:500;color:var(--sk-muted);box-shadow:var(--sk-shadow)}
.fm-kc__view button[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:var(--sk-shadow)}

/* Colorido / .fm-kc&B / Misto: sai do painel e fica sobre a prévia, como no Amor ao Quadrado */
.fm-kc__panel>.fm-kc__row:first-child:has(.fm-kc__segment [data-value=mix]){position:absolute;top:10px;left:12px;z-index:3;min-height:0}
@media(min-width:900px){dialog .fm-kc__panel>.fm-kc__row:first-child:has(.fm-kc__segment [data-value=mix]){top:14px;left:16px}}
.fm-kc__panel>.fm-kc__row:first-child:has(.fm-kc__segment [data-value=mix])>span{display:none}
.fm-kc__segment{gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px}
.fm-kc__panel>.fm-kc__row:first-child:has(.fm-kc__segment [data-value=mix]) .fm-kc__segment{box-shadow:var(--sk-shadow)}
.fm-kc__segment button{border:0;background:transparent;border-radius:999px;padding:6px 11px;min-height:0;font-size:12.5px;font-weight:500;color:var(--sk-muted);display:inline-flex;align-items:center;gap:6px}
.fm-kc__segment button[aria-pressed=true]{background:var(--sk-soft);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--pink)}
.fm-kc__segment button:is([data-value=color],[data-value=bw],[data-value=mix])::before{content:"";width:14px;height:14px;border-radius:50%;flex:none}
.fm-kc__segment button[data-value=color]::before{background:conic-gradient(#f2a03d,#e0506a,#6b7fd7,#4db38a,#f2a03d)}
.fm-kc__segment button[data-value=bw]::before{background:linear-gradient(90deg,#1d1d1d 50%,#e2e2e2 50%);box-shadow:inset 0 0 0 1px #9a9a9a}
.fm-kc__segment button[data-value=mix]::before{background:linear-gradient(90deg,transparent 50%,#2a2a2a 50%),conic-gradient(#f2a03d,#e0506a,#6b7fd7,#4db38a,#f2a03d)}
.fm-kc__segment button[data-value=white]::before,.fm-kc__segment button[data-value=black]::before{content:"";width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #9a9a9a}
.fm-kc__segment button[data-value=white]::before{background:#fff}
.fm-kc__segment button[data-value=black]::before{background:#1d1d1d}

/* Quadro 1 de N */
.fm-kc__navigator{background:#fff;padding:8px 14px;gap:6px;border-bottom:1px solid var(--line)}
.fm-kc__navigator>b{font-size:13.5px;font-weight:600}
.fm-kc__navigator button{border-radius:999px;min-height:32px;font-size:13px;padding:5px 12px;font-weight:500}
.fm-kc__navigator button:is([data-action=prev],[data-action=next],[data-action=remove]){width:32px;padding:0;font-size:16px}
.fm-kc .fm-kc__navigator select,.fm-kc .fm-kc__navigator select[data-piece-choice]{flex:1 1 auto!important;min-width:0;max-width:none!important;width:auto;height:34px;min-height:34px;padding:4px 8px;border:1px solid var(--line);border-radius:10px;font:500 13px Inter,system-ui,sans-serif;color:var(--ink);background:#fff}

/* Etapas: número no círculo e sublinhado rosa, texto escuro */
.fm-kc__tabs{height:auto;background:#fff;padding:6px 10px 0;border-bottom:1px solid var(--line)}
.fm-kc__tabs button{display:block;background:transparent;padding:9px 6px 10px;font-size:13px;font-weight:500;color:var(--sk-muted);border-bottom-width:2px}
.fm-kc__tabs button::first-letter{font-size:12px;font-weight:600;border:1.5px solid currentColor;border-radius:50%;padding:1px 5px;margin-right:7px;vertical-align:1px}
.fm-kc__tabs button[aria-current=step]{color:var(--ink);font-weight:500;border-bottom-color:var(--pink)}

/* Painel */
.fm-kc__panel{padding:12px 16px;gap:10px;background:#fff}
.fm-kc__row{font-size:13.5px}
.fm-kc__row>b{font-size:13.5px;font-weight:600}
.fm-kc__panel small{font-size:12.5px;color:var(--sk-muted)}
.fm-kc__panel select{border-radius:10px;min-height:36px;font-size:13.5px;border-color:var(--line)}
.fm-kc .fm-kc__slots{gap:6px}
.fm-kc .fm-kc__slots button{border:1.5px solid var(--line);border-radius:12px;font-weight:500;background:#fff}
.fm-kc__input{font-size:13px;color:var(--sk-muted)}
.fm-kc__input input,.fm-kc textarea{border-radius:12px;border-color:var(--line)}

/* "Enviar depois", embalagem, cartão…: chave em cartão, como no Amor ao Quadrado */
.fm-kc .fm-kc__check{gap:12px;border:1px solid var(--line);border-radius:14px;padding:9px 12px;font-size:13.5px;font-weight:500;min-height:0;background:#fff}
.fm-kc .fm-kc__row>.fm-kc__check{flex:1}
.fm-kc .fm-kc__check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 38px;width:38px;min-width:38px;max-width:38px;height:22px;min-height:22px;max-height:22px;padding:0;border:0;border-radius:99px;margin:0;flex:none;cursor:pointer;background:radial-gradient(circle at 11px 50%,#fff 7.5px,transparent 8.5px),var(--line);transition:background .2s;box-shadow:none}
.fm-kc .fm-kc__check input[type=checkbox]:checked{background:radial-gradient(circle at 27px 50%,#fff 7.5px,transparent 8.5px),var(--pink)}
.fm-kc .fm-kc__check input[type=checkbox]:focus-visible{outline:2px solid var(--pink);outline-offset:2px}

/* Rodapé: total e botão principal com ícone */
.fm-kc__footer{padding:10px 16px;gap:12px;height:auto;min-height:70px;border-top:1px solid var(--line)}
.fcf-product-editor .fm-kc__footer strong,.fm-kc__footer strong{font-size:19px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.fm-kc__footer small{font-size:12px;color:var(--sk-muted)}
/* O total usa a classe do cabeçalho antigo, que o tema pinta de rosa com !important */
.fcf-product-editor .fm-kc__footer strong.fm-preview-header__price{color:var(--ink)!important}
.fm-kc button:is(.fm-kc__primary){display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 18px;font-size:15px;font-weight:600;min-width:min(54%,240px)}
.fm-kc button:is(.fm-kc__primary):hover{background:#bf2246}
.fm-kc button:is(.fm-kc__primary)::before{content:"";display:none;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat}

/* Ícone de foto só na primeira etapa (Escolher fotos) */
.fm-kc:has(.fm-kc__tabs [data-step="0"][aria-current=step]):not(:has(.fm-kc__zoom,.fm-kc__panel[data-mode=text],.fm-kc__panel[data-mode=card])) button:is(.fm-kc__primary)::before{display:block}

/* Até 399 px: Misto não encosta no botão da cena (P11.10-6) */
@media(max-width:399px){.fm-kc__segment button{padding-left:8px;padding-right:8px}.fm-kc__view button{padding-left:10px;padding-right:10px}}

/* Alvos de 44 px em telas com 700 px de altura ou mais (P10.11; o mesmo bloco do CSS das 5 famílias) */
@media(min-height:700px){
  .fm-kc .fm-kc__tabs button{min-height:46px}
  .fm-kc .fm-kc__navigator{min-height:52px;padding-top:4px;padding-bottom:4px}
  .fm-kc .fm-kc__navigator button{min-height:46px;min-width:46px}
  .fm-kc .fm-kc__navigator select[data-piece-choice]{height:46px;min-height:46px}
  .fm-kc .fm-kc__panel button{min-height:46px}
  .fm-kc .fm-kc__panel select{height:46px;min-height:46px}
  .fm-kc .fm-kc__panel input:not([type=checkbox]):not([type=range]){height:46px;min-height:46px}
  .fm-kc .fm-kc__panel input[type=range]{height:46px;min-height:46px}
  .fm-kc .fm-kc__check{min-height:46px}
  .fm-kc button:is(.fm-kc__primary){min-height:46px}
  .fm-kc .fm-kc__segment button,.fm-kc .fm-kc__view button{position:relative}
  .fm-kc .fm-kc__segment button{min-width:46px;justify-content:center}
  .fm-kc .fm-kc__segment button::after,.fm-kc .fm-kc__view button::after{content:"";position:absolute;left:0;right:0;top:50%;height:46px;transform:translateY(-50%)}
}

/* Avisos rápidos no topo, nunca sobre o painel */
.fm-kc__notice{top:12px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:var(--ink);border-radius:12px;padding:10px 16px;font-size:13.5px}

/* Botão da página (fora do diálogo) */
.fm-kc__launch{font:600 16px Inter,system-ui,sans-serif;border-radius:14px}

/* Computador: prévia à esquerda; etapas, painel e total à direita */
@media(min-width:900px){
  dialog .fm-kc{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100%}
  dialog .fm-kc>.fm-kc__header{display:none}
  dialog .fm-kc__stage{grid-column:1;grid-row:1 / -1;min-height:0}
  dialog .fm-kc__tabs{grid-column:2;grid-row:1;padding:12px 14px 0;border-left:1px solid var(--line)}
  dialog .fm-kc__navigator{grid-column:2;grid-row:2;border-left:1px solid var(--line)}
  dialog .fm-kc__panel{grid-column:2;grid-row:3 / 5;height:auto;padding:16px 20px 20px;border-left:1px solid var(--line);overflow:auto}
  dialog .fm-kc__footer{grid-column:2;grid-row:5;border-left:1px solid var(--line)}
  dialog .fm-kc .fm-kc__slots button{min-height:42px;height:auto;padding:10px 6px;font-size:13.5px}
  dialog .fm-kc .fm-kc__panel .fm-kc__check{min-height:44px;font-size:13.5px}
}

/* ===== .fm-collage ===== */

/* Raiz: mesmas cores, fonte e fundo do Amor ao Quadrado */
.fm-collage{--pink:#d6284f;--line:#e0dcd5;--ink:#252a28;--sk-muted:#5f6662;--sk-soft:#fdeef1;--sk-ground:#f5f2ed;--sk-shadow:0 1px 2px rgba(20,30,28,.06),0 8px 24px rgba(20,30,28,.08);font:14px/1.35 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--sk-ground)}
dialog .fm-collage{max-width:none;width:100%;min-height:0}
.fm-collage button{border-radius:12px;line-height:1.25}
.fm-collage [aria-pressed=true]{background:var(--sk-soft);border-color:var(--pink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--pink)}

/* Prévia: começa abaixo de Colorido / .fm-collage&B / Misto, que fica no topo como no Amor ao Quadrado */
.fm-collage__stage{background:var(--sk-ground)}
dialog .fm-collage:has(.fm-collage__panel>.fm-collage__row:first-child .fm-collage__segment [data-value=mix]) .fm-collage__stage{margin-top:52px;overflow:visible}
dialog .fm-collage:has(.fm-collage__panel>.fm-collage__row:first-child .fm-collage__segment [data-value=mix]) .fm-collage__view{top:-42px}
.fm-collage__measure{font-size:12px;color:var(--sk-muted);font-weight:500;bottom:10px}
.fm-collage__view{top:10px;right:12px;z-index:3}
.fm-collage__view button{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;min-height:0;font-size:12.5px;font-weight:500;color:var(--sk-muted);box-shadow:var(--sk-shadow)}
.fm-collage__view button[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:var(--sk-shadow)}

/* Colorido / .fm-collage&B / Misto: sai do painel e fica sobre a prévia, como no Amor ao Quadrado */
.fm-collage__panel>.fm-collage__row:first-child:has(.fm-collage__segment [data-value=mix]){position:absolute;top:10px;left:12px;z-index:3;min-height:0}
@media(min-width:900px){dialog .fm-collage__panel>.fm-collage__row:first-child:has(.fm-collage__segment [data-value=mix]){top:14px;left:16px}}
.fm-collage__panel>.fm-collage__row:first-child:has(.fm-collage__segment [data-value=mix])>span{display:none}
.fm-collage__segment{gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px}
.fm-collage__panel>.fm-collage__row:first-child:has(.fm-collage__segment [data-value=mix]) .fm-collage__segment{box-shadow:var(--sk-shadow)}
.fm-collage__segment button{border:0;background:transparent;border-radius:999px;padding:6px 11px;min-height:0;font-size:12.5px;font-weight:500;color:var(--sk-muted);display:inline-flex;align-items:center;gap:6px}
.fm-collage__segment button[aria-pressed=true]{background:var(--sk-soft);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--pink)}
.fm-collage__segment button:is([data-value=color],[data-value=bw],[data-value=mix])::before{content:"";width:14px;height:14px;border-radius:50%;flex:none}
.fm-collage__segment button[data-value=color]::before{background:conic-gradient(#f2a03d,#e0506a,#6b7fd7,#4db38a,#f2a03d)}
.fm-collage__segment button[data-value=bw]::before{background:linear-gradient(90deg,#1d1d1d 50%,#e2e2e2 50%);box-shadow:inset 0 0 0 1px #9a9a9a}
.fm-collage__segment button[data-value=mix]::before{background:linear-gradient(90deg,transparent 50%,#2a2a2a 50%),conic-gradient(#f2a03d,#e0506a,#6b7fd7,#4db38a,#f2a03d)}
.fm-collage__segment button[data-value=white]::before,.fm-collage__segment button[data-value=black]::before{content:"";width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #9a9a9a}
.fm-collage__segment button[data-value=white]::before{background:#fff}
.fm-collage__segment button[data-value=black]::before{background:#1d1d1d}

/* Quadro 1 de N */
.fm-collage__navigator{background:#fff;padding:8px 14px;gap:6px;border-bottom:1px solid var(--line)}
.fm-collage__navigator>b{font-size:13.5px;font-weight:600}
.fm-collage__navigator button{border-radius:999px;min-height:32px;font-size:13px;padding:5px 12px;font-weight:500}
.fm-collage__navigator button:is([data-action=prev],[data-action=next],[data-action=remove]){width:32px;padding:0;font-size:16px}
.fm-collage .fm-collage__navigator select,.fm-collage .fm-collage__navigator select[data-piece-choice]{flex:1 1 auto!important;min-width:0;max-width:none!important;width:auto;height:34px;min-height:34px;padding:4px 8px;border:1px solid var(--line);border-radius:10px;font:500 13px Inter,system-ui,sans-serif;color:var(--ink);background:#fff}

/* Etapas: número no círculo e sublinhado rosa, texto escuro */
.fm-collage__tabs{height:auto;background:#fff;padding:6px 10px 0;border-bottom:1px solid var(--line)}
.fm-collage__tabs button{display:block;background:transparent;padding:9px 6px 10px;font-size:13px;font-weight:500;color:var(--sk-muted);border-bottom-width:2px}
.fm-collage__tabs button::first-letter{font-size:12px;font-weight:600;border:1.5px solid currentColor;border-radius:50%;padding:1px 5px;margin-right:7px;vertical-align:1px}
.fm-collage__tabs button[aria-current=step]{color:var(--ink);font-weight:500;border-bottom-color:var(--pink)}

/* Painel */
.fm-collage__panel{padding:12px 16px;gap:10px;background:#fff}
.fm-collage__row{font-size:13.5px}
.fm-collage__row>b{font-size:13.5px;font-weight:600}
.fm-collage__panel small{font-size:12.5px;color:var(--sk-muted)}
.fm-collage__panel select{border-radius:10px;min-height:36px;font-size:13.5px;border-color:var(--line)}
.fm-collage .fm-collage__slots{gap:6px}
.fm-collage .fm-collage__slots button{border:1.5px solid var(--line);border-radius:12px;font-weight:500;background:#fff}
.fm-collage__input{font-size:13px;color:var(--sk-muted)}
.fm-collage__input input,.fm-collage textarea{border-radius:12px;border-color:var(--line)}

/* "Enviar depois", embalagem, cartão…: chave em cartão, como no Amor ao Quadrado */
.fm-collage .fm-collage__check{gap:12px;border:1px solid var(--line);border-radius:14px;padding:9px 12px;font-size:13.5px;font-weight:500;min-height:0;background:#fff}
.fm-collage .fm-collage__row>.fm-collage__check{flex:1}
.fm-collage .fm-collage__check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 38px;width:38px;min-width:38px;max-width:38px;height:22px;min-height:22px;max-height:22px;padding:0;border:0;border-radius:99px;margin:0;flex:none;cursor:pointer;background:radial-gradient(circle at 11px 50%,#fff 7.5px,transparent 8.5px),var(--line);transition:background .2s;box-shadow:none}
.fm-collage .fm-collage__check input[type=checkbox]:checked{background:radial-gradient(circle at 27px 50%,#fff 7.5px,transparent 8.5px),var(--pink)}
.fm-collage .fm-collage__check input[type=checkbox]:focus-visible{outline:2px solid var(--pink);outline-offset:2px}

/* Rodapé: total e botão principal com ícone */
.fm-collage__footer{padding:10px 16px;gap:12px;height:auto;min-height:70px;border-top:1px solid var(--line)}
.fcf-product-editor .fm-collage__footer strong,.fm-collage__footer strong{font-size:19px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.fm-collage__footer small{font-size:12px;color:var(--sk-muted)}
/* O total usa a classe do cabeçalho antigo, que o tema pinta de rosa com !important */
.fcf-product-editor .fm-collage__footer strong.fm-preview-header__price{color:var(--ink)!important}
.fm-collage button:is(.fm-collage__primary){display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 18px;font-size:15px;font-weight:600;min-width:min(54%,240px)}
.fm-collage button:is(.fm-collage__primary):hover{background:#bf2246}
.fm-collage button:is(.fm-collage__primary)::before{content:"";display:none;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat}

/* Ícone de foto só na primeira etapa (Escolher fotos) */
.fm-collage:has(.fm-collage__tabs [data-step="0"][aria-current=step]):not(:has(.fm-collage__zoom,.fm-collage__panel[data-mode=text],.fm-collage__panel[data-mode=card])) button:is(.fm-collage__primary)::before{display:block}

/* Até 399 px: Misto não encosta no botão da cena (P11.10-6) */
@media(max-width:399px){.fm-collage__segment button{padding-left:8px;padding-right:8px}.fm-collage__view button{padding-left:10px;padding-right:10px}}

/* Alvos de 44 px em telas com 700 px de altura ou mais (P10.11; o mesmo bloco do CSS das 5 famílias) */
@media(min-height:700px){
  .fm-collage .fm-collage__tabs button{min-height:46px}
  .fm-collage .fm-collage__navigator{min-height:52px;padding-top:4px;padding-bottom:4px}
  .fm-collage .fm-collage__navigator button{min-height:46px;min-width:46px}
  .fm-collage .fm-collage__navigator select[data-piece-choice]{height:46px;min-height:46px}
  .fm-collage .fm-collage__panel button{min-height:46px}
  .fm-collage .fm-collage__panel select{height:46px;min-height:46px}
  .fm-collage .fm-collage__panel input:not([type=checkbox]):not([type=range]){height:46px;min-height:46px}
  .fm-collage .fm-collage__panel input[type=range]{height:46px;min-height:46px}
  .fm-collage .fm-collage__check{min-height:46px}
  .fm-collage button:is(.fm-collage__primary){min-height:46px}
  .fm-collage .fm-collage__segment button,.fm-collage .fm-collage__view button{position:relative}
  .fm-collage .fm-collage__segment button{min-width:46px;justify-content:center}
  .fm-collage .fm-collage__segment button::after,.fm-collage .fm-collage__view button::after{content:"";position:absolute;left:0;right:0;top:50%;height:46px;transform:translateY(-50%)}
}

/* Avisos rápidos no topo, nunca sobre o painel */
.fm-collage__notice{top:12px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:var(--ink);border-radius:12px;padding:10px 16px;font-size:13.5px}

/* Botão da página (fora do diálogo) */
.fm-collage__launch{font:600 16px Inter,system-ui,sans-serif;border-radius:14px}

/* Computador: prévia à esquerda; etapas, painel e total à direita */
@media(min-width:900px){
  dialog .fm-collage{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100%}
  dialog .fm-collage>.fm-collage__header{display:none}
  dialog .fm-collage__stage{grid-column:1;grid-row:1 / -1;min-height:0}
  dialog .fm-collage__tabs{grid-column:2;grid-row:1;padding:12px 14px 0;border-left:1px solid var(--line)}
  dialog .fm-collage__navigator{grid-column:2;grid-row:2;border-left:1px solid var(--line)}
  dialog .fm-collage__panel{grid-column:2;grid-row:3 / 5;height:auto;padding:16px 20px 20px;border-left:1px solid var(--line);overflow:auto}
  dialog .fm-collage__footer{grid-column:2;grid-row:5;border-left:1px solid var(--line)}
  dialog .fm-collage .fm-collage__slots button{min-height:42px;height:auto;padding:10px 6px;font-size:13.5px}
  dialog .fm-collage .fm-collage__panel .fm-collage__check{min-height:44px;font-size:13.5px}
}

/* ===== .fm-ta ===== */

/* Raiz: mesmas cores, fonte e fundo do Amor ao Quadrado */
.fm-ta{--pink:#d6284f;--line:#e0dcd5;--ink:#252a28;--sk-muted:#5f6662;--sk-soft:#fdeef1;--sk-ground:#f5f2ed;--sk-shadow:0 1px 2px rgba(20,30,28,.06),0 8px 24px rgba(20,30,28,.08);font:14px/1.35 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--sk-ground)}
dialog .fm-ta{max-width:none;width:100%;min-height:0}
.fm-ta button{border-radius:12px;line-height:1.25}
.fm-ta [aria-pressed=true]{background:var(--sk-soft);border-color:var(--pink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--pink)}

/* Prévia: começa abaixo de Colorido / .fm-ta&B / Misto, que fica no topo como no Amor ao Quadrado */
.fm-ta__stage{background:var(--sk-ground)}
dialog .fm-ta:has(.fm-ta__panel>.fm-ta__row:first-child .fm-ta__segment [data-value=mix]) .fm-ta__stage{margin-top:52px;overflow:visible}
dialog .fm-ta:has(.fm-ta__panel>.fm-ta__row:first-child .fm-ta__segment [data-value=mix]) .fm-ta__view{top:-42px}
.fm-ta__measure{font-size:12px;color:var(--sk-muted);font-weight:500;bottom:10px}
.fm-ta__view{top:10px;right:12px;z-index:3}
.fm-ta__view button{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;min-height:0;font-size:12.5px;font-weight:500;color:var(--sk-muted);box-shadow:var(--sk-shadow)}
.fm-ta__view button[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:var(--sk-shadow)}

/* Colorido / .fm-ta&B / Misto: sai do painel e fica sobre a prévia, como no Amor ao Quadrado */
.fm-ta__panel>.fm-ta__row:first-child:has(.fm-ta__segment [data-value=mix]){position:absolute;top:10px;left:12px;z-index:3;min-height:0}
@media(min-width:900px){dialog .fm-ta__panel>.fm-ta__row:first-child:has(.fm-ta__segment [data-value=mix]){top:14px;left:16px}}
.fm-ta__panel>.fm-ta__row:first-child:has(.fm-ta__segment [data-value=mix])>span{display:none}
.fm-ta__segment{gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px}
.fm-ta__panel>.fm-ta__row:first-child:has(.fm-ta__segment [data-value=mix]) .fm-ta__segment{box-shadow:var(--sk-shadow)}
.fm-ta__segment button{border:0;background:transparent;border-radius:999px;padding:6px 11px;min-height:0;font-size:12.5px;font-weight:500;color:var(--sk-muted);display:inline-flex;align-items:center;gap:6px}
.fm-ta__segment button[aria-pressed=true]{background:var(--sk-soft);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--pink)}
.fm-ta__segment button:is([data-value=color],[data-value=bw],[data-value=mix])::before{content:"";width:14px;height:14px;border-radius:50%;flex:none}
.fm-ta__segment button[data-value=color]::before{background:conic-gradient(#f2a03d,#e0506a,#6b7fd7,#4db38a,#f2a03d)}
.fm-ta__segment button[data-value=bw]::before{background:linear-gradient(90deg,#1d1d1d 50%,#e2e2e2 50%);box-shadow:inset 0 0 0 1px #9a9a9a}
.fm-ta__segment button[data-value=mix]::before{background:linear-gradient(90deg,transparent 50%,#2a2a2a 50%),conic-gradient(#f2a03d,#e0506a,#6b7fd7,#4db38a,#f2a03d)}
.fm-ta__segment button[data-value=white]::before,.fm-ta__segment button[data-value=black]::before{content:"";width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #9a9a9a}
.fm-ta__segment button[data-value=white]::before{background:#fff}
.fm-ta__segment button[data-value=black]::before{background:#1d1d1d}

/* Quadro 1 de N */
.fm-ta__navigator{background:#fff;padding:8px 14px;gap:6px;border-bottom:1px solid var(--line)}
.fm-ta__navigator>b{font-size:13.5px;font-weight:600}
.fm-ta__navigator button{border-radius:999px;min-height:32px;font-size:13px;padding:5px 12px;font-weight:500}
.fm-ta__navigator button:is([data-action=prev],[data-action=next],[data-action=remove]){width:32px;padding:0;font-size:16px}
.fm-ta .fm-ta__navigator select,.fm-ta .fm-ta__navigator select[data-piece-choice]{flex:1 1 auto!important;min-width:0;max-width:none!important;width:auto;height:34px;min-height:34px;padding:4px 8px;border:1px solid var(--line);border-radius:10px;font:500 13px Inter,system-ui,sans-serif;color:var(--ink);background:#fff}

/* Etapas: número no círculo e sublinhado rosa, texto escuro */
.fm-ta__tabs{height:auto;background:#fff;padding:6px 10px 0;border-bottom:1px solid var(--line)}
.fm-ta__tabs button{display:block;background:transparent;padding:9px 6px 10px;font-size:13px;font-weight:500;color:var(--sk-muted);border-bottom-width:2px}
.fm-ta__tabs button::first-letter{font-size:12px;font-weight:600;border:1.5px solid currentColor;border-radius:50%;padding:1px 5px;margin-right:7px;vertical-align:1px}
.fm-ta__tabs button[aria-current=step]{color:var(--ink);font-weight:500;border-bottom-color:var(--pink)}

/* Painel */
.fm-ta__panel{padding:12px 16px;gap:10px;background:#fff}
.fm-ta__row{font-size:13.5px}
.fm-ta__row>b{font-size:13.5px;font-weight:600}
.fm-ta__panel small{font-size:12.5px;color:var(--sk-muted)}
.fm-ta__panel select{border-radius:10px;min-height:36px;font-size:13.5px;border-color:var(--line)}
.fm-ta .fm-ta__slots{gap:6px}
.fm-ta .fm-ta__slots button{border:1.5px solid var(--line);border-radius:12px;font-weight:500;background:#fff}
.fm-ta__input{font-size:13px;color:var(--sk-muted)}
.fm-ta__input input,.fm-ta textarea{border-radius:12px;border-color:var(--line)}

/* "Enviar depois", embalagem, cartão…: chave em cartão, como no Amor ao Quadrado */
.fm-ta .fm-ta__check{gap:12px;border:1px solid var(--line);border-radius:14px;padding:9px 12px;font-size:13.5px;font-weight:500;min-height:0;background:#fff}
.fm-ta .fm-ta__row>.fm-ta__check{flex:1}
.fm-ta .fm-ta__check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 38px;width:38px;min-width:38px;max-width:38px;height:22px;min-height:22px;max-height:22px;padding:0;border:0;border-radius:99px;margin:0;flex:none;cursor:pointer;background:radial-gradient(circle at 11px 50%,#fff 7.5px,transparent 8.5px),var(--line);transition:background .2s;box-shadow:none}
.fm-ta .fm-ta__check input[type=checkbox]:checked{background:radial-gradient(circle at 27px 50%,#fff 7.5px,transparent 8.5px),var(--pink)}
.fm-ta .fm-ta__check input[type=checkbox]:focus-visible{outline:2px solid var(--pink);outline-offset:2px}

/* Rodapé: total e botão principal com ícone */
.fm-ta__footer{padding:10px 16px;gap:12px;height:auto;min-height:70px;border-top:1px solid var(--line)}
.fcf-product-editor .fm-ta__footer strong,.fm-ta__footer strong{font-size:19px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.fm-ta__footer small{font-size:12px;color:var(--sk-muted)}
/* O total usa a classe do cabeçalho antigo, que o tema pinta de rosa com !important */
.fcf-product-editor .fm-ta__footer strong.fm-preview-header__price{color:var(--ink)!important}
.fm-ta button:is(.fm-ta__primary){display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 18px;font-size:15px;font-weight:600;min-width:min(54%,240px)}
.fm-ta button:is(.fm-ta__primary):hover{background:#bf2246}
.fm-ta button:is(.fm-ta__primary)::before{content:"";display:none;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat}

/* Ícone de foto só na primeira etapa (Escolher fotos) */
.fm-ta:has(.fm-ta__tabs [data-step="0"][aria-current=step]):not(:has(.fm-ta__zoom,.fm-ta__panel[data-mode=text],.fm-ta__panel[data-mode=card])) button:is(.fm-ta__primary)::before{display:block}

/* Até 399 px: Misto não encosta no botão da cena (P11.10-6) */
@media(max-width:399px){.fm-ta__segment button{padding-left:8px;padding-right:8px}.fm-ta__view button{padding-left:10px;padding-right:10px}}

/* Alvos de 44 px em telas com 700 px de altura ou mais (P10.11; o mesmo bloco do CSS das 5 famílias) */
@media(min-height:700px){
  .fm-ta .fm-ta__tabs button{min-height:46px}
  .fm-ta .fm-ta__navigator{min-height:52px;padding-top:4px;padding-bottom:4px}
  .fm-ta .fm-ta__navigator button{min-height:46px;min-width:46px}
  .fm-ta .fm-ta__navigator select[data-piece-choice]{height:46px;min-height:46px}
  .fm-ta .fm-ta__panel button{min-height:46px}
  .fm-ta .fm-ta__panel select{height:46px;min-height:46px}
  .fm-ta .fm-ta__panel input:not([type=checkbox]):not([type=range]){height:46px;min-height:46px}
  .fm-ta .fm-ta__panel input[type=range]{height:46px;min-height:46px}
  .fm-ta .fm-ta__check{min-height:46px}
  .fm-ta button:is(.fm-ta__primary){min-height:46px}
  .fm-ta .fm-ta__segment button,.fm-ta .fm-ta__view button{position:relative}
  .fm-ta .fm-ta__segment button{min-width:46px;justify-content:center}
  .fm-ta .fm-ta__segment button::after,.fm-ta .fm-ta__view button::after{content:"";position:absolute;left:0;right:0;top:50%;height:46px;transform:translateY(-50%)}
}

/* Avisos rápidos no topo, nunca sobre o painel */
.fm-ta__notice{top:12px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:var(--ink);border-radius:12px;padding:10px 16px;font-size:13.5px}

/* Botão da página (fora do diálogo) */
.fm-ta__launch{font:600 16px Inter,system-ui,sans-serif;border-radius:14px}

/* Computador: prévia à esquerda; etapas, painel e total à direita */
@media(min-width:900px){
  dialog .fm-ta{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100%}
  dialog .fm-ta>.fm-ta__header{display:none}
  dialog .fm-ta__stage{grid-column:1;grid-row:1 / -1;min-height:0}
  dialog .fm-ta__tabs{grid-column:2;grid-row:1;padding:12px 14px 0;border-left:1px solid var(--line)}
  dialog .fm-ta__navigator{grid-column:2;grid-row:2;border-left:1px solid var(--line)}
  dialog .fm-ta__panel{grid-column:2;grid-row:3 / 5;height:auto;padding:16px 20px 20px;border-left:1px solid var(--line);overflow:auto}
  dialog .fm-ta__footer{grid-column:2;grid-row:5;border-left:1px solid var(--line)}
  dialog .fm-ta .fm-ta__slots button{min-height:42px;height:auto;padding:10px 6px;font-size:13.5px}
  dialog .fm-ta .fm-ta__panel .fm-ta__check{min-height:44px;font-size:13.5px}
}

/* ===== .fm-mc ===== */

/* Raiz: mesmas cores, fonte e fundo do Amor ao Quadrado */
.fm-mc{--pink:#d6284f;--line:#e0dcd5;--ink:#252a28;--sk-muted:#5f6662;--sk-soft:#fdeef1;--sk-ground:#f5f2ed;--sk-shadow:0 1px 2px rgba(20,30,28,.06),0 8px 24px rgba(20,30,28,.08);font:14px/1.35 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--sk-ground)}
dialog .fm-mc{max-width:none;width:100%;min-height:0}
.fm-mc button{border-radius:12px;line-height:1.25}
.fm-mc [aria-pressed=true]{background:var(--sk-soft);border-color:var(--pink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--pink)}

/* Prévia: começa abaixo de Colorido / .fm-mc&B / Misto, que fica no topo como no Amor ao Quadrado */
.fm-mc__stage{background:var(--sk-ground)}
dialog .fm-mc:has(.fm-mc__panel>.fm-mc__row:first-child .fm-mc__segment [data-value=mix]) .fm-mc__stage{margin-top:52px;overflow:visible}
dialog .fm-mc:has(.fm-mc__panel>.fm-mc__row:first-child .fm-mc__segment [data-value=mix]) .fm-mc__view{top:-42px}
.fm-mc__measure{font-size:12px;color:var(--sk-muted);font-weight:500;bottom:10px}
.fm-mc__view{top:10px;right:12px;z-index:3}
.fm-mc__view button{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;min-height:0;font-size:12.5px;font-weight:500;color:var(--sk-muted);box-shadow:var(--sk-shadow)}
.fm-mc__view button[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:var(--sk-shadow)}

/* Colorido / .fm-mc&B / Misto: sai do painel e fica sobre a prévia, como no Amor ao Quadrado */
.fm-mc__panel>.fm-mc__row:first-child:has(.fm-mc__segment [data-value=mix]){position:absolute;top:10px;left:12px;z-index:3;min-height:0}
@media(min-width:900px){dialog .fm-mc__panel>.fm-mc__row:first-child:has(.fm-mc__segment [data-value=mix]){top:14px;left:16px}}
.fm-mc__panel>.fm-mc__row:first-child:has(.fm-mc__segment [data-value=mix])>span{display:none}
.fm-mc__segment{gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px}
.fm-mc__panel>.fm-mc__row:first-child:has(.fm-mc__segment [data-value=mix]) .fm-mc__segment{box-shadow:var(--sk-shadow)}
.fm-mc__segment button{border:0;background:transparent;border-radius:999px;padding:6px 11px;min-height:0;font-size:12.5px;font-weight:500;color:var(--sk-muted);display:inline-flex;align-items:center;gap:6px}
.fm-mc__segment button[aria-pressed=true]{background:var(--sk-soft);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1.5px var(--pink)}
.fm-mc__segment button:is([data-value=color],[data-value=bw],[data-value=mix])::before{content:"";width:14px;height:14px;border-radius:50%;flex:none}
.fm-mc__segment button[data-value=color]::before{background:conic-gradient(#f2a03d,#e0506a,#6b7fd7,#4db38a,#f2a03d)}
.fm-mc__segment button[data-value=bw]::before{background:linear-gradient(90deg,#1d1d1d 50%,#e2e2e2 50%);box-shadow:inset 0 0 0 1px #9a9a9a}
.fm-mc__segment button[data-value=mix]::before{background:linear-gradient(90deg,transparent 50%,#2a2a2a 50%),conic-gradient(#f2a03d,#e0506a,#6b7fd7,#4db38a,#f2a03d)}
.fm-mc__segment button[data-value=white]::before,.fm-mc__segment button[data-value=black]::before{content:"";width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #9a9a9a}
.fm-mc__segment button[data-value=white]::before{background:#fff}
.fm-mc__segment button[data-value=black]::before{background:#1d1d1d}

/* Quadro 1 de N */
.fm-mc__navigator{background:#fff;padding:8px 14px;gap:6px;border-bottom:1px solid var(--line)}
.fm-mc__navigator>b{font-size:13.5px;font-weight:600}
.fm-mc__navigator button{border-radius:999px;min-height:32px;font-size:13px;padding:5px 12px;font-weight:500}
.fm-mc__navigator button:is([data-action=prev],[data-action=next],[data-action=remove]){width:32px;padding:0;font-size:16px}
.fm-mc .fm-mc__navigator select,.fm-mc .fm-mc__navigator select[data-piece-choice]{flex:1 1 auto!important;min-width:0;max-width:none!important;width:auto;height:34px;min-height:34px;padding:4px 8px;border:1px solid var(--line);border-radius:10px;font:500 13px Inter,system-ui,sans-serif;color:var(--ink);background:#fff}

/* Etapas: número no círculo e sublinhado rosa, texto escuro */
.fm-mc__tabs{height:auto;background:#fff;padding:6px 10px 0;border-bottom:1px solid var(--line)}
.fm-mc__tabs button{display:block;background:transparent;padding:9px 6px 10px;font-size:13px;font-weight:500;color:var(--sk-muted);border-bottom-width:2px}
.fm-mc__tabs button::first-letter{font-size:12px;font-weight:600;border:1.5px solid currentColor;border-radius:50%;padding:1px 5px;margin-right:7px;vertical-align:1px}
.fm-mc__tabs button[aria-current=step]{color:var(--ink);font-weight:500;border-bottom-color:var(--pink)}

/* Painel */
.fm-mc__panel{padding:12px 16px;gap:10px;background:#fff}
.fm-mc__row{font-size:13.5px}
.fm-mc__row>b{font-size:13.5px;font-weight:600}
.fm-mc__panel small{font-size:12.5px;color:var(--sk-muted)}
.fm-mc__panel select{border-radius:10px;min-height:36px;font-size:13.5px;border-color:var(--line)}
.fm-mc .fm-mc__slots{gap:6px}
.fm-mc .fm-mc__slots button{border:1.5px solid var(--line);border-radius:12px;font-weight:500;background:#fff}
.fm-mc__input{font-size:13px;color:var(--sk-muted)}
.fm-mc__input input,.fm-mc textarea{border-radius:12px;border-color:var(--line)}

/* "Enviar depois", embalagem, cartão…: chave em cartão, como no Amor ao Quadrado */
.fm-mc .fm-mc__check{gap:12px;border:1px solid var(--line);border-radius:14px;padding:9px 12px;font-size:13.5px;font-weight:500;min-height:0;background:#fff}
.fm-mc .fm-mc__row>.fm-mc__check{flex:1}
.fm-mc .fm-mc__check input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 38px;width:38px;min-width:38px;max-width:38px;height:22px;min-height:22px;max-height:22px;padding:0;border:0;border-radius:99px;margin:0;flex:none;cursor:pointer;background:radial-gradient(circle at 11px 50%,#fff 7.5px,transparent 8.5px),var(--line);transition:background .2s;box-shadow:none}
.fm-mc .fm-mc__check input[type=checkbox]:checked{background:radial-gradient(circle at 27px 50%,#fff 7.5px,transparent 8.5px),var(--pink)}
.fm-mc .fm-mc__check input[type=checkbox]:focus-visible{outline:2px solid var(--pink);outline-offset:2px}

/* Rodapé: total e botão principal com ícone */
.fm-mc__footer{padding:10px 16px;gap:12px;height:auto;min-height:70px;border-top:1px solid var(--line)}
.fcf-product-editor .fm-mc__footer strong,.fm-mc__footer strong{font-size:19px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.fm-mc__footer small{font-size:12px;color:var(--sk-muted)}
/* O total usa a classe do cabeçalho antigo, que o tema pinta de rosa com !important */
.fcf-product-editor .fm-mc__footer strong.fm-preview-header__price{color:var(--ink)!important}
.fm-mc button:is(.fm-mc__primary){display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 18px;font-size:15px;font-weight:600;min-width:min(54%,240px)}
.fm-mc button:is(.fm-mc__primary):hover{background:#bf2246}
.fm-mc button:is(.fm-mc__primary)::before{content:"";display:none;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E") center/contain no-repeat}

/* Ícone de foto só na primeira etapa (Escolher fotos) */
.fm-mc:has(.fm-mc__tabs [data-step="0"][aria-current=step]):not(:has(.fm-mc__zoom,.fm-mc__panel[data-mode=text],.fm-mc__panel[data-mode=card])) button:is(.fm-mc__primary)::before{display:block}

/* Até 399 px: Misto não encosta no botão da cena (P11.10-6) */
@media(max-width:399px){.fm-mc__segment button{padding-left:8px;padding-right:8px}.fm-mc__view button{padding-left:10px;padding-right:10px}}

/* Alvos de 44 px em telas com 700 px de altura ou mais (P10.11; o mesmo bloco do CSS das 5 famílias) */
@media(min-height:700px){
  .fm-mc .fm-mc__tabs button{min-height:46px}
  .fm-mc .fm-mc__navigator{min-height:52px;padding-top:4px;padding-bottom:4px}
  .fm-mc .fm-mc__navigator button{min-height:46px;min-width:46px}
  .fm-mc .fm-mc__navigator select[data-piece-choice]{height:46px;min-height:46px}
  .fm-mc .fm-mc__panel button{min-height:46px}
  .fm-mc .fm-mc__panel select{height:46px;min-height:46px}
  .fm-mc .fm-mc__panel input:not([type=checkbox]):not([type=range]){height:46px;min-height:46px}
  .fm-mc .fm-mc__panel input[type=range]{height:46px;min-height:46px}
  .fm-mc .fm-mc__check{min-height:46px}
  .fm-mc button:is(.fm-mc__primary){min-height:46px}
  .fm-mc .fm-mc__segment button,.fm-mc .fm-mc__view button{position:relative}
  .fm-mc .fm-mc__segment button{min-width:46px;justify-content:center}
  .fm-mc .fm-mc__segment button::after,.fm-mc .fm-mc__view button::after{content:"";position:absolute;left:0;right:0;top:50%;height:46px;transform:translateY(-50%)}
}

/* Avisos rápidos no topo, nunca sobre o painel */
.fm-mc__notice{top:12px;bottom:auto;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;background:var(--ink);border-radius:12px;padding:10px 16px;font-size:13.5px}

/* Botão da página (fora do diálogo) */
.fm-mc__launch{font:600 16px Inter,system-ui,sans-serif;border-radius:14px}

/* Computador: prévia à esquerda; etapas, painel e total à direita */
@media(min-width:900px){
  dialog .fm-mc{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto auto minmax(0,1fr) auto;height:100%}
  dialog .fm-mc>.fm-mc__header{display:none}
  dialog .fm-mc__stage{grid-column:1;grid-row:1 / -1;min-height:0}
  dialog .fm-mc__tabs{grid-column:2;grid-row:1;padding:12px 14px 0;border-left:1px solid var(--line)}
  dialog .fm-mc__navigator{grid-column:2;grid-row:2;border-left:1px solid var(--line)}
  dialog .fm-mc__panel{grid-column:2;grid-row:3 / 5;height:auto;padding:16px 20px 20px;border-left:1px solid var(--line);overflow:auto}
  dialog .fm-mc__footer{grid-column:2;grid-row:5;border-left:1px solid var(--line)}
  dialog .fm-mc .fm-mc__slots button{min-height:42px;height:auto;padding:10px 6px;font-size:13.5px}
  dialog .fm-mc .fm-mc__panel .fm-mc__check{min-height:44px;font-size:13.5px}
}