.tool-hero{display:flex;align-items:stretch;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}.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);border:1px solid var(--color-border-default);background-color:var(--color-bg-surface)}.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-group-label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-body);margin-bottom:var(--space-xs)}.tool-options-input-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-body);cursor:pointer}.tool-options-input-row span{min-width:calc(var(--width-sm) + 8px)}.tool-options-input-row input[type=radio]{margin:0;width:1em;height:1em}.tool-options-input-row input[type=number],.tool-options-input-row input[type=text]{width:var(--width-md);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-body);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default)}.tool-options-input-row input[type=number]:focus,.tool-options-input-row input[type=text]:focus{outline:1px solid var(--color-brand);outline-offset:0}.tool-options-input-row input[type=checkbox]{margin:0;width:1em;height:1em}.tool-options-select-row select{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-body);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default)}.tool-options-select-row select:focus{outline:1px solid var(--color-brand);outline-offset:0}.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-section dl{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{font-size:var(--font-size-xs);color:var(--color-text-body);line-height:var(--line-height-normal)}
