.tool-hero{padding-block:clamp(2rem,5vw,4rem) 0}.tool-hero h1{font-size:clamp(2.4rem,4.5vw + 1rem,4rem);margin-top:.75rem;max-width:18ch}.tool-hero .lede{margin-top:1.5rem;font-size:1.2rem;color:var(--ink-soft);max-width:var(--measure)}.steps--examples{list-style:none;padding-left:0}@media (min-width: 52rem){.steps--examples{grid-template-columns:repeat(3,1fr)}}.tool-faq>*{max-width:46rem}.tool-faq details{margin-top:.75rem;border-bottom:1px solid var(--rule);padding-bottom:.75rem}.tool-faq details:first-of-type{margin-top:2rem}.tool-faq summary{font-weight:600;font-size:1.05rem;cursor:pointer;padding-block:.4rem}.tool-faq details p{margin-top:.5rem;color:var(--ink-soft)}.lede--short{display:none}.try{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:2rem;padding:clamp(1.25rem,3vw,2.25rem);background:var(--paper-2);border-left:4px solid var(--marker)}@media (min-width: 56rem){.try{grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:start}}.try form{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;min-width:0}.try label{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:.4rem;font-weight:600}.try label small{font-weight:400;color:var(--ink-soft)}.try input[type=text],.try select{width:100%;min-width:0;font:inherit;font-size:max(1rem,16px);padding:.75rem .9rem;border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink)}.try-drop{position:relative;padding:1.5rem;text-align:center;border:2px dashed var(--ink);border-radius:10px;background:var(--paper);cursor:pointer}.try-drop:hover{background:#fff}.try-drop input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.try-drop span{font-weight:400;color:var(--ink-soft)}.try-thumbs{display:flex;flex-wrap:wrap;gap:.5rem}.try-thumbs img{width:4.5rem;height:4.5rem;object-fit:cover;border-radius:6px}.try-status{min-height:1.5em;font-family:var(--mono);font-size:.85rem;color:var(--ink-soft)}.try-status--error{color:var(--sticker)}.try button[disabled]{opacity:.55;cursor:progress;transform:none}.try-result[hidden]{display:none}.try-result{display:grid;gap:1rem;justify-items:start}.try-media img,.try-media video{display:block;width:100%;max-height:34rem;object-fit:contain;border-radius:10px;background:var(--ink);box-shadow:0 18px 40px -28px #14161ab3}.try-result p{font-size:.95rem;color:var(--ink-soft)}.try-stock{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:.75rem}.try-stock[hidden]{display:none}.try-stock-row{display:flex;gap:.5rem}.try-stock-row input{flex:1;min-width:0;font:inherit;font-size:max(1rem,16px);padding:.75rem .9rem;border:2px solid var(--ink);border-radius:8px;background:var(--paper);color:var(--ink)}.try-stock-row .btn{padding-block:.6rem}.try-chips{display:flex;flex-wrap:wrap;gap:.4rem}.try-chips button{font:inherit;font-size:.875rem;padding:.35rem .8rem;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}.try-chips button:hover{background:var(--marker)}.try-stock-results{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem}.try-stock-results:empty{display:none}.try-stock-results li button{display:block;width:100%;padding:0;border:0;border-radius:6px;overflow:hidden;background:var(--ink);cursor:pointer;aspect-ratio:3 / 4}.try-stock-results img{display:block;width:100%;height:100%;object-fit:cover}.try-stock-results li.is-picked button{outline:4px solid var(--sticker);outline-offset:-4px}.try-stock-note{grid-column:1 / -1;font-size:.9rem;color:var(--ink-soft)}.try-stock-credit{font-size:.8rem;color:var(--ink-soft)}.try-thumb-stock{position:relative;padding:0;border:0;background:none;cursor:pointer}.try-thumb-stock:after{content:"×";position:absolute;top:-.35rem;right:-.35rem;width:1.2rem;height:1.2rem;line-height:1.15rem;text-align:center;font-size:.9rem;border-radius:50%;background:var(--ink);color:var(--paper)}.step-art{position:relative;height:13rem;margin-bottom:.75rem;border-radius:8px;overflow:hidden;background:var(--paper-2);display:grid;place-items:center}.step-art img{display:block;height:12rem;width:auto;max-width:100%;object-fit:cover;border-radius:6px}.step-art--photo img{height:10.5rem;transform:rotate(-4deg);border:4px solid #fff;box-shadow:0 10px 24px -14px #14161ab3}.step-art--stack img{grid-area:1 / 1}.step-art--stack img:first-child{transform:rotate(7deg) translate(2.2rem,.2rem)}.step-art--stack img:nth-child(2){transform:rotate(-5deg) translate(-1.6rem)}.step-art--result{background:var(--ink)}.step-art--result img{height:11.75rem}.step-art--video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:3rem;height:3rem;border-radius:50%;background:#ffffffeb url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 6.5v11l9-5.500z" fill="%2314161a"/></svg>') center / 60% no-repeat}.step-art-tag{position:absolute;left:.5rem;bottom:.5rem;font-family:var(--mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--paper);padding:.2rem .45rem;border-radius:999px}.step-art--form{place-items:stretch;align-content:center;gap:.3rem;padding:1rem 1.1rem}.mock-label{font-size:.75rem;font-weight:600}.mock-label:not(:first-child){margin-top:.4rem}.mock-field{font-size:.8125rem;padding:.5rem .6rem;border:2px solid var(--ink);border-radius:6px;background:var(--paper);line-height:1.3}.swipe-hint{display:none}@media (max-width: 40rem){main.tool{display:flex;flex-direction:column}main.tool>section{order:3;min-width:0;max-width:100%}main.tool{overflow-x:clip}main.tool>.tool-hero{order:1;padding-top:1.25rem}main.tool>#try{order:2;border-top:0;padding-block:1.5rem 2.5rem}.tool-hero h1{font-size:2.1rem}.tool-hero .lede{margin-top:.9rem;font-size:1.05rem}.lede--long,.tool-hero .hero-actions,#try>.eyebrow,#try>h2,#try>.section-intro,.tool .section-intro,.tool .feature p{display:none}.lede--short{display:block}.tool .section{padding-block:2.25rem}.tool .section h2{font-size:1.6rem}.try{margin-top:0;padding:1rem;gap:1.25rem}.try form{gap:1rem}.try-drop{padding:1.1rem 1rem}.try label small{display:none}.try button[type=submit]{width:100%;justify-content:center;padding-block:1rem}.try-claim{width:100%;justify-content:center}.try-chips,.try-stock-results,.tool .gallery{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.try-chips::-webkit-scrollbar,.try-stock-results::-webkit-scrollbar,.tool .gallery::-webkit-scrollbar{display:none}.try-chips,.try-stock-results{margin-inline:-1rem;padding-inline:1rem}.try-chips button{flex:none;padding:.5rem .9rem}.try-stock-results li{flex:none;width:6.5rem}.try-stock-note{width:auto!important}.tool .gallery{margin-top:1.25rem;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;gap:.75rem}.tool .gallery-item{flex:none;width:62vw;max-width:17rem;scroll-snap-align:center}.swipe-hint{display:block;margin-top:.75rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--ink-soft)}.steps--examples{margin-top:1.25rem}.steps--examples .step{padding:.9rem;gap:.35rem}.steps--examples .step p{display:none}.step-art{height:11rem;margin-bottom:.5rem}.step-art img{height:10.25rem}.step-art--photo img{height:9rem}.step-art--result img{height:10rem}.tool .features{margin-top:1.25rem;grid-template-columns:1fr 1fr}.tool .feature{padding:.9rem}.tool .adpoints{margin-top:1.25rem;font-size:.95rem}.tool-faq details:first-of-type{margin-top:1.25rem}}
