/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer theme,base,components,utilities;@font-face{font-family:Arabic;src:url(/fonts/subset-noto-sans-arabic-400.woff2);font-weight:400;font-display:swap}@font-face{font-family:Arabic;src:url(/fonts/subset-noto-sans-arabic-600.woff2);font-weight:600 800;font-display:swap}@font-face{font-family:Alexandria;src:url(/fonts/subset-alexandria-600.woff2);font-weight:600 800;font-display:swap}@font-face{font-family:Readex;src:url(/fonts/subset-readex-pro-400.woff2);font-weight:400;font-display:swap}@font-face{font-family:Readex;src:url(/fonts/subset-readex-pro-600.woff2);font-weight:600 800;font-display:swap}@font-face{font-family:Mono;src:url(/fonts/subset-jetbrains-mono-400.woff2);font-weight:400;font-display:swap}:root,[data-theme=signal-dark]{color-scheme:dark;--bg:#08090d;--card:#10131a;--raised:#161b24;--line:#303947;--text:#f3f5f7;--muted:#a7b0bd;--cyan:#36d5e3;--green:#a9e86b;--amber:#ffbd66;--ink:#06080b;--mk-ink:#eef0e6;--mk-accent:#b9de9c;--mk-s1:#eadcc0;--mk-s2:#cdb48a;--body:Arabic,Readex,sans-serif;--display:Alexandria,Arabic,sans-serif;--space:1rem;--radius-box:.75rem;--radius-field:.5rem;--radius-selector:.5rem;--border:1px;--color-base-100:var(--bg);--color-base-200:var(--card);--color-base-300:var(--raised);--color-base-content:var(--text);--color-primary:var(--cyan);--color-primary-content:var(--ink);--size-field:.25rem;--size-selector:.25rem;--depth:0;--noise:0;font-size:16px}:root[data-theme=signal-light]{color-scheme:light;--bg:#f2f5f7;--card:#fff;--raised:#e6edf1;--line:#a9b8c2;--text:#15232f;--muted:#4b5e6b;--cyan:#006b78;--green:#376900;--amber:#865000;--ink:#fff;--mk-ink:#112d1e;--mk-accent:#478638;--mk-s1:#9e8155;--mk-s2:#b9a17a}html[lang=en]{--body:Readex,Arabic,sans-serif}*{box-sizing:border-box}html{scrollbar-color:var(--line) var(--bg);-webkit-font-smoothing:antialiased;scroll-padding-top:190px}body{background:var(--bg);color:var(--text);font:400 1rem/1.8 var(--body);margin:0}a{color:inherit;text-underline-offset:.24em;text-decoration:none}button,input,select{font:inherit}button,summary{cursor:pointer}button,a,input,select,summary{touch-action:manipulation}button,.btn,input,.input,select,.select{border-radius:var(--radius-field);min-height:44px}.btn{border:1px solid var(--line);background:var(--raised);color:var(--text);height:auto;padding:8px 16px;font-size:1rem;font-weight:400}.btn-primary{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}input,.input,select,.select{background:var(--card);color:var(--text);border:1px solid var(--line);min-width:0;padding:8px 12px;font-size:1rem}input::placeholder{color:var(--muted);opacity:1}a,button,summary{transition:color .14s,border-color .14s,background .14s,transform .14s}a:hover{color:var(--cyan)}button:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}::selection{background:var(--cyan);color:var(--ink)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);text-wrap:balance;font-weight:600;line-height:1.6}h1{font-size:2.25rem}h2{font-size:1.4rem}h3{font-size:1.125rem;font-weight:600;line-height:1.7}p{overflow-wrap:anywhere;text-wrap:pretty}bdi{font-family:Readex,Arabic,sans-serif}time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.8rem}svg.icon{vertical-align:middle;flex:none;width:18px;height:18px}.sr-only,.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:100;background:var(--cyan);color:var(--ink);top:8px;padding:12px;position:fixed;inset-inline-start:8px}.wrap{max-width:1248px;margin:auto;padding-inline:24px}main.wrap{min-height:65vh;padding-block:40px 64px}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:80px;display:flex}.brand{white-space:nowrap;direction:ltr;align-items:center;gap:10px;min-height:44px;font:600 1.2rem Readex,sans-serif;display:inline-flex}.mk{flex:none}.mk-i{fill:none;stroke:var(--mk-ink);stroke-linecap:round;stroke-linejoin:round}.mk-a{fill:var(--mk-accent)}.mk-s1{fill:var(--mk-s1)}.mk-s2{fill:var(--mk-s2)}.site-header nav{gap:24px;display:flex}.site-header nav a{align-items:center;min-height:44px;display:flex}.site-header a[aria-current]{color:var(--cyan)}.utilities{align-items:center;gap:8px;display:flex}.utilities>a{place-items:center;min-width:44px;min-height:44px;display:grid}.utilities .btn{min-width:44px;padding:8px}.mobile-menu{display:none}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding-block:32px}.footer-inner{justify-content:space-between;gap:24px;display:flex}.site-footer nav{flex-wrap:wrap;gap:20px;display:flex}.site-footer nav a{align-items:center;min-height:44px;display:inline-flex}.hero{direction:ltr;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;padding-block:24px;display:grid}.hero h1{letter-spacing:-.03em;color:var(--cyan);background:linear-gradient(110deg,var(--cyan),var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font:600 clamp(2.3rem,5vw,4.5rem)/1.3 Alexandria,sans-serif}.hero p{color:var(--muted);text-align:left;margin-top:18px;font-size:1.125rem}.hero-mark{justify-self:center;width:230px;height:230px}.hero-mark .mk-i{stroke-dasharray:160;stroke-dashoffset:-160px;animation:1.7s ease-out forwards draw}.hero-mark .mk-a circle{opacity:0;animation:.2s ease-out 1.8s forwards dot}.hero-mark .mk-a circle:nth-child(2){animation-delay:2s}.hero-mark .mk-a circle:nth-child(3){animation-delay:2.2s}@keyframes draw{to{stroke-dashoffset:0}}@keyframes dot{to{opacity:1}}.search-form{gap:12px;margin-block:32px 40px;display:flex}.search-form label{flex:1;min-width:0}.search-form .input{width:100%;min-height:54px}.search-form .btn{min-height:54px}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-head>a{color:var(--cyan);align-items:center;min-height:44px;display:flex}.home-board{grid-template-columns:minmax(0,1fr) 290px;gap:28px;display:grid}.home-board .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.tool-top{align-items:center;gap:12px;min-width:0;display:flex}.tool-top>div{flex:1;min-width:0}.tool-top h3{overflow-wrap:anywhere}.tool-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.logo-tile{border:1px solid var(--line);background:var(--raised);width:44px;height:44px;color:var(--text);border-radius:8px;flex:none;place-items:center;font:600 1rem Readex;display:grid}.logo-tile:has(img){background:#fff}.logo-tile img{filter:grayscale();object-fit:contain;width:30px;height:30px}.kind{color:var(--cyan);direction:ltr;align-items:center;gap:6px;min-height:24px;font:400 .8rem Readex;display:flex}.kind-skill{color:var(--green)}.kind-tool,.kind-api{color:var(--amber)}.badge{border:1px solid var(--line);background:var(--raised);width:auto;height:auto;color:var(--text);white-space:normal;border-radius:6px;align-items:center;padding:3px 8px;font-size:.75rem;display:inline-flex}.price-free{color:var(--green)}.price-paid{color:var(--amber)}.draft-badge{color:var(--amber);font-size:.75rem}.side-panel{border-top:1px solid var(--line);align-self:start}.side-tabs{border-bottom:1px solid var(--line);gap:12px;display:flex}.side-tabs label{cursor:pointer;align-items:center;min-height:48px;display:flex}.side-tabs input{accent-color:var(--cyan);min-height:0;margin-inline-end:6px}.side-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-width:0;padding-block:14px;display:flex}.side-row>div{overflow-wrap:anywhere;min-width:0}.side-row small{color:var(--muted);font-size:.75rem;display:block}.side-panel:has(input[value=lab]:checked) .side-tools,.side-panel:has(input[value=tools]:checked) .side-lab{display:none}.home-lower{margin-top:48px}.page-intro{margin-bottom:28px}.page-intro p{color:var(--muted);margin-top:8px}.filter-bar{z-index:6;background:var(--bg);border-block:1px solid var(--line);margin-bottom:24px;padding-block:12px;position:sticky;top:0}.filter-bar details summary{align-content:center;min-height:44px}.filter-links{flex-wrap:wrap;gap:8px;display:flex}.filter-links a{border:1px solid var(--line);border-radius:8px;align-items:center;min-height:44px;padding:6px 12px;font-size:.8rem;display:inline-flex}.filter-links a[aria-current]{color:var(--ink);background:var(--cyan);border-color:var(--cyan)}.filter-bar .search-form{margin:8px 0 12px}.filter-bar .search-form .input,.filter-bar .search-form .btn{min-height:44px}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filter-row label{align-items:center;gap:12px;display:flex}.results-count{color:var(--muted)}.pagination{flex-wrap:wrap;gap:12px;margin-block:32px;display:flex}.day-heading{margin:32px 0 12px;font-size:1.125rem}.pick-feature,.pick-card{border:1px solid var(--line);border-radius:var(--radius-box);background:var(--card);padding:28px;display:block}.pick-feature{border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.pick-feature{border-color:color-mix(in srgb,var(--amber) 55%,var(--line))}}.pick-feature{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.pick-feature{background:color-mix(in srgb,var(--amber) 5%,var(--card))}}.pick-brand{color:var(--amber);direction:ltr;justify-content:flex-start;align-items:center;gap:12px;width:fit-content;margin-bottom:20px;display:flex}.pick-feature h2{max-width:42ch;font-size:1.65rem}.pick-feature p,.pick-card p{color:var(--muted);max-width:75ch;margin-top:12px}.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.pick-cover{background:var(--raised);border-radius:12px 12px 0 0;place-items:center;height:140px;margin:-28px -28px 24px;display:grid}.pick-cover .logo-tile{transform:scale(1.6)}.lab-row{border-top:1px solid var(--line);grid-template-columns:180px minmax(0,1fr);gap:40px;padding-block:28px;display:grid}.lab-row time{font:600 1.5rem/1.7 var(--display);color:var(--muted)}.lab-row p{color:var(--muted);max-width:75ch;margin-top:6px}.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.glossary-item{border:1px solid var(--line);border-radius:var(--radius-box);padding:24px}.glossary-item .kind{margin-bottom:20px;font-size:1.2rem}.glossary-item p{color:var(--muted)}.tool-detail{max-width:800px;margin:auto}.tool-detail .tool-top{margin:28px 0}.tool-detail .tool-top h1{overflow-wrap:anywhere}.tool-detail>p{color:var(--muted);margin-block:24px}.tool-detail .btn{margin-block:24px}.tool-detail h2{margin-top:32px}.sources a,.prose a{color:var(--cyan);text-decoration:underline}.sources li{overflow-wrap:anywhere;margin-block:12px}.article-layout{grid-template-columns:230px minmax(0,760px);justify-content:center;gap:64px;display:grid}.article-rail{align-self:start;font-size:.85rem;position:sticky;top:24px}.article-rail nav{gap:2px;margin-top:20px;display:grid}.article-rail nav a{border-inline-start:1px solid var(--line);min-height:44px;color:var(--muted);padding:8px}.article-rail nav a[aria-current]{color:var(--cyan);border-color:var(--cyan);background:var(--raised)}progress{appearance:none;background:var(--line);width:100%;height:3px;color:var(--cyan);border:0}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--cyan)}progress::-moz-progress-bar{background:var(--cyan)}.prose{min-width:0;max-width:75ch;line-height:1.95}.prose h1{font-size:2rem;line-height:1.7}.prose h2{margin-block:48px 16px;font-size:1.4rem}.prose h2:not(.brief h2){border-block-end:1px solid var(--line);padding-block-end:9px}.prose h3{margin:24px 0 12px}.prose p,.prose ul,.prose ol{margin-block:18px}.prose .summary{color:var(--muted);font-size:1.125rem}.article-meta{flex-wrap:wrap;gap:16px;margin:20px 0 32px;display:flex}.brief{border:1px solid var(--line);border-radius:var(--radius-box);background:var(--raised);padding:20px}.brief h2{margin:0 0 12px}.brief dt{font-weight:600}.brief dd{color:var(--muted);margin:0 0 14px}code{overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;font-family:Mono,monospace}.code{border:1px solid var(--line);background:var(--card);direction:ltr;border-radius:10px;flex-direction:column;margin-block:24px;display:flex;position:relative;overflow:hidden}.code pre{max-width:100%;margin:0;padding:18px;font-size:.875rem;line-height:1.7;overflow-x:auto}.code-header{background:var(--raised);border-bottom:1px solid var(--line);order:-1;justify-content:space-between;align-items:center;min-height:44px;padding:0 8px 0 14px;font:400 .75rem Readex;display:flex}.copy{min-width:44px;min-height:44px;color:var(--text);background:0 0;border:0;padding:4px 8px;font-size:.75rem}.copy:hover{color:var(--cyan)}.prose blockquote{color:var(--muted);border-inline-start:1px solid var(--cyan);margin-inline:0;padding-inline-start:20px}.prose table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.prose th,.prose td{border:1px solid var(--line);min-width:120px;padding:12px}.empty{border:1px solid var(--line);border-radius:var(--radius-box);color:var(--muted);padding:32px}.js-only{display:none}.js .js-only{display:inline-flex}@media (width<=1000px){.home-board{grid-template-columns:minmax(0,1fr) 250px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-board .tool-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.site-header nav,.header-inner{gap:12px}.hero-mark{width:180px;height:180px}}@media (width<=760px){.wrap{padding-inline:18px}main.wrap{padding-block:28px 48px}.header-inner{flex-wrap:wrap;gap:8px;min-height:72px}.brand{gap:4px;font-size:1rem}.brand .mk{width:28px;height:28px}.site-header .desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{place-items:center;min-width:44px;min-height:44px;list-style:none;display:grid}.mobile-menu nav{z-index:20;background:var(--card);border:1px solid var(--line);inset-inline-end:0;width:250px;padding:16px;display:grid;position:absolute;top:52px}.utilities{gap:0}.hero{grid-template-columns:minmax(0,1fr) 82px;gap:18px;padding-block:8px}.hero h1{font-size:clamp(1.65rem,6.6vw,2.8rem)}.hero p{margin-top:12px;font-size:1rem;line-height:1.9}.hero-mark{width:82px;height:100px}.search-form{gap:8px;margin-block:36px}.search-form .btn{padding-inline:12px}.home-board{display:block}.home-board .tool-grid,.tool-grid,.pick-grid,.glossary-grid{grid-template-columns:1fr}.side-panel{margin-top:36px}.filter-bar{padding-block:4px}.filter-bar details:not([open]) .filter-links{display:none}.filter-links{max-height:200px;overflow:auto}.filter-bar .search-form{margin-block:8px}.filter-row{font-size:.875rem}.filter-row label{justify-content:space-between;width:100%}.lab-row{grid-template-columns:1fr;gap:12px;padding-block:24px}.lab-row time{font-size:1.25rem}.pick-feature{padding:22px}.pick-feature h2{font-size:1.3rem}.article-layout{display:block}.article-rail{margin-bottom:32px;position:relative;top:auto}.article-rail nav{max-height:200px;overflow:auto}.prose h1{font-size:1.6rem}.prose h2{font-size:1.3rem}.footer-inner{display:block}.site-footer nav{margin-top:20px}.tool-detail .tool-top{align-items:start}h1{font-size:1.8rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-mark .mk-i{stroke-dashoffset:0}.hero-mark .mk-a circle{opacity:1}}.logo-tile img{filter:grayscale()brightness(0)}.tool-grid{grid-auto-rows:auto;align-items:start}.article-rail progress{transform-origin:0 0;top:72px;width:240px;height:3px;position:absolute;inset-inline-start:-12px;transform:rotate(90deg)}.article-rail{position:sticky}.prose progress{width:100%}@media (width<=760px){.article-rail{position:relative}.article-rail progress{width:100%;margin-top:16px;position:static;transform:none}}.btn{justify-content:center;align-items:center;display:inline-flex}a.btn-primary:hover,.btn-primary:hover{background:var(--cyan);color:var(--ink);border-color:var(--text)}.glossary-item{flex-direction:column;gap:20px;display:flex}.glossary-item .kind{margin:0}.glossary-action{margin-top:auto;padding-top:4px}.article-rail>a,.tool-detail>a:not(.btn),.sources a{align-items:center;min-height:44px;display:inline-flex}.article-heading{grid-area:1/2}.article-layout>article{grid-area:2/2}.article-rail{grid-area:1/1/span 2}.article-layout{row-gap:0}.article-rail summary{align-content:center;min-height:44px}.filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-group>span{color:var(--muted);font-size:.8rem}.filter-links{gap:12px}.filter-summary{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.75rem;overflow:hidden}[data-theme=signal-dark] .theme-moon,[data-theme=signal-light] .theme-sun{display:none}@media (width>=761px){.filter-links{flex-direction:column}.article-rail summary{display:none}.article-rail details::details-content,.filter-bar details::details-content{content-visibility:visible;display:block}}@media (width<=760px){.filter-links{flex-flow:column;display:flex}.filter-summary{display:block}.article-layout{flex-direction:column;display:flex}.article-heading{order:0}.article-rail{order:1;width:100%;margin-bottom:20px}.article-layout>article{order:2}.article-rail nav{margin-top:8px}.side-panel .side-tabs,.side-panel .side-tools{display:none}.side-panel .side-lab{display:block!important}.side-panel:before{content:attr(data-phone-title);border-bottom:1px solid var(--line);padding-block:12px;display:block}}@media (width>=761px){.filter-summary{display:none}.filter-links{flex-direction:row}.filter-group{display:contents}.filter-group>span{display:none}}@media (width<=760px){.filter-group>span{flex-basis:100%}.filter-links>[data-filter=all]{align-self:start}}.js .search-note{display:none}.search-note{color:var(--muted);margin-block:8px;font-size:.875rem}.lab-row{transition:background .14s}.lab-row:hover,.lab-row:focus-visible{background:var(--card)}.lab-row:hover h3,.lab-row:focus-visible h3{color:var(--cyan)}.lab-row time,.lab-row:hover time{color:var(--muted)}.article-rail progress{direction:ltr}.js .filter-controls{display:flex}.filter-controls label{min-width:0;color:var(--muted);flex:1;gap:4px;font-size:.8rem;display:grid}.filter-controls select{width:100%;min-height:48px;font-size:1rem}.filter-controls>a{min-height:48px;color:var(--cyan);align-items:center;font-size:.8rem;display:flex}.code-header{min-height:36px;padding-inline:14px 4px}.code-header>span{align-items:center;gap:8px;display:flex}.code-header svg{width:16px;height:16px}.code-header .copy{min-height:36px;margin-inline-start:auto}.code:has(>pre[data-code-kind=terminal]){color:#f3f5f7;background:#06080b;border-color:#2e3746}.code:has(>pre[data-code-kind=terminal]) .code-header{background:#10131a;border-color:#2e3746}.code:has(>pre[data-code-kind=terminal]) .copy{color:#f3f5f7}.terminal-line{vertical-align:top;width:100%;min-height:1.7em;padding-inline-start:1.5em;display:inline-block;position:relative}.terminal-line:before{content:"$";color:#a9e86b;-webkit-user-select:none;user-select:none;position:absolute;left:0}.code:has(>pre[data-code-kind=prompt]){background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.code:has(>pre[data-code-kind=prompt]){background:color-mix(in srgb,var(--cyan) 7%,var(--card))}}.code:has(>pre[data-code-kind=prompt]){border-color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.code:has(>pre[data-code-kind=prompt]){border-color:color-mix(in srgb,var(--cyan) 40%,var(--line))}}.code:has(>pre[data-code-kind=prompt]) .code-header{background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.code:has(>pre[data-code-kind=prompt]) .code-header{background:color-mix(in srgb,var(--cyan) 10%,var(--card))}}.code:has(>pre[data-code-kind=prompt]) pre,.code:has(>pre[data-code-kind=prompt]) code{font:400 1rem/1.9 var(--body)}.code:has(>pre[data-code-kind=json]){background:var(--raised)}@media (width>=761px){.filter-bar{align-items:center;gap:16px;display:flex}.filter-bar .search-form{flex:1;min-width:180px;margin:0}.filter-bar details{flex:2}.filter-bar details>summary{display:none}.article-rail progress{left:-12px;right:auto;inset-inline-start:auto;transform:rotate(90deg)}}@media (width<=760px){.js .filter-controls{flex-direction:column;align-items:stretch;display:flex}.filter-controls label{width:100%}}.article-rail progress{pointer-events:none}.code-header{height:44px;min-height:44px;padding-inline:14px 8px}.code-header svg{stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.code-header .copy{border:1px solid var(--line);background:var(--card);justify-content:center;align-items:center;height:28px;min-height:28px;padding:0 8px;line-height:1;position:relative}.code-header .copy:after{content:"";position:absolute;inset:-8px 0}.code:has(>pre[data-code-kind=terminal]) .copy{color:#f3f5f7;background:#10131a;border-color:#566174}.code:has(>pre[data-code-kind=terminal]) .copy:hover,.code:has(>pre[data-code-kind=terminal]) .copy:focus-visible{color:#f3f5f7;background:#2e3746;border-color:#a9e86b}.badge,.draft-badge,.side-row small{font-size:.8125rem}@media (width>=761px){.reading-progress{top:72px;width:3px;height:240px;position:absolute;inset-inline-start:calc(100% + 30px)}.article-rail progress{writing-mode:vertical-lr;direction:ltr;width:3px;height:240px;position:static;transform:none}}@media (width<=760px){.reading-progress{width:100%}.home-board .side-panel{display:none}.filter-bar,.filter-bar details{display:contents}.filter-bar .search-form,.filter-bar .filter-summary,.filter-bar details>summary{z-index:6;background:var(--bg);margin:0;position:sticky}.filter-bar .search-form{padding-block:8px;top:0}.filter-bar .filter-summary{line-height:24px;top:60px}.filter-bar details>summary{border-bottom:1px solid var(--line);min-height:44px;top:84px}.filter-controls{padding-block:12px 24px}}.filter-controls{align-items:center;gap:10px}.filter-controls label{flex:none}.filter-controls select{width:150px;height:44px;min-height:44px;font-size:15px}.filter-controls>a{white-space:nowrap;height:44px;min-height:44px}.filter-bar .search-form .input,.filter-bar .search-form .btn{height:44px;min-height:44px}@media (width>=761px){.filter-bar{gap:12px}.filter-bar details{flex:none}.filter-bar .search-form{min-width:0}.filter-controls{padding:0}}@media (width>=761px) and (width<=1100px){.filter-controls select{width:154px;padding-inline:10px}.filter-controls{gap:6px}.filter-bar{gap:8px}.filter-bar .search-form{gap:6px}.filter-bar .search-form .btn{padding-inline:10px}}@media (width<=760px){.filter-controls select{width:100%}}@media (width>=761px){html:not(.js) .filter-bar{flex-wrap:wrap}html:not(.js) .filter-bar details{flex:1 0 100%}}.tool-grid{align-items:start}.tool-card{border:1px solid var(--line);border-radius:var(--radius-box);background:var(--card);min-width:0;color:var(--text);grid-template-rows:64px auto auto 44px;row-gap:0;padding:16px;transition:border-color .14s,box-shadow .14s;display:grid;position:relative}.tool-card .tool-top{grid-template-rows:28px 24px;grid-template-columns:44px minmax(0,1fr);gap:4px 12px;height:56px;display:grid}.tool-card .tool-top>.logo-tile{grid-row:1/3}.tool-card .tool-top>div{align-self:start;min-width:0}.tool-card .tool-top .tool-name{-webkit-line-clamp:1}.tool-kind-row{grid-column:2;justify-content:space-between;align-items:center;gap:4px;display:flex}.tool-kind-row .draft-badge{white-space:nowrap;font-size:.8125rem}.tool-description{height:2lh;color:var(--muted);-webkit-line-clamp:2;interpolate-size:allow-keywords;-webkit-box-orient:vertical;line-height:1.9;transition:height .225s ease-out;display:-webkit-box;overflow:hidden}.tool-facts{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8125rem;display:flex}.tool-stamp{align-items:center;gap:6px;height:44px;font-size:.8125rem;display:flex}.tool-stamp>.tool-facts{flex-wrap:nowrap;min-width:0;height:44px}.tool-stamp .badge{min-width:0}.tool-stamp time{white-space:nowrap;margin-inline-start:auto;font-size:.8125rem}.tool-link:after{content:"";border-radius:inherit;z-index:1;position:absolute;inset:0}.tool-pick{z-index:2;color:var(--cyan);white-space:nowrap;align-items:center;min-width:44px;min-height:44px;font-size:.8125rem;display:inline-flex;position:relative}.card-expand,.row-expand{color:var(--muted);grid-template-rows:0fr;transition:grid-template-rows .225s ease-out;display:grid}.card-expand>div,.row-expand>div{visibility:hidden;min-height:0;transition:visibility .225s;overflow:hidden}.tool-about,.tool-requires{color:var(--muted);padding-top:12px;font-size:1rem;line-height:1.9}.tool-requires{color:var(--amber)}.tool-row{--identity-track:260px;--meta-track:220px;grid-template-columns:var(--identity-track) minmax(0,1fr) var(--meta-track);border-block-end:1px solid var(--line);border-radius:8px;align-items:center;gap:24px;padding:20px 16px;transition:border-color .14s,box-shadow .14s;display:grid;position:relative}.tool-row .tool-top{grid-template-columns:44px minmax(0,1fr);display:grid}.tool-row-copy{min-width:0}.tool-row .kind{width:max-content;max-width:100%}.tool-row .tool-facts{align-self:center}.touch-details{z-index:2;min-width:44px;min-height:44px;color:var(--cyan);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:2px;padding:0;font-size:13px;display:none;position:relative}.touch-details .icon{width:22px;height:22px;transition:transform .14s}.tool-stamp .touch-details{margin-inline-end:-11px}.touch-details[aria-expanded=true] .icon{transform:rotate(180deg)}.tool-open-cue{color:var(--cyan);align-items:center;gap:6px;padding-top:12px;font-size:.875rem;display:none}.tool-open-cue .icon{width:16px;height:16px}.tool-open-cue:dir(rtl) .icon{transform:scaleX(-1)}@media (hover:hover) and (pointer:fine){:is(.tool-card,.tool-row):is(:hover,:focus-within){z-index:3;border-color:var(--cyan);box-shadow:0 0 18px var(--cyan)}@supports (color:color-mix(in lab, red, red)){:is(.tool-card,.tool-row):is(:hover,:focus-within){box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 18%,transparent)}}:is(.tool-card,.tool-row):is(:hover,:focus-within) :is(.card-expand,.row-expand){grid-template-rows:1fr;transition-delay:.1s}:is(.tool-card,.tool-row):is(:hover,:focus-within) :is(.card-expand,.row-expand)>div{visibility:visible;transition-delay:.1s}:is(.tool-card,.tool-row):is(:hover,:focus-within) .tool-description{-webkit-line-clamp:unset;height:auto;transition-delay:.1s;display:block}}@media (width<=760px){.tool-row{grid-template-columns:minmax(0,1fr);gap:12px;padding-inline:0}}@media (hover:none),(pointer:coarse){.js .touch-details{display:inline-flex}html:not(.js) :is(.card-expand,.row-expand),.is-expanded :is(.card-expand,.row-expand){grid-template-rows:1fr}html:not(.js) :is(.card-expand,.row-expand)>div,.is-expanded :is(.card-expand,.row-expand)>div{visibility:visible}html:not(.js) .tool-description,.is-expanded .tool-description{-webkit-line-clamp:unset;height:auto;display:block}.is-expanded{border-color:var(--cyan);box-shadow:0 0 18px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.is-expanded{box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 18%,transparent)}}.js .is-expanded .tool-open-cue{display:flex}}@media (prefers-reduced-motion:reduce){.tool-description,.card-expand,.row-expand,.card-expand>div,.row-expand>div,.touch-details .icon{transition:none!important}}.pick-cover.has-image{aspect-ratio:2;height:auto;display:block;overflow:hidden}.pick-cover img,.pick-feature-cover img{object-fit:cover;width:100%;height:100%;display:block}.pick-feature.has-image{grid-template-columns:minmax(0,1fr) minmax(0,42%);align-items:center;gap:32px;display:grid}.pick-feature-cover{aspect-ratio:3/2;border-radius:var(--radius-field);grid-area:1/2;overflow:hidden}.pick-feature-text{min-width:0}@media (width<=760px){.pick-feature.has-image{display:block}.pick-feature-cover{aspect-ratio:2;border-radius:11px 11px 0 0;margin:-22px -22px 20px}}.lab-row.has-image{grid-template-columns:180px minmax(0,1fr) 280px;align-items:center}.lab-cover{aspect-ratio:2;border:1px solid var(--line);border-radius:var(--radius-field);overflow:hidden}.lab-cover img{object-fit:cover;width:100%;height:100%;display:block}@media (width>=761px) and (width<=1100px){.lab-row.has-image{grid-template-columns:120px minmax(0,1fr) 220px;gap:24px}}@media (width<=760px){.lab-row.has-image{grid-template-columns:1fr}.lab-cover{order:-1}}.logo-tile.has-icon{background:var(--ink);overflow:hidden}.logo-tile.has-icon img{filter:none;object-fit:cover;width:100%;height:100%}