:root{
  --noir:#090705;--noir2:#110e09;--noir3:#1c1510;
  --cuivre:#b87333;--cuivre2:#d4904a;--cuivre3:#e8b870;
  --texte:#ecddc6;--texte2:#b8a48a;--texte3:#7a6855;
  --border:rgba(184,115,51,.22);--blanc:#faf6f0;
}
#scm-configurateur{font-family:'Raleway',sans-serif;color:var(--texte)}
.scm-main{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}

/* Blocs */
.scm-block{background:var(--noir2);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.scm-block-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--texte2)}

/* Canvas 3D */
#scm-canvas{width:100%;display:block;cursor:grab;background:#111}
#scm-canvas:active{cursor:grabbing}

/* Éditeur */
.scm-editor-wrap{background:#f0ede8;padding:10px;cursor:crosshair}
#scm-editor-canvas{display:block;width:100%;border-radius:6px;cursor:default;box-shadow:0 2px 12px rgba(0,0,0,.3)}

/* Toolbar */
#scm-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;background:var(--noir3);border:1px solid var(--border);border-radius:10px;margin-top:10px;align-items:center}
#scm-toolbar input[type=text]{background:var(--noir);border:1px solid var(--border);color:var(--texte);padding:6px 10px;border-radius:7px;font-size:13px;flex:1;min-width:120px}
#scm-toolbar input[type=number]{background:var(--noir);border:1px solid var(--border);color:var(--texte);padding:6px 8px;border-radius:7px;font-size:13px}
#scm-toolbar input[type=color]{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);cursor:pointer;background:none;padding:1px}
#scm-toolbar button{background:var(--noir);border:1px solid var(--border);color:var(--texte2);padding:6px 12px;border-radius:7px;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}
#scm-toolbar button:hover{border-color:var(--cuivre);color:var(--cuivre2)}

/* Panneau droit */
.scm-right{background:var(--noir2);border:1px solid var(--border);border-radius:14px;overflow:hidden;position:sticky;top:80px}
.scm-panel-header{padding:22px 20px;border-bottom:1px solid var(--border);background:var(--noir3)}
.scm-tag{font-size:10px;letter-spacing:4px;color:var(--cuivre);text-transform:uppercase;margin-bottom:8px}
.scm-panel-header h2{font-family:'Cinzel',serif;font-size:22px;color:var(--blanc);margin-bottom:10px;line-height:1.2}
.scm-panel-header h2 em{font-family:'Playfair Display',serif;font-style:italic;color:var(--cuivre2)}
.scm-prix-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--texte2)}
.scm-prix{font-size:20px;font-weight:700;color:var(--cuivre2);font-family:'Cinzel',serif}

.scm-section{padding:16px 20px;border-bottom:1px solid var(--border)}
.scm-section-title{font-size:11px;font-weight:700;color:var(--cuivre2);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.scm-hint{font-size:11px;color:var(--texte3);margin-top:6px;line-height:1.5}

/* Ajouter boutons */
.scm-add-btns{display:flex;flex-direction:column;gap:8px}
.scm-btn-add{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;background:var(--noir);border:1px solid var(--border);color:var(--texte2);border-radius:10px;font-size:13px;cursor:pointer;transition:all .2s;text-align:center;font-family:'Raleway',sans-serif}
.scm-btn-add:hover{border-color:var(--cuivre);color:var(--cuivre2);background:rgba(184,115,51,.06)}

/* Liste polices */
.scm-font-selected{padding:8px 12px;background:var(--noir);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;font-size:16px;color:var(--texte);min-height:36px}
.scm-font-list{list-style:none;padding:0;margin:0;max-height:180px;overflow-y:auto;background:var(--noir);border:1px solid var(--border);border-radius:8px}
.scm-font-list li{padding:8px 12px;cursor:pointer;color:var(--texte2);transition:all .15s;border-bottom:1px solid rgba(184,115,51,.06)}
.scm-font-list li:hover{background:rgba(184,115,51,.08);color:var(--texte)}
.scm-font-list li.active{background:rgba(184,115,51,.12);color:var(--cuivre2)}
.scm-font-list::-webkit-scrollbar{width:4px}
.scm-font-list::-webkit-scrollbar-thumb{background:var(--cuivre);border-radius:2px}

/* Info box */
.scm-info-box{font-size:12px;color:var(--texte3);line-height:2;display:flex;flex-direction:column;gap:4px}
.scm-info-box strong{color:var(--texte2)}

/* Actions */
.scm-actions{padding:16px 20px}
.scm-btn-order{background:linear-gradient(135deg,var(--cuivre),var(--cuivre2));color:var(--noir);border:none;padding:13px 20px;border-radius:10px;font-family:'Cinzel',serif;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 18px rgba(184,115,51,.3);transition:all .25s;width:100%}
.scm-btn-order:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(184,115,51,.5)}

/* Btn sm */
.scm-btn-sm{background:none;border:1px solid var(--border);color:var(--texte3);padding:5px 12px;border-radius:8px;font-size:11px;cursor:pointer;transition:all .2s}
.scm-btn-sm:hover,.scm-btn-sm.active{border-color:var(--cuivre);color:var(--cuivre2)}

/* Modal */
#scm-order-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}
.scm-overlay{position:absolute;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(4px)}
.scm-modal{position:relative;background:var(--noir2);border:1px solid var(--border);border-radius:16px;width:420px;max-width:95vw;max-height:90vh;overflow-y:auto}
.scm-modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}
.scm-modal-head h3{font-family:'Cinzel',serif;font-size:16px;color:var(--cuivre2);margin:0}
.scm-modal-head button{background:none;border:none;color:var(--texte3);font-size:20px;cursor:pointer}
.scm-order-line{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--noir3);border-radius:10px;font-size:14px}
.scm-field{display:flex;flex-direction:column;gap:6px}
.scm-field label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--texte3)}
.scm-field textarea,.scm-field input{background:var(--noir);border:1px solid var(--border);color:var(--texte);padding:8px 12px;border-radius:8px;font-family:'Raleway',sans-serif;font-size:13px;outline:none}
.scm-qty-wrap{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;width:fit-content}
.scm-qty-wrap button{width:36px;height:36px;background:var(--noir3);border:none;color:var(--cuivre2);font-size:18px;cursor:pointer}
.scm-qty-wrap input{width:50px;height:36px;background:var(--noir);border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--texte);text-align:center;font-size:14px}

@media(max-width:960px){.scm-main{grid-template-columns:1fr}.scm-right{position:relative;top:0}}

/* ── BANDEAU AVERTISSEMENT ── */
.scm-avertissement {
  display:flex;align-items:center;gap:24px;
  background:var(--noir2);border:1px solid rgba(184,115,51,.35);
  border-radius:14px;padding:20px 24px;margin-bottom:28px;
  position:relative;overflow:hidden;
}
.scm-avertissement::before {
  content:'';position:absolute;top:0;left:0;width:4px;height:100%;
  background:linear-gradient(to bottom,var(--cuivre),var(--cuivre2));
}
.scm-avert-photo {
  flex-shrink:0;text-align:center;
}
.scm-avert-photo img {
  width:130px;height:130px;object-fit:contain;
  border-radius:10px;background:#f0ede8;padding:8px;
  border:1px solid var(--border);display:block;
}
.scm-avert-photo-label {
  font-size:11px;color:#2ecc71;font-weight:700;
  margin-top:6px;letter-spacing:.5px;
}
.scm-avert-texte {
  flex:1;
}
.scm-avert-titre {
  font-family:'Cinzel',serif;font-size:15px;color:var(--cuivre2);
  font-weight:700;margin-bottom:10px;
}
.scm-avert-texte p {
  font-size:13px;color:var(--texte2);margin:0 0 8px;line-height:1.7;
}
.scm-avert-texte p:last-child { margin:0; }
.scm-avert-texte strong { color:var(--texte); }

@media(max-width:600px){
  .scm-avertissement { flex-direction:column;text-align:center; }
  .scm-avert-photo img { width:100px;height:100px; }
}