/* Sapir configurator */
html, body { margin: 0; padding: 0; background: #C4B1A1; font-family: 'SiteLatin', 'PingHL', system-ui, sans-serif; }
  h1, h2, h3, p, a, span, div, button, input, select, label { font-family: 'SiteLatin', 'PingHL', system-ui, sans-serif; }
  * { box-sizing: border-box; }
  a { color: #3A322B; text-decoration: none; }
  a:hover { color: #8A7357; }
  img, canvas { display: block; }
  input[type="range"] { accent-color: #8A7357; }
  #sdStage canvas { width: 100% !important; height: 100% !important; border-radius: inherit; touch-action: none; }
  @keyframes sdIn { 0% { opacity: 0; transform: translateY(12px) } 100% { opacity: 1; transform: translateY(0) } }
  @media (max-width: 1060px) { #sdCatNav { display: none !important; } }
  #sdFooterCols { grid-template-columns: 1.3fr repeat(3, minmax(0, 1fr)) !important; }
  @media (max-width: 1000px) { #sdFooterCols { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } #sdFooterCols > div:nth-child(odd) { border-inline-start: none !important; padding-inline-start: 0 !important; } }
  @media (max-width: 620px) { #sdFooterCols { grid-template-columns: minmax(0, 1fr) !important; } #sdFooterCols > div { border-inline-start: none !important; padding-inline-start: 0 !important; } }
  @media (max-width: 980px) { #sdCfgGrid { grid-template-columns: minmax(0, 1fr) !important; } #sdStageWrap { position: static !important; } }