.tools-page{--tool-bg:var(--brand-canvas,var(--brand-canvas));--tool-panel:var(--brand-panel,var(--brand-palette-white));--tool-ink:var(--brand-ink,var(--brand-ink));--tool-muted:var(--brand-muted,var(--brand-muted));--tool-line:var(--brand-line,var(--brand-line));--tool-blue:var(--brand-action,var(--brand-action));--tool-on-blue:var(--brand-on-action,var(--brand-palette-white));max-width:1160px;padding:var(--brand-space-64) 28px var(--brand-space-96);color:var(--tool-ink);font-family:var(--brand-typography-family);caret-color:var(--tool-blue);scrollbar-color:var(--tool-muted) var(--tool-bg);margin:auto}.tools-page.connect-tools{--tool-bg:var(--brand-canvas);--tool-panel:var(--brand-panel);--tool-ink:var(--brand-ink);--tool-muted:var(--brand-muted);--tool-line:var(--brand-line);--tool-blue:var(--brand-action);--tool-on-blue:var(--brand-on-action);max-width:none;padding:0}.connect-tools .tools-heading{margin-bottom:28px}.connect-tools .tools-heading p{max-width:var(--brand-content-reading);margin-top:var(--brand-space-8);font-size:var(--brand-typography-size-control);line-height:1.55}.connect-tools .tools-directory>a{padding-block:var(--brand-space-20)}.tools-page ::selection{background:var(--tool-blue);color:var(--tool-on-blue)}.tools-heading{max-width:850px;margin-bottom:var(--brand-space-40)}.tools-heading h1{text-wrap:balance}.tools-heading p{font-size:var(--brand-typography-size-lead);max-width:600px;color:var(--tool-muted);margin-top:var(--brand-space-20);line-height:1.65}.tools-back{text-underline-offset:5px;color:var(--tool-muted);align-items:center;gap:5px;margin-bottom:28px;text-decoration:underline;display:inline-flex}.tools-directory{border-top:1px solid var(--tool-line)}.tools-directory>a{align-items:center;gap:var(--brand-space-24);padding:27px var(--brand-space-16);border-bottom:1px solid var(--tool-line);color:inherit;transition:background-color var(--brand-motion-feedback) ease;grid-template-columns:36px minmax(0,1fr) 24px;text-decoration:none;display:grid}.tools-directory p{color:var(--tool-muted);font-size:var(--brand-typography-size-support);line-height:var(--brand-typography-leading-relaxed);margin-top:5px}.tools-footnote{color:var(--tool-muted);font-size:var(--brand-typography-size-control);margin-top:var(--brand-space-24)}.tools-account-cta{justify-content:space-between;align-items:center;gap:var(--brand-space-32);margin:var(--brand-space-64) 0 0;padding:var(--brand-space-32) 36px;background:var(--brand-palette-ink-black);color:color-mix(in srgb, var(--brand-palette-cobalt) 5%, var(--brand-palette-white));border-radius:18px;display:flex}.tools-heading+.tools-account-cta{margin:calc(-1 * var(--brand-space-8)) 0 var(--brand-space-40)}.tools-account-cta h2,.site-shell main:not(.tap-home) .tools-account-cta h2{color:color-mix(in srgb, var(--brand-palette-cobalt) 5%, var(--brand-palette-white))}.tools-account-cta p{max-width:42ch;color:color-mix(in srgb, var(--brand-palette-cobalt) 22%, var(--brand-palette-white));font-size:var(--brand-typography-size-support);line-height:var(--brand-typography-leading-relaxed);margin-top:10px}.tools-account-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;display:flex}.tools-account-actions a{justify-content:center;align-items:center;gap:var(--brand-space-8);border-radius:var(--brand-control-radius);min-height:44px;font-size:var(--brand-typography-size-control);font-weight:var(--brand-typography-weight-strong);text-decoration:none;display:inline-flex}.tools-account-primary{padding:10px var(--brand-space-16);background:color-mix(in srgb, var(--brand-palette-cobalt) 22%, var(--brand-palette-white));color:var(--brand-palette-navy)}.tools-account-secondary{color:color-mix(in srgb, var(--brand-palette-cobalt) 5%, var(--brand-palette-white));text-underline-offset:4px}@media (hover:hover){.tools-account-secondary:hover{text-decoration:underline}}.tools-page .tools-account-actions a:focus-visible{outline-color:color-mix(in srgb, var(--brand-palette-cobalt) 5%, var(--brand-palette-white))}.tools-context-nav{justify-content:space-between;align-items:center;gap:var(--brand-space-16);border-top:1px solid var(--tool-line);border-bottom:1px solid var(--tool-line);color:var(--tool-muted);font-size:var(--brand-typography-size-control);margin:-10px 0 36px;padding:14px 0;display:flex}.tools-context-nav a{align-items:center;gap:var(--brand-space-8);color:var(--tool-blue);white-space:nowrap;text-decoration:none;display:inline-flex}.tools-search{max-width:680px;margin-bottom:var(--brand-space-24);font-size:var(--brand-typography-size-control);font-weight:var(--brand-typography-weight-strong);gap:10px;display:grid}.tools-search>div{gap:10px;display:flex}.tools-search input{flex:1;min-width:0}.tools-count,.tools-no-results,.tools-pagination{color:var(--tool-muted);font-size:var(--brand-typography-size-control)}.tools-count{margin-bottom:var(--brand-space-8)}.tools-no-results{padding:var(--brand-space-32) 0;text-align:center}.tool-instructions p+p{margin-top:10px}.tools-pagination{justify-content:space-between;gap:var(--brand-space-16);padding-top:22px;display:flex}.tools-pagination a{color:var(--tool-blue)}.tool-workbench{gap:var(--brand-space-40);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.tool-form{gap:var(--brand-space-20);flex-direction:column;min-width:0;display:flex}.tool-field{gap:var(--brand-space-8);font-size:var(--brand-typography-size-control);font-weight:var(--brand-typography-weight-control);flex-direction:column;display:flex}.tool-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.tool-fields .tool-field:last-child{grid-column:1/-1}.tools-page :is(input,textarea){width:100%;min-width:0}.tool-result{background:var(--tool-panel);border:1px solid var(--tool-line);border-radius:var(--brand-radius-card);min-width:0;padding:26px}.tool-result>label{font-size:var(--brand-typography-size-label);margin:var(--brand-space-20) 0 var(--brand-space-8);color:var(--tool-muted);display:block}.tool-result-empty{text-align:center;justify-content:center;align-items:center;gap:var(--brand-space-16);min-height:370px;color:var(--tool-muted);flex-direction:column;display:flex}.tool-result-empty p{max-width:28ch;font-size:var(--brand-typography-size-support);line-height:1.7}.tool-result-empty h2{color:var(--tool-ink)}.tool-actions{margin-top:var(--brand-space-16);flex-wrap:wrap;gap:10px;display:flex}.tool-copy{flex-direction:column;gap:6px;min-width:0;display:inline-flex}.tool-copy>span{font-size:var(--brand-typography-size-label);max-width:25ch;color:var(--tool-muted)}.tool-note{font-size:var(--brand-typography-size-label);color:var(--tool-muted);margin-top:10px;line-height:1.65}.tool-qr{border-top:1px solid var(--tool-line);padding-top:var(--brand-space-24);align-items:center;gap:var(--brand-space-24);text-align:center;flex-direction:column;margin-top:26px;display:flex}.tool-qr img{border-radius:var(--brand-radius-control);max-width:100%;height:auto}.tool-qr p{font-size:var(--brand-typography-size-control);color:var(--tool-muted);margin-top:6px;line-height:1.65}.tool-qr .tool-actions{justify-content:center}.tool-qr-placeholder{place-content:center;justify-items:center;min-height:200px;display:grid}.tool-instructions p{font-size:var(--brand-typography-size-control);color:var(--tool-muted);line-height:1.75}.tool-instructions a{font-size:var(--brand-typography-size-control);color:var(--tool-blue);text-underline-offset:4px;align-items:center;gap:6px;margin-top:10px;display:inline-flex}.tool-signin p{font-size:var(--brand-typography-size-control);color:var(--tool-muted);margin-bottom:14px;line-height:1.7}.tool-saved{margin-top:56px}.tool-saved-heading{margin-bottom:var(--brand-space-16);justify-content:space-between;align-items:center;display:flex}.tool-saved-heading>span{color:var(--tool-muted);font-size:var(--brand-typography-size-label)}.tool-saved ul{padding:0;list-style:none}.tool-saved li{gap:var(--brand-space-20);border-top:1px solid var(--tool-line);padding:var(--brand-space-20) 0;justify-content:space-between;align-items:center;display:flex}.tool-saved li>div{flex-direction:column;gap:6px;min-width:0;display:flex}.tool-saved li a{color:var(--tool-blue);font-weight:var(--brand-typography-weight-control);overflow-wrap:anywhere}.tool-saved li :is(span,small){font-size:var(--brand-typography-size-label);overflow-wrap:anywhere;color:var(--tool-muted)}@media (hover:hover) and (pointer:fine){.tools-directory>a:hover{background:var(--tool-panel)}.tools-context-nav a:hover{text-decoration:underline}}@media (max-width:960px){.connect-tools .tool-workbench{grid-template-columns:1fr;gap:28px}.connect-tools .tool-result-empty{min-height:240px}}@media (max-width:760px){.tools-account-cta{padding:26px var(--brand-space-24);flex-direction:column;align-items:flex-start;gap:22px}.tools-account-actions{align-items:flex-start;gap:var(--brand-space-12);flex-direction:column}.tools-page{padding:36px var(--brand-space-20) var(--brand-space-64)}.tool-workbench{grid-template-columns:1fr;gap:28px}.tools-heading{margin-bottom:28px}.tools-heading p{font-size:var(--brand-typography-size-body)}.tools-directory>a{gap:var(--brand-space-16);padding:22px 0}.tool-result{padding:22px}.tool-fields{grid-template-columns:1fr}.tool-result-empty{min-height:240px}.tool-saved li{flex-direction:column;align-items:flex-start}.tools-search>div{flex-wrap:wrap}.tools-search input{flex-basis:100%}}
