.tool-page{padding:28px 0 64px}.tool-header{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--glass-border)}.tool-badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-glow);border:1px solid rgba(91,164,181,0.25);color:var(--sky);font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:4px 12px;border-radius:100px;margin-bottom:14px}.tool-title{font-size:clamp(22px,4vw,34px);font-weight:800;letter-spacing:-0.03em;color:var(--text);margin-bottom:10px;line-height:1.15}.tool-desc{font-size:15px;color:var(--text-muted);line-height:1.65;max-width:680px}.tool-body{display:grid;grid-template-columns:1fr;gap:16px}.tool-body.two-col{grid-template-columns:1fr 1fr}.tool-body.three-col{grid-template-columns:1fr 1fr 1fr}.tool-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.tool-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px;flex-wrap:wrap}.tool-card-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:0.08em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.info-box{background:rgba(179,235,242,.05);border:1px solid rgba(179,235,242,.15);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:16px;box-shadow:0 2px 12px rgba(0,0,0,0.1)}.info-box strong{color:var(--sky)}.result-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.result-row:last-child{border-bottom:none}.result-key{font-size:12px;color:var(--text-muted);font-weight:600;flex-shrink:0}.result-val{font-family:var(--mono);font-size:13px;color:var(--text);word-break:break-all;text-align:right}.result-val.good{color:var(--green)}.result-val.warn{color:var(--yellow)}.result-val.bad{color:var(--red)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-dim);font-size:14px;text-align:center;gap:8px;min-height:140px}.empty-state-icon{font-size:32px}.chip-set{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--glass);border:1px solid var(--border-light);color:var(--text-muted);font-size:12px;font-weight:500;padding:5px 12px;border-radius:100px;cursor:pointer;transition:all var(--transition);user-select:none;backdrop-filter:blur(6px)}.chip:hover,.chip.active{background:var(--teal-glow);border-color:rgba(133,209,219,.4);color:var(--teal)}.toggle-wrap{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted)}.toggle{position:relative;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border-light);border-radius:22px;cursor:pointer;transition:background var(--transition)}.toggle-slider::before{content:'';position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:var(--text-dim);border-radius:50%;transition:all var(--transition)}.toggle input:checked + .toggle-slider{background:var(--teal)}.toggle input:checked + .toggle-slider::before{transform:translateX(18px);background:#fff}.stepper{display:flex;align-items:center;gap:8px}.stepper-btn{width:30px;height:30px;background:var(--glass);border:1px solid var(--border-light);color:var(--text);border-radius:var(--radius-sm);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.stepper-btn:hover{border-color:var(--teal);color:var(--teal)}.stepper-val{font-family:var(--mono);font-size:14px;font-weight:600;min-width:36px;text-align:center}.related-tools{margin-top:40px}.related-title{font-size:14px;font-weight:700;color:var(--text-muted);letter-spacing:0.06em;text-transform:uppercase;margin-bottom:14px}.related-grid{display:flex;flex-wrap:wrap;gap:10px}.related-link{display:inline-flex;align-items:center;gap:6px;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-muted);font-size:13px;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);transition:all var(--transition);box-shadow:0 2px 8px rgba(0,0,0,0.15);backdrop-filter:blur(6px)}.related-link:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-glow);box-shadow:0 4px 16px rgba(133,209,219,0.1)}@media (max-width:768px){.tool-body.two-col,.tool-body.three-col{grid-template-columns:1fr}.tool-card{padding:16px;border-radius:var(--radius)}.tool-card-header{flex-direction:column;align-items:flex-start;gap:8px}.result-row{flex-direction:column;align-items:flex-start}.result-val{text-align:left}}@media (max-width:640px){.tool-page{padding:20px 0 48px}.tool-card{padding:14px}.tool-title{font-size:22px}.related-link{font-size:12px;padding:6px 12px}}