.qtool-page--color .qtool-color-palette{display:block;width:100%}
.qtool-page--color .qtool-color-palette ul{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px;margin:0 0 14px!important;padding:0!important;list-style:none!important;float:none!important;width:100%!important}
.qtool-page--color .qtool-color-palette ul:last-child{margin-bottom:0!important}
.qtool-page--color .qtool-color-palette li{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:64px;padding:10px 8px;border-radius:10px;font-size:13px;font-weight:500;line-height:1.35;text-align:center;list-style:none!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);cursor:pointer;float:none!important;width:auto!important;height:auto!important;margin:0!important}
.qtool-page--color .qtool-color-palette li.white{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.qtool-page--color .qtool-color-palette li span{display:block;margin-top:4px;font-size:11px;font-weight:400;opacity:.92;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.qtool-page--color .qtool-webcolor .CorConList{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-bottom:8px;float:none!important}
.qtool-page--color .qtool-webcolor .boxc,.qtool-page--color .qtool-webcolor .boxr{float:none!important;width:auto!important;padding:0!important;height:auto!important;min-height:72px;display:flex;align-items:center;justify-content:center;border-radius:10px}
.qtool-page--color .swatches{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;float:none!important}
.qtool-page--color .swatches .color{float:none!important;width:auto!important}
.qtool-page--color .swatches.row{margin-left:0!important;margin-right:0!important}
.qtool-page--color .qtool-safe-tabs{display:flex!important;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:0!important;list-style:none!important;float:none!important;width:100%!important;height:auto!important;line-height:normal!important;background:transparent!important}
.qtool-page--color .qtool-safe-tabs li{float:none!important;list-style:none!important;margin:0;padding:0}
.qtool-page--color .ColorCentWrap{float:none;width:100%}
.qtool-page .qtool-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:160px;padding:14px 28px;border:none!important;border-radius:999px!important;background:linear-gradient(135deg,#5aac2c 0%,#478a21 100%)!important;color:#fff!important;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 22px rgba(71,138,33,.28);-webkit-appearance:none;appearance:none}
.qtool-mix2-table .qtool-btn{min-width:100px;padding:12px 20px!important}
@media screen and (max-width:768px){
.qtool-page--color .qtool-color-palette ul{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}
.qtool-page--color .qtool-webcolor .CorConList{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}
.qtool-page--color .swatches{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
}