.tool-privacy{display:flex;gap:1rem;align-items:start;margin-bottom:2rem}.tool-privacy p{max-width:48rem;font-size:.9rem}.tool-privacy .status-badge{flex-shrink:0}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.tool-form,.tool-results{padding:clamp(1rem,3vw,2rem);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-card)}.tool-grid h2{font-size:1.6rem;margin-bottom:1.5rem}.tool-fields{border:0;padding:0;margin:0;min-width:0}.tool-fields legend{font-size:1.6rem;font-weight:600;padding:0;margin-bottom:.25rem}.tool-form .field{margin-block:1.25rem}.tool-form label:has(input[type=checkbox]){display:flex;gap:.75rem;align-items:center;min-height:44px}.tool-form input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--color-primary)}.tool-form textarea,[data-tool-output]{font:.85rem / 1.7 var(--font-mono)}.tool-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.25rem}.tool-actions .button{font-size:.8rem;min-height:44px;padding-inline:.85rem}.tool-actions button:disabled{opacity:.5;cursor:default}.tool-feedback{padding:.9rem;margin-bottom:1.25rem;border-left:3px solid var(--color-border-strong);background:var(--color-bg-secondary);font-size:.85rem}.tool-feedback[data-error=true]{border-color:var(--color-error);background:var(--color-error-bg);color:var(--color-error)}[data-tool-output]{display:block;width:100%;resize:vertical;padding:.9rem;margin-top:.5rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-bg);color:var(--color-text)}.tool-drop{padding:1rem;border:1px dashed var(--color-border-strong);border-radius:var(--radius-control)}.tool-drop[data-drag=true]{background:var(--color-primary-subtle)}.tool-drop input{width:100%;max-width:100%}.tool-table-wrap{overflow-x:auto;max-height:30rem;margin-block:1rem}.tool-table-wrap table{border-collapse:collapse;width:100%;font-size:.8rem}.tool-table-wrap td,.tool-table-wrap th{padding:.65rem;text-align:left;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;min-width:5rem}.tool-table-wrap th{background:var(--color-bg-secondary)}.tool-explanation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:3rem}.tool-explanation h2{font-size:1.5rem;margin-bottom:1rem}.tool-explanation p+p{margin-top:1rem}.serp-preview{padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-control);margin-bottom:1.5rem;max-width:100%}.serp-url{font-size:.75rem;color:var(--color-secondary)}.serp-title{font:400 1.2rem/1.4 Arial,sans-serif;color:#163b91;margin-block:.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.serp-preview p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:400 .88rem/1.5 Arial,sans-serif}.serp-preview[data-device=mobile]{max-width:340px}.snippet-guidance{margin-top:40px;border-top:1px solid #d8d3de;padding-top:32px}.snippet-guidance h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:24px}.snippet-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}.snippet-guidance-grid h3{font-size:1rem;margin-bottom:12px}.snippet-guidance-grid p{font-size:.85rem;line-height:1.8;color:#63596e}@media(max-width:950px){.snippet-guidance-grid,.tool-grid,.tool-explanation{grid-template-columns:1fr}.tool-privacy{flex-direction:column}}