.tool-page{flex-direction:column;gap:20px;min-height:0;display:flex}.tool-page--fill{height:100%;min-height:min(480px,60vh)}.tool-page--fill .tool-page-body{flex:1;min-height:0;overflow:hidden}.tool-page-header{align-items:center;gap:16px;display:flex}.tool-page-icon{background:color-mix(in srgb, var(--tool-color) 18%, transparent);border:1px solid color-mix(in srgb, var(--tool-color) 35%, transparent);width:52px;height:52px;color:var(--tool-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tool-page-header h1{color:var(--text-primary);font-size:1.4rem;font-weight:600}.tool-page-subtitle{color:var(--accent);margin-top:2px;font-size:.8rem;font-weight:500}.tool-page-header>div>p:last-child{color:var(--text-secondary);margin-top:4px;font-size:.88rem}.tool-page-body{flex:0 auto;min-height:0;overflow:visible}.tool-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tool-panel-header{border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;display:flex}.tool-textarea{background:var(--bg-primary);width:100%;min-height:160px;color:var(--text-primary);resize:vertical;border:none;outline:none;padding:14px;font-family:SF Mono,Consolas,monospace;font-size:13px;line-height:1.6}.tool-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:800px){.tool-grid-2{grid-template-columns:1fr}}.tool-field{margin-bottom:14px}.tool-field label{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;display:block}.tool-field input,.tool-field select{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 12px;font-size:.9rem}.tool-actions{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.tool-actions .tool-field{flex:none;margin-bottom:0}.tool-actions .btn{white-space:nowrap;flex-shrink:0;height:auto;min-height:44px;padding:10px 18px}.tool-actions .tool-field input,.tool-actions .tool-field select{box-sizing:border-box;height:42px}.tool-output{background:var(--bg-primary);word-break:break-all;min-height:60px;padding:14px;font-family:monospace;font-size:13px}