.tool-page{padding-bottom:40px}.tool-page .page-heading{padding-bottom:36px}.tool-page .page-heading h1 span{color:var(--muted)}.free-tool{background:var(--surface);border:1px solid var(--line);border-radius:24px;grid-template-columns:300px minmax(0,1fr);gap:16px;padding:16px;display:grid;box-shadow:0 1px 2px #1d1d200a,0 18px 40px -24px #1d355426}.free-tool-input{flex-direction:column;min-width:0;display:flex}.free-tool-label{margin-bottom:8px;font-size:13px;font-weight:600}.free-tool-input textarea{border-color:var(--line);background:#fafafa;border-radius:14px;flex:1;min-height:300px;padding:14px 16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.75}.free-tool-input textarea:focus{background:#fff}.free-tool-hint{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.55}.free-tool-hint code{background:var(--soft);border-radius:5px;padding:2px 5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.free-tool-examples{margin-top:18px}.free-tool-examples>span{margin-bottom:8px;font-size:13px;font-weight:600;display:block}.free-tool-examples>div,.free-tool-layouts{flex-wrap:wrap;gap:6px;display:flex}.free-tool-examples button,.free-tool-layouts button{border:1px solid var(--line);background:#fff;border-radius:100px;min-height:36px;padding:6px 14px;font-size:13px;transition:background .16s,border-color .16s,color .16s}.free-tool-examples button:hover,.free-tool-layouts button:hover{background:var(--soft)}.free-tool-examples button[aria-pressed=true],.free-tool-layouts button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.free-tool-output{flex-direction:column;min-width:0;display:flex}.free-tool-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.free-tool-downloads{gap:6px;display:flex}.free-tool-downloads .button{gap:6px;min-height:36px;padding:6px 14px;font-size:13px}.free-tool-stage{background:#fff;border:1px solid #ecebe6;border-radius:16px;height:440px;display:grid;overflow:hidden}.free-tool-empty{color:var(--muted);place-self:center;font-size:14px}.free-tool-status{color:#a03a1c;min-height:20px;margin-top:8px;font-size:13px}.free-tool-cta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;display:flex}.free-tool-cta span{color:var(--muted);font-size:13px}.tool-section{margin-top:96px}.tool-section>h2{letter-spacing:-1px;font-size:32px;font-weight:600;line-height:1.2}.tool-section-head{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.tool-section-head h2{letter-spacing:-1px;font-size:32px;font-weight:600}.tool-steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:28px;margin:28px 0 0;padding:0;list-style:none;display:grid}.tool-steps li{padding-top:24px}.tool-steps h3{letter-spacing:-.4px;margin-top:10px;font-size:19px;font-weight:600}.tool-steps p{color:var(--muted);margin-top:8px;font-size:15px;line-height:1.7}.tool-section .gallery-grid{margin-top:28px}.tool-faq{border-top:1px solid var(--line);max-width:860px;margin-top:20px}.tool-faq details{border-bottom:1px solid var(--line)}.tool-faq summary{cursor:pointer;letter-spacing:-.3px;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:18px;font-weight:560;list-style:none;display:flex}.tool-faq summary::-webkit-details-marker{display:none}.tool-faq summary:after{content:"+";color:var(--muted);font-size:24px;font-weight:300;transition:transform .2s}.tool-faq details[open] summary:after{transform:rotate(45deg)}.tool-faq details p{color:var(--muted);max-width:760px;padding-bottom:24px;font-size:16px;line-height:1.75}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.tool-section .tool-grid{margin-top:28px}.tool-card .template-card-text>span{color:var(--blue);align-items:center;gap:6px;font-weight:500;display:inline-flex}@media (max-width:1000px){.free-tool{grid-template-columns:1fr}.free-tool-input textarea{min-height:220px}}@media (max-width:800px){.tool-steps,.tool-grid{grid-template-columns:1fr;gap:0}.tool-grid{gap:20px}.tool-section{margin-top:64px}.tool-section>h2,.tool-section-head h2{font-size:26px}.tool-section-head{flex-direction:column;gap:4px}}@media (max-width:600px){.free-tool{border-radius:20px;margin:0 -8px;padding:14px}.free-tool-stage{height:320px}.free-tool-input textarea{min-height:168px}.free-tool-cta .button{width:100%}}@media (prefers-reduced-motion:reduce){.tool-faq summary:after{transition:none}}.tool-template-name{letter-spacing:-.45px;font-size:18px;font-weight:600;line-height:1.35}.tool-cta-note{color:var(--muted);margin:-12px 0 26px;font-size:17px}