.hostdime-tools-module{margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.category-btn{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.category-btn:hover{border-color:#ff7933;color:#ff7933}.category-btn.active{background:#ff7933;border-color:#ff7933;color:#fff}.tools-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:1.5rem;position:relative;transition:all .2s}.tool-card:not(.disabled):hover{border-color:#ff7933;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.tool-card.disabled{cursor:not-allowed;opacity:.5}.tool-card-icon{align-items:center;background:#fff5ee;border-radius:.5rem;color:#ff7933;display:flex;height:40px;justify-content:center;margin-bottom:1rem;width:40px}.tool-card-title{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.tool-card-description{color:#6b7280;font-size:.875rem;line-height:1.5}.tool-card-badge{background:#f3f4f6;border-radius:9999px;color:#6b7280;display:inline-block;font-size:.75rem;font-weight:500;margin-top:.75rem;padding:.25rem .75rem}.tooltip{background:#1f2937;border-radius:.375rem;bottom:calc(100% + .5rem);color:#fff;font-size:.875rem;left:50%;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:50}.tool-card.disabled:hover .tooltip{opacity:1}.tooltip:after{border:.375rem solid transparent;border-top-color:#1f2937;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.tool-page{margin:0 auto;max-width:800px}.tool-header{margin-bottom:2rem}.back-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;transition:all .2s}.back-button:hover{border-color:#ff7933;color:#ff7933}.tool-title{color:#111827;font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.tool-description{color:#6b7280;font-size:1rem}.tool-content{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.625rem .75rem;transition:border-color .2s;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:rgba(55,65,81,.5);opacity:1}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#ff7933;box-shadow:0 0 0 3px rgba(255,121,51,.1);outline:none}.form-textarea{font-family:Courier New,monospace;min-height:120px;resize:vertical}.btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-primary{background:#ff7933;color:#fff}.btn-primary:hover:not(:disabled){background:#e66920}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{border-color:#ff7933;color:#ff7933}.btn-full{width:100%}.result-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1.5rem;padding:1.5rem}.result-title{align-items:center;color:#111827;font-size:1rem;font-weight:600;margin-bottom:1rem}.key-value,.result-title{display:flex;justify-content:space-between}.key-value{border-bottom:1px solid #e5e7eb;padding:.75rem 0}.key-value:last-child{border-bottom:none}.key-value-label{color:#6b7280;font-size:.875rem;font-weight:500}.key-value-value{align-items:center;color:#111827;display:flex;font-family:Courier New,monospace;font-size:.875rem;gap:.5rem}.copy-btn{background:#fff;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s}.copy-btn:hover{border-color:#ff7933;color:#ff7933}.tabs,.tabs-list{margin-bottom:1.5rem}.tabs-list{border-bottom:1px solid #e5e7eb;display:flex;gap:.25rem}.tab-trigger{background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.tab-trigger:hover{color:#ff7933}.tab-trigger.active{border-bottom-color:#ff7933;color:#ff7933}.tab-content{display:none}.tab-content.active{display:block}.slider-container{margin:1rem 0}.slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;height:6px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff7933;border-radius:50%;cursor:pointer;height:18px;width:18px}.slider::-moz-range-thumb{background:#ff7933;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.checkbox-item{align-items:center;display:flex;gap:.5rem}.checkbox{accent-color:#ff7933;border:2px solid #d1d5db;border-radius:.25rem;cursor:pointer;height:18px;width:18px}.checkbox-label{color:#374151;cursor:pointer;font-size:.875rem}.info-box{background:#f3f4f6;border-radius:.5rem;margin-top:2rem;padding:1rem}.info-box h3{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.5rem}.info-box p,.info-box ul{color:#6b7280;font-size:.875rem;line-height:1.6}.info-box ul{list-style:disc;margin-top:.5rem;padding-left:1.5rem}.info-box li{margin-bottom:.25rem}.hd-toast{background:#ef4444;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);color:#fff;font-size:.875rem;font-weight:500;max-width:400px;opacity:0;padding:1rem 1.5rem;position:fixed;right:20px;top:20px;transform:translateX(400px);transition:all .3s ease-out;z-index:9999}.hd-toast.show{opacity:1;transform:translateX(0)}.hd-toast-error{background:#ef4444}.hd-toast-success{background:#10b981}.hd-toast-info{background:#3b82f6}@media (max-width:768px){.tools-grid{grid-template-columns:1fr}.tool-title{font-size:1.5rem}.tool-content{padding:1.5rem}}