.tool-hero{display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border-strong)}.tool-hero h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-brand);line-height:var(--line-height-tight)}.tool-hero-desc{font-size:var(--font-size-sm);color:var(--color-text-body);line-height:var(--line-height-normal)}.tool-io-section{margin-bottom:var(--space-lg)}.tool-io-columns{display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}@media(max-width:768px){.tool-io-columns{grid-template-columns:1fr}}.tool-io-block{display:flex;flex-direction:column;gap:var(--space-sm)}.tool-io-block label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-body)}.tool-io-block textarea{width:100%;padding:var(--space-sm);font-family:Courier New,Courier,Lucida Console,Monaco,monospace;font-size:var(--font-size-sm);line-height:var(--line-height-normal);border:1px solid var(--color-border-default);background-color:var(--color-bg-surface);color:var(--color-text-body);resize:none}.tool-io-block textarea:focus{outline:1px solid var(--color-brand);outline-offset:0}.tool-io-block textarea[readonly]{background-color:var(--color-bg-muted)}.tool-options-section{margin-bottom:var(--space-lg);padding:var(--space-md);background-color:var(--color-bg-muted);border:1px solid var(--color-border-default)}.tool-options-section h2{font-size:var(--font-size-lg);font-weight:700;color:var(--color-brand);margin-bottom:var(--space-md);line-height:var(--line-height-tight)}.tool-options-list{display:flex;align-items:stretch;flex-direction:column;gap:var(--space-sm)}.tool-options-list label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-body);cursor:pointer}.tool-options-list input[type=radio]{margin:0;width:1em;height:1em}.tool-actions-section{margin-bottom:var(--space-lg)}.tool-actions-section h2{font-size:var(--font-size-lg);font-weight:700;color:var(--color-brand);margin-bottom:var(--space-md);line-height:var(--line-height-tight)}.tool-actions-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-sm)}.tool-actions-buttons button{padding:var(--space-sm) var(--space-md);font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:var(--font-size-sm);color:var(--color-text-body);background-color:var(--color-bg-muted);border:1px solid var(--color-border-strong);cursor:pointer}.tool-actions-buttons button:hover{background-color:var(--color-border-default)}.tool-actions-buttons button:active{background-color:var(--color-border-strong)}.tool-faq-section{padding-top:var(--space-lg);border-top:1px solid var(--color-border-strong)}.tool-faq-section h2{font-size:var(--font-size-lg);font-weight:700;color:var(--color-brand);margin-bottom:var(--space-md);line-height:var(--line-height-tight)}.tool-faq-list{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-md)}.tool-faq-item{padding:var(--space-md);background-color:var(--color-bg-muted);border:1px solid var(--color-border-default)}.tool-faq-item dt{font-size:var(--font-size-sm);font-weight:700;color:var(--color-brand);margin-bottom:var(--space-sm);line-height:var(--line-height-tight)}.tool-faq-item dd{margin:0;font-size:var(--font-size-xs);color:var(--color-text-body);line-height:var(--line-height-normal)}