@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap";.tattoo-generator-page{--teal:#8d3f45;--tint:#f7f2e9;--paper:#fffdf8;--ink:#252831;--muted:#67645f;--line:#e1d8cb}.tattoo-generator-page h1,.tattoo-generator-page h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;letter-spacing:-.04em}.tattoo-generator-page h1{font-size:clamp(52px,6.8vw,88px);line-height:.92}.tattoo-generator-page h2{font-size:clamp(43px,5vw,66px);line-height:.95}.tattoo-generator-page h3{letter-spacing:-.035em}.tattoo-generator-page .anime-hero{border-bottom:1px solid #e6dccd;background:radial-gradient(circle at 8% 28%,rgba(194,110,105,.12),transparent 31%),radial-gradient(circle at 93% 65%,rgba(103,116,122,.12),transparent 32%),#f7f2e9}.tattoo-generator-page .anime-hero__grid{opacity:.3;background-size:34px 34px}.tattoo-generator-page .anime-hero__copy{max-width:950px}.tattoo-generator-page .anime-hero__copy>p:not(.anime-kicker){max-width:710px;color:#575b60}.tattoo-generator-page .anime-hero__markers{color:#65615d}.tattoo-generator-page .generator-workbench__action{border-radius:8px;background:#8d3f45;box-shadow:0 10px 24px #5f282e3d}.tattoo-generator-page .generator-workbench__upload{border-color:#dac6bf;background:#fbf6f1;color:#8d3f45}.tattoo-generator-page .generator-workbench__upload:hover,.tattoo-generator-page .generator-workbench__upload:focus-within{border-color:#a56868;background:#f4e8df}.tattoo-generator-page .anime-style-grid{gap:18px}.tattoo-generator-page .anime-style-card{border-color:#e0d6c9;border-radius:12px;box-shadow:0 5px 12px #2f251c0d}.tattoo-generator-page .anime-style-card__visual{position:relative;display:grid;place-items:center;aspect-ratio:1.14;overflow:hidden;border-bottom:1px solid #e5dbcc;background-image:radial-gradient(#d2c5b7 1px,transparent 1px);background-size:17px 17px;background-color:#f0e9dd}.tattoo-generator-page .anime-style-card__visual:before{display:grid;width:66%;height:66%;place-items:center;border:1px solid #8d3f45;border-radius:50%;color:#71363d;content:"✿";font:500 clamp(92px,12vw,170px)/1 "Cormorant Garamond",Georgia,serif;transform:rotate(-10deg)}.tattoo-generator-page .anime-style-card__visual:after{position:absolute;bottom:13px;left:0;width:100%;color:#6b5c58;content:"STYLE STUDY · NOT GENERATED ART";font:600 9px/1.2 DM Mono,monospace;letter-spacing:.04em;text-align:center}.tattoo-generator-page .anime-style-card__visual--image{background:none}.tattoo-generator-page .anime-style-card__visual--image:before,.tattoo-generator-page .anime-style-card__visual--image:after{display:none}.tattoo-generator-page .anime-style-card__visual--image img{-o-object-fit:cover;object-fit:cover;background:#e9ded4}.tattoo-generator-page .anime-style-card--traditional .anime-style-card__visual{background-color:#eadbcd}.tattoo-generator-page .anime-style-card--traditional .anime-style-card__visual:before{border:5px double #813a3a;border-radius:28% 28% 48% 48%;content:"♥";font-size:clamp(84px,10vw,145px)}.tattoo-generator-page .anime-style-card--names .anime-style-card__visual{background-color:#eee8de}.tattoo-generator-page .anime-style-card--names .anime-style-card__visual:before{border:0;border-block:1px solid #80614f;border-radius:0;content:"M";font-size:clamp(92px,12vw,170px);font-style:italic}.tattoo-generator-page .anime-style-card--symbols .anime-style-card__visual{background-color:#e6e9e4}.tattoo-generator-page .anime-style-card--symbols .anime-style-card__visual:before{width:50%;height:50%;border:1px solid #435458;content:"✧";color:#435458}.tattoo-generator-page .anime-style-card--sleeve .anime-style-card__visual{background-color:#e7e0d8}.tattoo-generator-page .anime-style-card--sleeve .anime-style-card__visual:before{width:42%;height:72%;border:2px solid #3c4448;border-radius:46% 46% 34% 34%;content:"〰";color:#3c4448;transform:rotate(15deg)}.tattoo-generator-page .anime-style-card--cover-up .anime-style-card__visual{background-color:#d8d2ca}.tattoo-generator-page .anime-style-card--cover-up .anime-style-card__visual:before{border:6px solid #30343a;border-radius:28% 48% 34% 52%;background:radial-gradient(circle,#50555a 0 18%,transparent 20%);content:"✦";color:#30343a}.tattoo-generator-page .anime-style-card__copy{min-height:146px}.tattoo-generator-page .anime-style-card__copy h3{font-size:22px}.tattoo-generator-page .anime-text-promo{background:#282b31}.tattoo-generator-page .anime-text-promo .anime-kicker{color:#dfb0a1!important}.tattoo-generator-page .anime-text-promo__copy>p:not(.anime-kicker){color:#ddd7cd}.tattoo-generator-page .anime-text-promo__copy button,.tattoo-generator-page .anime-photo-promo__copy button,.tattoo-generator-page .anime-every-need__copy button{border-radius:5px;background:#8d3f45;box-shadow:none}.tattoo-generator-page .anime-text-promo__visual,.tattoo-generator-page .anime-every-need__visual{border-radius:10px}.tattoo-generator-page .tattoo-brief-visual{border:14px solid #d6c6b4;background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(49,55,58,.12) 32px 33px),#f2e9db}.tattoo-generator-page .tattoo-brief-visual:before{width:72%;height:70%;border:1px solid #8f695c;border-radius:3px;background:#fffdf8bf;transform:rotate(-7deg);box-shadow:12px 16px #2a303429}.tattoo-generator-page .tattoo-brief-visual:after{width:63%;height:52%;border:1px solid #b59a87;border-radius:50% 50% 8px 8px;transform:rotate(7deg)}.tattoo-generator-page .tattoo-brief-visual i{color:#71363d;font:600 88px/1 Cormorant Garamond,Georgia,serif;transform:rotate(-7deg)}.tattoo-generator-page .tattoo-brief-visual i:before{content:"✿"}.tattoo-generator-page .tattoo-brief-visual b{position:absolute;right:20%;bottom:22%;width:36%;height:2px;background:#8d3f45;transform:rotate(-7deg);box-shadow:0 10px #8d3f45,0 20px #8d3f458c}.tattoo-generator-page .tattoo-brief-visual--image:before,.tattoo-generator-page .tattoo-brief-visual--image:after,.tattoo-generator-page .tattoo-handoff-visual--image:before,.tattoo-generator-page .tattoo-handoff-visual--image:after{content:none}.tattoo-generator-page .tattoo-photo-compare,.tattoo-generator-page .tattoo-reference-visual{border-radius:10px}.tattoo-generator-page .tattoo-reference-visual .anime-photo-compare__placeholder{background:linear-gradient(90deg,#d2cbc0 0 50%,#f1e9dc 50%)}.tattoo-generator-page .tattoo-reference-visual .anime-photo-compare__placeholder:before{top:20%;left:12%;width:34%;height:58%;border:2px dashed #6a665f;border-radius:44% 36% 45% 38%;transform:rotate(-9deg)}.tattoo-generator-page .tattoo-reference-visual .anime-photo-compare__placeholder:after{top:16%;right:12%;width:34%;height:66%;border:3px solid #71363d;border-radius:50% 50% 38% 38%;transform:rotate(8deg)}.tattoo-generator-page .tattoo-reference-visual .anime-photo-compare__placeholder span{top:31%;left:24%;width:14px;height:14px;border-radius:50%;background:#5e625e;box-shadow:30px 70px #5e625e}.tattoo-generator-page .tattoo-reference-visual .anime-photo-compare__placeholder i{top:30%;right:22%;width:18%;height:27%;border:2px solid #71363d;border-radius:50%;transform:rotate(20deg)}.tattoo-generator-page .tattoo-reference-visual .anime-photo-compare__placeholder b{bottom:25%;right:22%;width:18%;height:2px;background:#71363d;transform:rotate(-24deg);box-shadow:0 9px #71363d}.tattoo-generator-page .tattoo-reference-visual .anime-photo-compare__divider,.tattoo-generator-page .tattoo-reference-visual .anime-photo-compare__after{animation:none}.tattoo-generator-page .anime-every-need{background:#f6f0e7}.tattoo-generator-page .tattoo-handoff-visual{border:12px solid #d9cabb;background:#efe7db}.tattoo-generator-page .tattoo-handoff-visual:before{width:62%;height:71%;border:2px solid #574744;border-radius:3px;background:#fffaf0;transform:rotate(-8deg);box-shadow:14px 13px #4335302e}.tattoo-generator-page .tattoo-handoff-visual:after{width:33%;height:45%;border:3px solid #8d3f45;border-radius:49% 49% 14% 14%;transform:rotate(18deg) translate(50px,18px)}.tattoo-generator-page .tattoo-handoff-visual i{width:100px;height:100px;border:2px solid #8d3f45;border-radius:50%;transform:translate(-65px,-20px)}.tattoo-generator-page .tattoo-handoff-visual b{position:absolute;bottom:21%;left:24%;width:35%;height:2px;background:#80726a;transform:rotate(-8deg);box-shadow:0 10px #80726a,0 20px #80726a}.tattoo-generator-page .anime-heading__intro{max-width:680px;margin:10px auto 0!important;font-size:14px!important}.tattoo-generator-page .anime-steps__action{display:block;margin:28px auto 0;border:0;border-radius:5px;padding:14px 20px;background:#8d3f45;color:#fff;font:750 14px/1 var(--font-ui);cursor:pointer}.tattoo-generator-page .anime-steps__action:hover{background:#713239}.tattoo-generator-page .anime-steps__action:focus-visible{outline:3px solid #bd8a62;outline-offset:3px}.tattoo-generator-page .anime-why{background:#fffdf8}.tattoo-generator-page .anime-why-card__visual{border-radius:10px;background:#ece4d9}.tattoo-generator-page .anime-why-card__placeholder:before{top:17%;left:25%;width:50%;height:65%;border:2px solid #71484a;border-radius:49% 49% 12% 12%;transform:rotate(-8deg)}.tattoo-generator-page .anime-why-card__placeholder:after{right:20%;bottom:17%;width:38%;height:2px;background:#71484a;transform:rotate(-8deg);box-shadow:0 -16px #71484ab3}.tattoo-generator-page .tattoo-why-words{background:#e9dcd2}.tattoo-generator-page .tattoo-why-reference{background:#e6e5de}.tattoo-generator-page .tattoo-why-variations{background:#e9e2d7}.tattoo-generator-page .tattoo-why-artist{background:#d9d8d0}.tattoo-generator-page .tattoo-audiences{--audience-surface:#f7f2e9;--audience-ink:#252831;--audience-muted:#67645f;--audience-muted-strong:#726f69;--audience-line:#dfd5c8;--audience-line-strong:#dfd5c8;--audience-card:#fffdf8;--audience-accent:#8d3f45;--audience-active:#8d3f45;--audience-focus:#8d3f45}.tattoo-generator-page .tattoo-audiences .audience-tabs__visual{background:#e8dfd2}.tattoo-generator-page .tattoo-audiences .audience-tabs__placeholder{background:radial-gradient(circle at 50% 45%,#f9f4ea 0 24%,transparent 25%),repeating-linear-gradient(45deg,rgba(96,75,65,.06) 0 1px,transparent 1px 17px),#e8dfd2}.tattoo-generator-page .tattoo-audiences .audience-tabs__visual:before{position:absolute;top:14%;left:33%;width:34%;height:68%;border:3px solid #713c42;border-radius:48% 48% 22% 22%;content:"";transform:rotate(-8deg)}.tattoo-generator-page .tattoo-audiences .audience-tabs__visual:after{position:absolute;top:23%;left:41%;color:#713c42;content:"✿";font:600 clamp(92px,14vw,170px)/1 "Cormorant Garamond",Georgia,serif}.tattoo-generator-page .tattoo-audiences .audience-tabs__visual--image:before,.tattoo-generator-page .tattoo-audiences .audience-tabs__visual--image:after{content:none}.tattoo-generator-page .tattoo-audiences .tattoo-tab-memorial:not(.audience-tabs__visual--image):after{content:"M";font-style:italic}.tattoo-generator-page .tattoo-audiences .tattoo-tab-sleeve:not(.audience-tabs__visual--image):after{content:"〰"}.tattoo-generator-page .tattoo-audiences .tattoo-tab-cover:not(.audience-tabs__visual--image):after{content:"✦"}.tattoo-generator-page .tattoo-audiences .tattoo-tab-artist:not(.audience-tabs__visual--image):after{content:"✧"}.tattoo-generator-page .anime-final{background:#292d33}.tattoo-generator-page .anime-final .anime-kicker{color:#e1aa9e!important}.tattoo-generator-page .anime-final button{border-radius:5px;background:#a75053}.tattoo-generator-page .anime-final button:hover{background:#8d3f45}.tattoo-generator-page button:focus-visible{outline:3px solid #bd8a62;outline-offset:3px}@media(max-width:620px){.tattoo-generator-page .anime-style-card__visual:before{font-size:105px}.tattoo-generator-page .anime-style-card__visual:after{font-size:8px}.tattoo-generator-page .tattoo-audiences .audience-tabs__visual:after{font-size:116px}}