.tools[data-v-f07d14ac]{--diag:20px;--margin:8px;--seam-gap:13px}.tools__caption[data-v-f07d14ac]{align-items:baseline;color:var(--text-3);display:flex;font-size:var(--type-small);justify-content:space-between;margin:0 0 var(--space-4)}.tools__row[data-v-f07d14ac]{border-radius:24px;display:flex;flex-direction:column;isolation:isolate;list-style:none;margin:0;overflow:hidden;padding:0}.tools__cell[data-v-f07d14ac]{background:var(--paper);clip-path:polygon(0 var(--diag),100% 0,100% calc(100% - var(--diag) + .6px),0 calc(100% + .6px));color:var(--paper-ink)}.tools__cell+.tools__cell[data-v-f07d14ac]{margin-top:calc(var(--diag)*-1)}.tools__cell.is-first[data-v-f07d14ac]{clip-path:polygon(0 0,100% 0,100% calc(100% - var(--diag) + .6px),0 calc(100% + .6px))}.tools__cell.is-last[data-v-f07d14ac]{clip-path:polygon(0 var(--diag),100% 0,100% 100%,0 100%)}.tools__row--texture[data-v-f07d14ac]{background:linear-gradient(#00000042,#00000042),var(--texture) center top /auto max(100%,760px)}.tools__row--texture .tools__cell[data-v-f07d14ac]{background:none;position:relative}.tools__row--texture .tool[data-v-f07d14ac]{position:relative;z-index:1}.tools__row--texture .tool__toggle[data-v-f07d14ac]{color:var(--paper);text-shadow:0 0 4px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.9),0 0 24px rgba(0,0,0,.8);transition:color var(--dur-tint) var(--ease-expand),text-shadow var(--dur-tint) var(--ease-expand)}.tools__row--texture .is-active .tool__toggle[data-v-f07d14ac]{color:var(--paper-ink);text-shadow:none}.tool[data-v-f07d14ac]{display:flex;flex-direction:column;height:100%;justify-content:center;min-height:116px;padding:calc(var(--diag) + var(--space-3)) var(--space-6)}.tool__head[data-v-f07d14ac]{margin:0}.tool__toggle[data-v-f07d14ac]{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:grid;gap:var(--space-4);grid-template-columns:auto auto auto;justify-content:center;padding:0;width:100%}.tool__toggle[data-v-f07d14ac]:focus-visible{border-radius:4px;outline:2px solid var(--green-700);outline-offset:4px}.tool__illu[data-v-f07d14ac]{--illu-stroke:var(--paper-ink);height:48px;width:48px}.tool__name[data-v-f07d14ac]{font:700 1.25rem/1.15 var(--font-sans);letter-spacing:-.01em}.tool__tag[data-v-f07d14ac]{color:var(--paper-muted);font-size:.6875rem}.tools__row--texture .tool__tag[data-v-f07d14ac]{background:#000000b8;border-radius:2px;box-shadow:0 0 0 4px #000000b8;color:var(--paper);margin-top:var(--space-1);transition:color var(--dur-tint) var(--ease-expand),background-color var(--dur-tint) var(--ease-expand),box-shadow var(--dur-tint) var(--ease-expand)}.tools__row--texture .is-active .tool__tag[data-v-f07d14ac]{background-color:transparent;box-shadow:0 0 0 4px transparent;color:var(--green-900)}.tool__image[data-v-f07d14ac]{aspect-ratio:1;border-radius:14px;display:block;grid-row:1/3;height:auto;width:88px}.tool__toggle[data-v-f07d14ac]:has(.tool__image){gap:2px var(--space-4);grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left}.tool__toggle:has(.tool__image) .tool__name[data-v-f07d14ac]{align-self:end}.tool__toggle:has(.tool__image) .tool__tag[data-v-f07d14ac]{align-self:start}.tool__detail[data-v-f07d14ac]{--detail-gap:var(--space-3);text-align:center}.tool__text[data-v-f07d14ac]{font-size:var(--type-small);line-height:1.55;margin:0}.tool__points[data-v-f07d14ac]{border-top:1px solid var(--paper-ink);display:flex;flex-direction:column;list-style:none;margin:var(--space-3) 0 0;padding:0}.tool__points li[data-v-f07d14ac]{border-bottom:1px solid var(--paper-line);color:var(--paper-muted);font-size:.8125rem;padding:6px 0}@media(min-width:1024px){.tools[data-v-f07d14ac]{--diag:36px;--margin:10px;--seam-gap:14px}.tools__row[data-v-f07d14ac]{flex-direction:row;height:340px}.tools__row[data-v-f07d14ac]:has(.tool__points){height:450px}.tools__row.tools__row--pair[data-v-f07d14ac]{height:500px}.tools__row--texture[data-v-f07d14ac]{background-position:50%;background-size:auto,cover}.tools__cell[data-v-f07d14ac]{clip-path:polygon(var(--diag) 0,calc(100% + .6px) 0,calc(100% - var(--diag) + .6px) 100%,0 100%);flex:1 1 0;min-width:0}.tools__row.is-live .tools__cell[data-v-f07d14ac]{transition:flex-grow var(--dur-expand) var(--ease-expand)}.tools__cell.is-active[data-v-f07d14ac]{flex-grow:2.6}.tools__cell+.tools__cell[data-v-f07d14ac]{margin-left:calc(var(--diag)*-1);margin-top:0}.tools__cell.is-first[data-v-f07d14ac]{clip-path:polygon(0 0,calc(100% + .6px) 0,calc(100% - var(--diag) + .6px) 100%,0 100%)}.tools__cell.is-last[data-v-f07d14ac]{clip-path:polygon(var(--diag) 0,100% 0,100% 100%,0 100%)}.tool[data-v-f07d14ac]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;padding:var(--space-8) calc(var(--diag) + var(--space-3))}.tools__cell.is-first .tool[data-v-f07d14ac]{padding-left:var(--space-8)}.tools__cell.is-last .tool[data-v-f07d14ac]{padding-right:var(--space-8)}.tool__head[data-v-f07d14ac]{grid-row:2;min-width:0}.tool__toggle[data-v-f07d14ac]{display:flex;flex-direction:column;gap:0;text-align:center}.tool__tag[data-v-f07d14ac],.tools__row--texture .tool__tag[data-v-f07d14ac]{margin-top:var(--space-3)}.tool__name[data-v-f07d14ac]{align-self:center;max-width:104px;text-wrap:balance}.tool__illu[data-v-f07d14ac]{height:72px;margin-bottom:var(--space-4);transition:width var(--dur-expand) var(--ease-expand),height var(--dur-expand) var(--ease-expand);width:72px}.tools__cell.is-active .tool__illu[data-v-f07d14ac]{height:56px;width:56px}.tool__detail[data-v-f07d14ac]{grid-row:3;justify-self:center;overflow:hidden;width:320px}.tools__row--pair .tool__detail[data-v-f07d14ac]{width:440px}.tool__toggle[data-v-f07d14ac]:has(.tool__image){align-items:center;display:flex;text-align:center}.tool__toggle:has(.tool__image) .tool__name[data-v-f07d14ac]{align-self:center}.tools__row--pair .tool__name[data-v-f07d14ac]{font-size:1.375rem;max-width:210px}.tool__toggle:has(.tool__image) .tool__tag[data-v-f07d14ac]{align-self:center}.tool__image[data-v-f07d14ac]{border-radius:18px;margin-bottom:var(--space-4);max-width:100%;transition:width var(--dur-expand) var(--ease-expand);width:240px}.tools__cell.is-active .tool__image[data-v-f07d14ac]{width:100px}}@media(prefers-reduced-motion:reduce){.tool__illu[data-v-f07d14ac],.tool__image[data-v-f07d14ac],.tool__tag[data-v-f07d14ac],.tool__toggle[data-v-f07d14ac],.tools__cell[data-v-f07d14ac]{transition:none!important}}