:root{color:#20201e;font-synthesis:none;--ink:#20201e;--muted:#706e68;--line:#d7d3c9;--paper:#fbfaf7;--accent:#e4572e;background:#f5f3ee;font-family:Manrope,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.app{max-width:1440px;margin:auto;padding:0 5vw}header{border-bottom:1px solid var(--line);align-items:center;gap:40px;height:84px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:11px;font-weight:800;display:flex}.mark{background:var(--ink);color:#f5f3ee;letter-spacing:-.08em;padding:8px 6px;font:500 12px DM Mono}nav{color:var(--muted);gap:26px;font-size:13px;display:flex}nav a:hover{text-decoration:underline}.header-note{color:var(--muted);text-transform:uppercase;margin-left:auto;font:11px DM Mono}.intro{border-bottom:1px solid var(--line);grid-template-columns:1fr 300px;gap:8vw;padding:92px 0 84px;display:grid}.eyebrow,.tool-kicker,.field-label,.result-head,.directory-head span{text-transform:uppercase;letter-spacing:.08em;font:11px DM Mono}.eyebrow{color:var(--accent);margin:0 0 22px}.intro h1{letter-spacing:-.075em;margin:0;font-size:clamp(46px,6.2vw,94px);font-weight:700;line-height:.98}.intro h1 em{color:var(--muted);font-style:normal}.lede{max-width:440px;color:var(--muted);margin:30px 0 0;font-size:17px;line-height:1.65}.index-note{border-left:2px solid var(--accent);align-self:end;padding-left:18px}.index-note span{color:var(--accent);font:11px DM Mono}.index-note p{color:var(--muted);margin:13px 0;font-size:13px;line-height:1.7}.workspace{grid-template-columns:minmax(280px,380px) 1fr;gap:7vw;padding:56px 0 100px;display:grid}aside{min-width:0}.directory-head{justify-content:space-between;align-items:baseline;margin-bottom:20px;display:flex}.directory-head h2,.tool-panel h2{letter-spacing:-.05em;margin:0;font-size:26px}.directory-head span{color:var(--muted)}.search{border-bottom:1px solid var(--ink);align-items:center;gap:10px;padding:8px 0;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:14px}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}.categories{flex-wrap:wrap;gap:9px;padding:22px 0;display:flex}.categories button{color:var(--muted);background:0 0;border:0;margin-right:10px;padding:5px 0;font-size:12px}.categories button.active{color:var(--ink);border-bottom:2px solid var(--accent);font-weight:700}.tool-list{border-top:1px solid var(--line)}.tool-row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.tool-row:hover,.tool-row.selected{background:#ebe8df;padding-left:10px;padding-right:10px}.tool-row strong,.tool-row small{display:block}.tool-row strong{font-size:14px}.tool-row small{color:var(--muted);margin-top:4px;font-size:12px}.row-end{color:var(--muted);align-items:center;gap:10px;display:flex}.star{color:#a5a198;background:0 0;border:0;padding:3px}.star.saved{color:var(--accent)}.star.saved .icon{fill:currentColor}.empty{border:1px dashed var(--line);padding:22px;font-size:13px}.empty span{color:var(--muted);margin-top:5px;display:block}.tool-panel{background:var(--paper);border:1px solid var(--line);min-height:580px;padding:38px 4vw}.tool-kicker{color:var(--accent);justify-content:space-between;margin-bottom:24px;display:flex}.tool-kicker span:last-child{color:var(--muted)}.tool-panel h2{font-size:38px}.tool-desc{color:var(--muted);margin:8px 0 34px}.field-label{color:var(--muted);margin-bottom:9px;display:block}textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:#f5f3ee;outline:0;padding:15px;font:13px/1.6 DM Mono}textarea:focus,.search:focus-within{border-color:var(--accent);box-shadow:0 2px 0 var(--accent)}.actions{align-items:center;gap:20px;margin:16px 0 42px;display:flex}.primary{background:var(--ink);color:var(--paper);border:0;align-items:center;gap:12px;padding:13px 17px;font-size:13px;font-weight:700;display:flex}.primary:hover{background:var(--accent)}.text-button,.copy{color:var(--muted);background:0 0;border:0;padding:8px 0;font-size:13px}.text-button:hover,.copy:hover{color:var(--ink);text-decoration:underline}.result-head{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:10px;display:flex}.copy{align-items:center;gap:7px;display:flex}.copy .icon{width:14px}.result{white-space:pre-wrap;min-height:100px;color:var(--muted);padding:18px 0;font:13px DM Mono}.result.has-result{color:var(--ink)}.notice{color:var(--accent);font:11px DM Mono}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:24px 0 36px;font:11px DM Mono;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=800px){.app{padding:0 20px}header{height:70px}.header-note,nav{display:none}.intro{padding:60px 0;display:block}.intro h1{font-size:52px}.index-note{margin-top:46px}.workspace{padding-top:34px;display:block}.tool-panel{margin-top:52px;padding:28px 22px}.tool-panel h2{font-size:30px}footer{display:block}footer span{margin:5px 0;display:block}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}