.tool-page{padding:calc(var(--nav-height) + 2rem) 0 5rem}.tool-header{margin-bottom:2.5rem}.tool-header-icon{margin-bottom:.75rem;font-size:2.5rem;line-height:1;display:block}.tool-title{color:var(--text-main);margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.15}.tool-description{color:var(--text-muted);max-width:640px;font-size:1.05rem;line-height:1.7}.tool-panel{border-radius:24px;margin-bottom:3rem;padding:2rem}.tool-panel-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;font-size:1rem;font-weight:600}.tool-input,.tool-textarea,.tool-select{width:100%;font-size:.95rem;font-family:var(--font-sans);border:1px solid var(--surface-border);color:var(--text-main);resize:vertical;background:#00000040;border-radius:12px;padding:.85rem 1rem;line-height:1.5;transition:border-color .25s,box-shadow .25s}.tool-input:focus,.tool-textarea:focus,.tool-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #06b6d41f}.tool-textarea{min-height:140px;font-family:Courier New,Courier,monospace;font-size:.9rem}.tool-output{border:1px solid var(--surface-border);width:100%;min-height:140px;color:var(--text-main);word-break:break-all;white-space:pre-wrap;background:#00000059;border-radius:12px;padding:.85rem 1rem;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6}.tool-row{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.tool-row--col{flex-direction:column}.tool-col{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.tool-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.tool-btn{font-size:.9rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:50px;padding:.7rem 1.4rem;transition:all .25s}.tool-btn--primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #06b6d433}.tool-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d459}.tool-btn--secondary{background:var(--surface-color);border:1px solid var(--surface-border);color:var(--text-main)}.tool-btn--secondary:hover{border-color:var(--primary);color:var(--primary)}.tool-btn-row{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.tool-result-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.tool-copy-row{align-items:center;gap:.75rem;display:flex}.tool-copy-row .tool-output{min-height:unset;flex:1;padding:.7rem 1rem}.tool-copy-btn{font-size:.825rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;background:var(--surface-color);border:1px solid var(--surface-border);color:var(--text-muted);border-radius:50px;flex-shrink:0;padding:.65rem 1.1rem;transition:all .25s}.tool-copy-btn:hover,.tool-copy-btn.copied{border-color:var(--primary);color:var(--primary)}.tool-error{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;margin-top:.5rem;padding:.65rem 1rem;font-size:.875rem}.tool-success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40;border-radius:10px;margin-top:.5rem;padding:.65rem 1rem;font-size:.875rem}.tool-info-section{margin-bottom:2.5rem}.tool-info-section h2{color:var(--text-main);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.tool-info-section p{color:var(--text-muted);margin-bottom:.75rem;font-size:.95rem;line-height:1.7}.tool-steps{counter-reset:step;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.tool-step{color:var(--text-muted);align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5;display:flex}.tool-step:before{counter-increment:step;content:counter(step);background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;margin-top:.1rem;font-size:.75rem;font-weight:700;display:inline-flex}.tool-faq-list{flex-direction:column;gap:1rem;display:flex}.tool-faq-item{border-radius:16px;padding:1.2rem 1.5rem}.tool-faq-item h3{color:var(--text-main);margin-bottom:.4rem;font-size:.95rem;font-weight:700}.tool-faq-item p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.6}.tool-related-section{margin-top:3rem}.tool-related-section h2{color:var(--text-main);margin-bottom:1rem;font-size:1.15rem;font-weight:700}.tool-related-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.tool-related-card{color:var(--text-main);border-radius:14px;align-items:center;gap:.6rem;padding:.85rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.tool-related-card:hover{color:var(--primary);border-color:var(--surface-border-hover);background:var(--surface-hover)}.tool-related-icon{flex-shrink:0;font-size:1.2rem}.tool-back-link{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.tool-back-link:hover{color:var(--primary)}@media (max-width:640px){.tool-page{padding-top:calc(var(--nav-height) + 1.5rem)}.tool-panel{padding:1.25rem}.tool-row{flex-direction:column}.tool-copy-row{flex-direction:column;align-items:stretch}.tool-copy-btn{width:100%}.tool-related-grid{grid-template-columns:1fr 1fr}}