.tool-card{width:100%;border-radius:1rem;border-width:1px;border-color:rgba(51,65,85,.6);background-color:rgba(30,41,59,.5);padding:1.25rem;border:none!important;background:transparent!important;padding-left:0!important;padding-right:0!important}.tool-card-header{margin-bottom:1.25rem;display:flex;align-items:flex-start;gap:.75rem}.tool-icon{display:flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem}.tool-title{font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.tool-desc{margin-top:.125rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.tool-slider{height:.375rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background:linear-gradient(to right,var(--color-primary-500) 0,var(--color-primary-500) var(--val,50%),#334155 var(--val,50%));accent-color:#8b5cf6}.tool-slider.pink{accent-color:#ec4899}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.result-box{border-radius:.75rem;border-width:1px;border-color:rgba(51,65,85,.4);background-color:rgba(15,23,42,.6);padding:.75rem}