.tool-header{text-align:center;margin-bottom:2rem}.tool-header h1{font-size:1.8rem;margin-bottom:.5rem}.tool-header p{color:var(--color-muted)}.input-card,.output-card,.info-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.section-label{font-weight:600;color:var(--color-text)}.btn-text{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem}.btn-text:hover{text-decoration:underline}.text-field{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;background:var(--color-bg);color:var(--color-text);font-family:inherit;text-transform:uppercase}.button-row{display:flex;justify-content:center;margin-bottom:1.5rem}.btn-primary{padding:.75rem 2rem;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:1rem;cursor:pointer;font-weight:600}.btn-primary:hover{opacity:.9}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.output-actions{display:flex;gap:.5rem}.btn-secondary{padding:.375rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.875rem}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.result-item{display:flex;flex-direction:column;background:var(--color-bg);padding:.75rem;border-radius:var(--radius-md)}.result-item.full{grid-column:1 / -1}.result-label{font-size:.8rem;color:var(--color-muted);margin-bottom:.25rem}.result-value{font-size:1.2rem;font-weight:600;color:var(--color-text);font-family:Courier New,monospace}.result-value.error{color:#e74c3c;font-size:.95rem}.info-card h3{margin-bottom:1rem;color:var(--color-text)}.info-card h4{margin:1rem 0 .5rem;color:var(--color-text);font-size:1rem}.ref-section{margin-bottom:1rem;padding:.75rem;background:var(--color-bg);border-radius:var(--radius-md)}.ref-section p{color:var(--color-muted);font-size:.9rem;margin:0}.example-list{list-style:none;padding:0;margin:0}.example-list li{padding:.5rem 0;border-bottom:1px solid var(--color-border);font-family:Courier New,monospace;font-size:.9rem}.example-list li:last-child{border-bottom:none}.ref-table{width:100%;border-collapse:collapse;margin-top:.5rem}.ref-table th,.ref-table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--color-border)}.ref-table th{font-weight:600;color:var(--color-text);background:var(--color-bg)}.ref-table td{color:var(--color-muted);font-family:Courier New,monospace}@media(max-width:480px){.results-grid{grid-template-columns:1fr}}.info-section{margin-bottom:2rem}.info-section h2{font-size:1.3rem;margin-bottom:1rem;color:var(--color-text)}.info-section p{line-height:1.7;color:var(--color-secondary)}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--color-secondary);line-height:1.6}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.steps-list{list-style:none;padding:0;margin:0;counter-reset:step}.steps-list li{padding:.5rem 0 .5rem 2rem;position:relative;color:var(--color-secondary);line-height:1.6;counter-increment:step}.steps-list li:before{content:counter(step);position:absolute;left:0;color:#fff;background:var(--color-primary);font-weight:700;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;top:.4rem}.use-case-list{list-style:none;padding:0;margin:0}.use-case-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--color-secondary);line-height:1.6}.use-case-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:700}.faq-card{border:1px solid var(--color-border);border-radius:8px;padding:1rem;background:var(--color-bg)}.faq-card details{margin-bottom:.75rem;border:1px solid var(--color-border);border-radius:8px;padding:.75rem 1rem}.faq-card details:last-child{margin-bottom:0}.faq-card summary{font-weight:600;cursor:pointer;color:var(--color-text)}.faq-card details p{margin-top:.5rem;color:var(--color-secondary);line-height:1.6}.related-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.related-tool-card{display:block;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);text-decoration:none;font-weight:500;text-align:center;transition:all .2s ease}.related-tool-card:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px)}