.tools{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  min-height:52px!important;
  padding:8px 10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;
  border:1px solid #d3deeb!important;
  border-radius:9px!important;
  box-shadow:0 1px 3px rgba(22,52,92,.06)!important;
  scrollbar-width:thin;
  scrollbar-color:#c3cede transparent;
}
.tools::-webkit-scrollbar{height:3px}
.tools::-webkit-scrollbar-thumb{background:#c3cede;border-radius:99px}
.tools button{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:34px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:6px!important;
  white-space:nowrap!important;
  font-size:9px!important;
  line-height:1!important;
  box-shadow:0 1px 2px rgba(14,42,80,.16)!important;
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important;
}
.tools button:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 3px 7px rgba(14,42,80,.17)!important}
.tools button:active{transform:translateY(0)}
.tools #fresh{background:#1458d8!important;border-color:#0e49ba!important;color:#fff!important}
.tools #save{background:#078663!important;border-color:#057051!important;color:#fff!important}
.tools #history{background:#eb7c00!important;border-color:#cf6d00!important;color:#fff!important}
.tools .share-link-button{background:#4025ad!important;border-color:#2c178a!important;color:#fff!important}
.tools .full-preview{
  margin-left:auto!important;
  background:#fff!important;
  border-color:#c4cfdd!important;
  color:#263750!important;
  box-shadow:none!important;
}
@media(max-width:1200px){
  .tools{gap:5px!important;padding-inline:8px!important}
  .tools button{padding-inline:8px!important;font-size:8px!important}
}