.tools-directory{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:72px;overflow:hidden}.tools-directory ol{margin:0;padding:0;list-style:none}.tools-directory li+li{border-top:1px solid var(--border)}.tools-directory a{background:var(--surface-raised);min-height:148px;transition:background var(--transition-fast);grid-template-columns:40px 48px minmax(0,1fr) minmax(220px,.58fr) 44px;align-items:center;gap:20px;padding:24px;display:grid}.tools-directory a:hover{background:var(--surface)}.tools-directory__index{color:var(--viva-violet-readable);font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:800}.tools-directory__icon{border-radius:var(--radius-md);background:var(--viva-navy);width:48px;height:48px;color:var(--viva-cyan);place-items:center;display:grid}.tools-directory__copy{gap:8px;min-width:0;display:grid}.tools-directory__copy strong{font-size:var(--text-h4);letter-spacing:-.025em}.tools-directory__copy small{max-width:60ch;color:var(--ink-soft);font-size:var(--text-small);line-height:1.55}.tools-directory__output{gap:4px;min-width:0;display:grid}.tools-directory__output small{color:var(--muted);font-size:var(--text-caption);text-transform:uppercase;font-weight:700}.tools-directory__output strong{color:var(--ink);font-size:var(--text-small);line-height:1.45}.tools-directory__arrow{transition:color var(--transition-fast), transform var(--transition-fast);justify-self:end}.tools-directory a:hover .tools-directory__arrow{color:var(--viva-violet);transform:translate(2px,-2px)}.tools-flow{border-radius:var(--radius-lg);background:var(--viva-navy);color:#fff;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:56px;margin-top:72px;padding:48px;display:grid}.tools-flow h2{max-width:11ch;font-size:var(--text-h2);letter-spacing:-.035em;text-wrap:balance;margin:0;line-height:1.06}.tools-flow>div p{max-width:38ch;color:color-mix(in srgb, #fff 78%, var(--viva-navy));font-size:var(--text-body);margin:20px 0 0;line-height:1.6}.tools-flow ol{border-top:1px solid color-mix(in srgb, #fff 24%, var(--viva-navy));counter-reset:tools-flow;margin:0;padding:0;list-style:none}.tools-flow li{border-bottom:1px solid color-mix(in srgb, #fff 24%, var(--viva-navy));counter-increment:tools-flow;grid-template-columns:32px minmax(120px,.45fr) minmax(0,1fr);align-items:center;gap:16px;min-height:88px;padding:16px 0;display:grid}.tools-flow li:before{content:counter(tools-flow, decimal-leading-zero);color:var(--viva-cyan);font-size:var(--text-small);font-weight:800}.tools-flow li span{font-weight:800}.tools-flow li p{color:color-mix(in srgb, #fff 78%, var(--viva-navy));font-size:var(--text-small);margin:0;line-height:1.5}.tool-callout{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:72px;padding:32px;display:grid}.tool-callout__icon{border-radius:var(--radius-md);background:var(--viva-navy);width:56px;height:56px;color:var(--viva-cyan);place-items:center;display:grid}.tool-callout__copy h2{font-size:var(--text-h4);letter-spacing:-.025em;margin:0}.tool-callout__copy p{max-width:66ch;color:var(--ink-soft);font-size:var(--text-body);margin:8px 0 0;line-height:1.55}.tool-callout__copy small{color:var(--muted);font-size:var(--text-small);margin-top:12px;font-weight:700;display:block}.tool-callout__action{white-space:nowrap}.tool-source{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);justify-content:space-between;align-items:center;gap:32px;margin-top:48px;padding:24px;display:flex}.tool-source h2{font-size:var(--text-h4);letter-spacing:-.025em;margin:0}.tool-source p{max-width:68ch;color:var(--ink-soft);font-size:var(--text-small);margin:8px 0 0;line-height:1.55}.tool-source a{border-radius:var(--radius-sm);min-height:44px;color:var(--ink);font-size:var(--text-small);white-space:nowrap;align-items:center;gap:8px;padding:0 12px;font-weight:800;display:inline-flex}.tool-source a:hover{background:var(--surface)}.tool-page .brief-tool,.tool-page .photo-prompt{margin-top:40px}@media (max-width:900px){.tools-directory a{grid-template-columns:40px 48px minmax(0,1fr) 44px}.tools-directory__output{grid-column:3}.tools-directory__arrow{grid-area:1/4/3}.tools-flow{grid-template-columns:1fr;gap:36px}.tool-callout{grid-template-columns:56px minmax(0,1fr)}.tool-callout__action{grid-column:2;width:max-content}}@media (max-width:640px){.tools-directory{margin-top:52px}.tools-directory a{grid-template-columns:36px minmax(0,1fr) 24px;gap:12px;min-height:0;padding:24px 20px}.tools-directory__index{align-self:start;padding-top:4px}.tools-directory__icon{display:none}.tools-directory__copy{grid-column:2}.tools-directory__copy strong{font-size:var(--text-body-xl)}.tools-directory__output{grid-column:2}.tools-directory__arrow{grid-area:1/3/3;align-self:start}.tools-flow{margin-top:52px;padding:32px 24px}.tools-flow li{grid-template-columns:28px minmax(0,1fr);gap:4px 12px}.tools-flow li p{grid-column:2}.tool-callout{grid-template-columns:1fr;gap:20px;margin-top:52px;padding:28px 20px}.tool-callout__action{white-space:normal;text-align:center;grid-column:auto;justify-content:center;width:100%}.tool-source{flex-direction:column;align-items:flex-start;gap:16px;margin-top:36px}.tool-source a{white-space:normal;padding-inline:0}.tool-page .brief-tool,.tool-page .photo-prompt{margin-top:32px}}