html{scroll-behavior:smooth}body{font-family:sans-serif;margin:0;padding:0;background-color:#f0f0f0}.container{max-width:1200px;margin:0 auto;padding:20px}#root{max-width:100%;background-image:url(/sketches.png);background-size:100% auto;background-repeat:repeat-y}main{background-color:#f0f0f0;background-size:100% auto;background-repeat:repeat-y;max-width:70%;margin:0 auto;box-shadow:0 4px 8px #0000004d}.intro-wrapper{text-align:center}.intro{font-family:Delicious Handrawn,cursive;color:#c9c9c9;padding:1rem 0;position:relative;font-size:2rem;text-shadow:.1em .1em 0 hsl(0,5%,40%);display:inline-block;overflow:hidden;white-space:nowrap;z-index:992}@media (max-width: 1200px){.intro{font-size:1.2rem}}@media (max-width: 450px){.intro{font-size:0.8rem}}.intro div:first-of-type{animation:showup 7s infinite}.intro div:last-of-type{width:0px;animation:reveal 7s infinite}.intro div:last-of-type span{margin-left:-25rem;animation:slidein 7s infinite}@keyframes showup{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes slidein{0%{margin-left:-25rem}20%{margin-left:-25rem}35%{margin-left:0}to{margin-left:0}}@keyframes reveal{0%{opacity:0;width:0px}20%{opacity:1;width:0px}30%{width:60dvw}80%{opacity:1}to{opacity:0;width:60dvw}}.ripped-paper-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1001;pointer-events:none;animation:playAndHide 3s forwards}@keyframes playAndHide{0%{opacity:1}99%{opacity:1}to{opacity:0}}.parallax-container{position:relative;min-height:100dvh;height:auto;overflow:clip}.parallax-layer{position:absolute;top:0;right:0;bottom:0;left:0}.background-paper{z-index:1;box-shadow:inset 0 0 6.25rem #f0f0f0;background-size:100% auto;background-repeat:repeat-y;background-position:center top;transition:opacity .3s ease-in-out}.background-mountain{z-index:2;box-shadow:inset 0 0 6.25rem #f0f0f0;background-size:100% auto;background-repeat:no-repeat;background-position:center bottom;transition:opacity .3s ease-in-out}.plane{width:min(50vw,37.5rem);height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%);opacity:0;transition:opacity .5s ease-in-out;z-index:4;pointer-events:none}.plane-visible{opacity:1}.content-layer{display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;padding:2rem;background-color:transparent;min-height:100vh}@media (max-width: 450px){.content-layer{padding:2dvh}}.grid{display:grid;grid-template-columns:repeat(var(--col),1fr);grid-template-rows:repeat(var(--row),6.25rem);gap:.6rem}@media (max-width: 1200px){.grid{grid-template-columns:1fr;grid-template-rows:auto;margin-top:1rem}}@media (max-width: 450px){.grid{grid-template-columns:25dvh}}.grid figure{width:min(40vw,100%)}.grid-0{--row: 1;--col: 1;margin-bottom:40rem;order:2}@media (max-width: 1200px){.grid-0{margin-bottom:20dvh}}@media (max-width: 450px){.grid-0{margin-bottom:10dvh}}.grid-0 figure:nth-child(1){grid-column:1;grid-row:1}.grid-1{--row: 6;--col: 8;font-size:6em;margin-bottom:20dvh;order:3}@media (max-width: 1200px){.grid-1{font-size:4em;margin-bottom:20dvh;grid-template-columns:1fr}}@media (max-width: 800px){.grid-1{font-size:2.5em;margin-bottom:15dvh}}@media (max-width: 450px){.grid-1{font-size:1.5em;margin-bottom:10dvh}.grid-1 div{white-space:normal;text-wrap:wrap}}.grid-1 div{grid-column:1/ 5;text-wrap:nowrap}.grid-1 div:nth-child(2n){text-align:right}.grid-1 div:nth-child(4){grid-column:1/ 5}.grid-1 div:nth-child(5){grid-column:1/ 5}.grid-1 figure:nth-child(6){grid-column:6 /8;grid-row:1}@media (max-width: 1200px){.grid-1 figure:nth-child(6){grid-row:6}}.grid-2{--row: 4;--col: 6;font-family:Indie Flower,cursive;font-size:1.6em;color:#383838;padding:.5rem;gap:12.5rem;order:3}.grid-2 div:nth-child(1){grid-column:1 / 4;grid-row:2}.grid-2 div:nth-child(2){grid-column:4 / 7;grid-row:1}.grid-2 div:nth-child(3){grid-column:4 / 7;grid-row:4}.grid-2 div:nth-child(4){grid-column:1 / 4;grid-row:6}@media (max-width: 1600px){.grid-2{font-size:1.2em;gap:15dvh}}@media (max-width: 1200px){.grid-2{font-size:1em;gap:1.25rem;justify-items:center}.grid-2 div:nth-child(1){grid-column:1;grid-row:2}.grid-2 div:nth-child(2){grid-column:1;grid-row:1}.grid-2 div:nth-child(3){grid-column:1;grid-row:3}.grid-2 div:nth-child(4){grid-column:1;grid-row:4}}@media (max-width: 450px){.grid-2{font-size:.8em;gap:.5rem}.grid-2 .lang-container{display:flex;flex-direction:column;width:100%}.grid-2 .lang-container p{box-sizing:border-box;width:100%}}.grid-3{--row: 4;--col: 6;grid-template-rows:repeat(var(--row),200px);gap:.6rem;order:8}.grid-3 div:nth-child(1){grid-column:1 / 4;grid-row:1}.grid-3 div:nth-child(2){grid-column:5 / 6;grid-row:2}.grid-3 div:nth-child(3){grid-column:4 / 6;grid-row:2}@media (max-width: 800px){.grid-3 div:nth-child(1){grid-column:1;grid-row:1}.grid-3 div:nth-child(2){grid-column:1;grid-row:3}.grid-3 div:nth-child(3){grid-column:1;grid-row:2}}@media (max-width: 800px){.grid-3{position:relative;z-index:4;grid-template-rows:auto;font-size:.9em}}.typed-msg{font-size:3.5em}@media (max-width: 1600px){.typed-msg{font-size:2em}}@media (max-width: 1200px){.typed-msg{font-size:1.2em}}.path-svg{stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round;animation:dash 4s linear alternate infinite}@keyframes dash{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.frog-svg{width:min(30vw,300px);height:min(30vw,300px);margin:0 auto;margin-bottom:clamp(8dvh,8rem,10rem);display:block}.map-svg{width:min(30vw,250px);height:min(30vh,250px);margin:0 auto;margin-bottom:5dvh;display:block}.face-svg{width:min(20vw,400px);height:min(20vh,400px);margin-left:3rem;margin-bottom:1rem}.plane-svg{width:min(30vw,300px);height:min(30vw,300px);margin:0 auto;display:block}.db{display:flex}.db-svg{max-width:6rem;flex-basis:auto;padding:1.25rem}@media (max-width: 800px){.db-svg{max-width:4rem;padding:1rem}}@media (max-width: 450px){.db-svg{max-width:2.5rem;padding:.5rem}}.db-svg:nth-child(2){transition-delay:.2s}.db-svg:nth-child(3){transition-delay:.4s}.hiddenLeft{opacity:0;filter:blur(5px);transform:translate(-100%);transition:all 1s}.hiddenRight{opacity:0;filter:blur(5px);transform:translate(100%);transition:all 1s}.show{opacity:1;filter:blur(0);transform:translate(0)}.hidden{display:none}.language-buttons-group{order:1;margin-bottom:10dvh}.language-buttons-elem{background:#fff;display:block;padding:.3rem 1rem;border-radius:.3rem;border:2px solid #000}.language-buttons:hover{box-shadow:0 2px #000,0 2px 0 2px #a39999}.language-buttons:active{top:.25rem;padding-bottom:0rem;box-shadow:0 1px #000}.language-buttons{position:relative;float:left;font-family:Patrick Hand,sans-serif;font-size:1em;margin-right:.6rem;text-transform:uppercase;color:#000;text-decoration:none;padding-bottom:3px;border-radius:5px;box-shadow:0 2px #000;transition:padding .1s,box-shadow .1s,top .1s;background-image:url(data:image/gif;base64,R0lGODlhBAAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NUY1OENCRDdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NUY1OENCRTdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1RjU4Q0JCN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1RjU4Q0JDN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAQABAAAAgYEEpdoeQUAOw==)}@media (max-width: 1200px){.language-buttons-elem{padding:2.5px 7.5px}.language-buttons{font-size:.5em;line-height:12.5px;margin-right:5px;padding-bottom:1.5px;box-shadow:0 1px #000}}.text-wrapper{position:relative;overflow:hidden}.grid-2 .lang-container p{position:relative;background-color:#e4e4e4;border-radius:1.5rem;display:inline-block;padding:1.25rem;color:#a39999;border:2px solid #a39999;transition:all .2s ease-in-out;overflow:hidden}.grid-2 .lang-container p:before{content:"";background-color:#ffffff80;height:100%;width:3em;display:block;position:absolute;top:0;left:-4.5em;transform:skew(-45deg) translate(0);transition:none}.grid-2 .lang-container p:hover{background-color:#a39999;color:#fff;border-bottom:.25rem solid darken(#a39999,10%)}.grid-2 .lang-container p:hover:before{transform:skew(-45deg) translate(40em);transition:all .5s ease-in-out}.grid-2 .lang-container p.hidden{display:none}.grid-2 .lang-container p.show{opacity:1;filter:blur(0);transform:translate(0)}.autoBlur{animation:autoBlurAnimation linear both;animation-timeline:view()}@keyframes autoBlurAnimation{0%{filter:blur(2.5rem)}45%,55%{filter:blur(0rem)}to{filter:blur(2.5rem)}}.skills-section{order:4}.gallery-section{font-family:Indie Flower,cursive;font-size:1.6rem;color:#383838;text-align:center;margin-top:4rem;margin-bottom:2rem;order:5}@media (max-width: 800px){.gallery-section{font-size:1.4rem}}@media (max-width: 1200px){.gallery-section{font-size:1rem}}@media (max-width: 450px){.gallery-section{max-height:5dvh}}.carousel-section{margin:0;min-height:70dvh;width:100%;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden;order:6}.paint-section{order:7}.paint-section h2{text-align:center;font-family:Indie Flower,cursive;font-size:1.6rem;color:#383838}.foot-spacer{min-height:80rem;width:100%;order:9}@media (max-width: 450px){.foot-spacer{min-height:80dvh;width:100%;order:9}}#creations,#drawings,#contact-me{scroll-margin-top:10dvh}#experiences{scroll-margin-top:20rem}.banner{border-top-left-radius:clamp(20px,4.6vw,40px) clamp(75px,19.4vw,150px);border-top-right-radius:clamp(15px,3.2vw,25px) clamp(70px,18.1vw,130px);border-bottom-left-radius:clamp(60px,16.2vw,110px) clamp(10px,2.6vw,20px);border-bottom-right-radius:clamp(65px,17.5vw,120px) clamp(12px,3.4vw,24px);border:solid 3px #6e7491;padding:0;width:min(40vw,800px);margin-top:100px;line-height:28px;transform:rotate(-1deg);box-shadow:3px 15px 8px -10px #0000004d;transition:all .13s ease-in}@media (max-width: 1200px){.banner{border:solid 2px #6e7491;margin:0 auto}}.banner img{width:100%;height:100%;object-fit:cover}.banner:hover{box-shadow:2px 8px 4px -6px #0000004d;transform:translateY(-10px) rotate(1deg)}.banner.lined.thin{border:solid 2px #41403E}.navbar{display:flex;align-items:center;justify-content:center;height:5rem;width:100%;position:sticky;top:0;background:transparent;box-shadow:0 10px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;margin-bottom:-1rem}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 2rem;max-width:1600px;font-family:Delicious Handrawn,cursive;font-size:2rem}.navbar-logo{font-size:2rem;font-weight:600;color:#383838;text-decoration:none;cursor:pointer;white-space:nowrap}.navbar-container .navbar-menu{display:flex;text-align:center;gap:1rem;list-style:none}.navbar-container .navbar-menu li a{text-decoration:none;color:#383838;font-size:1.6rem;font-weight:500;padding:3px 1rem;border-radius:1rem;border:2px solid transparent;transition:all .7s ease;white-space:nowrap}.navbar-toggle{display:none;background:transparent;padding:.5rem;border:none;cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px auto;background-color:#383838;transition:all .3s ease-in-out}@media (max-width: 1200px){.navbar{-webkit-backdrop-filter:none;backdrop-filter:none}.navbar-container .navbar-menu{display:none;flex-direction:column;align-items:flex-start;gap:1.7rem!important;position:absolute;height:100vh;width:30dvw;top:-2rem;right:0;padding:5rem 1.5rem;box-shadow:0 10px 10px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-container .navbar-menu.active{display:flex}.navbar-toggle{display:block;z-index:999}.navbar-toggle.active .bar:nth-child(2){opacity:0}.navbar-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}@media (max-width: 400px){.navbar-container{padding:0 1rem}.navbar-logo{font-size:1.7rem}.navbar-container .navbar-menu li a{font-size:1.2rem;padding:.2rem 1rem}}.btn{color:#383838;width:min(10rem,150px);text-decoration:none;margin-right:3rem;padding:1.25rem;position:relative;text-align:center}.button-stroke{display:block;width:calc(100% - 40px);height:1.25rem;position:absolute;left:1.25rem;bottom:-.6rem;transition:stroke-dashoffset .8s ease-out}.button-stroke-white{stroke:#f0f0f000;stroke-width:4}.button-stroke-grey{stroke:#c9c9c9;stroke-width:5;stroke-dasharray:40rem;stroke-dashoffset:40rem}.btn:hover .button-stroke-grey{stroke-dashoffset:0}.skills{font-family:Indie Flower,cursive;color:#383838}@media screen and (max-width: 450px){.skillsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;grid-auto-rows:auto;height:auto}.skillsGrid img{height:40px;width:40px}.skills{background-color:transparent;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;text-align:center;justify-content:center;align-items:center;font-size:1rem}}@media screen and (min-width: 451px){.skillsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;grid-auto-rows:auto;height:auto}.skillsGrid img{height:50px;width:50px}.skills{background-color:transparent;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;text-align:center;justify-content:center;align-items:center;font-size:1rem}}@media screen and (min-width: 1080px){.skillsGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:50px;grid-auto-rows:auto;height:auto}.skillsGrid img{height:75px;width:75px}.skills{background-color:transparent;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;text-align:center;justify-content:center;align-items:center;height:100dvh;font-size:1.6rem}}body.active-modal{overflow-y:hidden}.btn-modal{position:block;float:left;font-family:Patrick Hand,sans-serif;font-size:1em;text-transform:uppercase;color:#000;text-decoration:none;padding-bottom:3px;border-radius:5px;box-shadow:0 2px #000;transition:padding .1s,box-shadow .1s,top .1s;background-image:url(data:image/gif;base64,R0lGODlhBAAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERi\ x4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NUY1OENCRDdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5NUY1OENCRTdDMDYxMUUyOTEzMEE1MEM5QzM0NDVBMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk1RjU4Q0JCN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk1RjU4Q0JDN0MwNjExRTI5MTMwQTUwQzlDMzQ0NUEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAQABAAAAgYEEpdoeQUAOw==)}.btn-modal-topstyle{background:#fff;display:block;padding:5px 15px;border-radius:5px;border:2px solid #000}.btn-modal:hover{box-shadow:0 2px #000,0 2px 0 2px #a39999}.btn-modal:active{top:4px;padding-bottom:0;box-shadow:0 1px #000}.modal,.overlay{width:100dvw;height:100dvh;top:0;left:0;right:0;bottom:0;position:fixed}.overlay{background:#313131cc}.modal{z-index:1000}.modal-content{background:#e6e6e6;border-radius:8px;box-shadow:0 0 40px -10px #000;padding:10px 15px;box-sizing:border-box;font-family:helvetica;line-height:1.4;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:min(80vw,400px);height:min(500px,600px)}@media (max-width: 1200px){.modal-content{top:55%;transform:translate(-50%,-50%)}}.modal-content div{content:"Hi";position:sticky;background:#a39999;color:#fff;width:min(90vw,270px);padding:16px 4px 16px 0;border-radius:6px;font-size:1em;box-shadow:10px 10px 40px -14px #000}.modal-content div:last-of-type{transform:translate(50%,10%);text-align:center}@media (max-width: 450px){.modal-content div:last-of-type{transform:translate(10%,10%);text-align:center}}.close-modal{position:absolute;top:10px;right:10px;padding:5px 7px}.modal-content p{width:calc(100% - 20px);margin:5px 10px}.modal-content textarea{width:calc(100% - 20px);height:auto;min-height:200px;box-sizing:border-box;resize:vertical;font-family:helvetica}.paint-container{margin-top:1rem;display:flex;min-height:100vh;background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.paint-toolbar{width:250px;background:linear-gradient(135deg,#a39999,#c9c9c9);color:#fff;padding:20px;box-shadow:2px 0 10px #0000001a;overflow-y:auto}.tool-section,.color-section,.size-section,.action-section{margin-bottom:30px}.tool-section h3,.color-section h3,.size-section h3{margin:0 0 15px;font-size:18px;font-weight:600;color:#fff;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:8px}.tools{display:flex;flex-direction:column;gap:10px}.tool-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff1a;border:2px solid transparent;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.tool-btn:hover{background:#fff3;transform:translateY(-2px)}.tool-btn.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 15px #fff3}.color-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.color-btn{width:35px;height:35px;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0003}.color-btn:hover{transform:scale(1.1);box-shadow:0 4px 15px #0000004d}.color-btn.selected{border-color:#fff;transform:scale(1.15);box-shadow:0 0 0 2px #ffffff4d}.size-section{display:flex;flex-direction:column;gap:10px}.size-slider{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;cursor:pointer}.size-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #0000004d}.size-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 8px #0000004d}.size-display{text-align:center;font-weight:600;font-size:16px;color:#fff;background:#ffffff1a;padding:8px;border-radius:6px}.action-section{display:flex;flex-direction:column;gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.clear-btn{background:#ff4757;color:#fff}.clear-btn:hover{background:#ff3838;transform:translateY(-2px);box-shadow:0 4px 15px #ff475766}.download-btn{background:#2ed573;color:#fff}.download-btn:hover{background:#1dd65f;transform:translateY(-2px);box-shadow:0 4px 15px #2ed57366}.email-btn{background:#a39999;color:#fff}.email-btn:hover{background:#a39999;transform:translateY(-2px);box-shadow:0 4px 15px #443c3166}.canvas-area{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;position:relative}.paint-canvas{border:3px solid #ddd;border-radius:12px;cursor:crosshair;background:#fff;box-shadow:0 8px 32px #0000001a;transition:box-shadow .3s ease}.paint-canvas:hover{box-shadow:0 12px 48px #00000026}.text-input-overlay{position:absolute;background:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 20px #0003;display:flex;gap:8px;align-items:center;z-index:1000;border:2px solid #a39999}.text-input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;outline:none}.text-input:focus{border-color:#a39999;box-shadow:0 0 0 2px #443c3133}.text-add-btn,.text-cancel-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.text-add-btn{background:#2ed573;color:#fff}.text-add-btn:hover{background:#1dd65f}.text-cancel-btn{background:#ff4757;color:#fff}.text-cancel-btn:hover{background:#ff3838}@media (max-width: 1600px){.paint-container{margin-top:1rem;flex-direction:column;min-height:100vdh;max-width:50dvw}.paint-toolbar{width:100%;padding:15px;box-shadow:0 2px 10px #0000001a}.tool-section,.color-section,.size-section,.action-section{margin-bottom:20px}.tools{flex-direction:row;justify-content:space-around}.tool-btn{padding:10px 8px;font-size:12px;flex-direction:column;gap:10px;min-height:50px}.color-palette{grid-template-columns:repeat(10,1fr)}.color-btn{width:30px;height:30px;border-width:3px}.action-section{flex-direction:row;justify-content:space-around}.action-btn{flex:1;padding:6px 4px;font-size:12px}.canvas-area{padding:10px}.paint-canvas{max-width:100%;height:auto;width:calc(100vw - 20px);max-height:60vh}}@media (max-width: 750px){.color-palette{grid-template-columns:repeat(5,1fr);gap:6px}.color-btn{width:30px;height:30px;border-width:3px}}@media (max-width: 450px){.paint-container{margin-top:1rem;height:100dvh;min-height:90dvh;overflow:hidden}.paint-toolbar{padding:8px;max-height:60dvh;max-width:45dvw;overflow-y:auto}.tool-section h3,.color-section h3,.size-section h3{font-size:12px;margin-bottom:6px}.tool-section,.color-section,.size-section,.action-section{margin-bottom:10px}.tools{gap:3px}.tool-btn{padding:4px 6px;font-size:12px;flex-direction:column;gap:10px;min-height:30px}.color-palette{grid-template-columns:repeat(5,1fr);gap:6px}.color-btn{width:20px;height:20px;border-width:2px}.size-section{gap:6px}.size-display{font-size:12px;padding:4px}.action-section{gap:6px}.action-btn{padding:6px 4px;font-size:12px;flex-direction:column;gap:2px}.canvas-area{flex:1;padding:3px;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.paint-canvas{width:calc(100% - 6px);height:calc(40vh - 6px);max-width:350px;max-height:250px;border-width:1px;border-radius:6px}.text-input-overlay{padding:6px;flex-direction:column;gap:4px;max-width:calc(100% - 20px);left:10px!important;right:10px;top:50%!important;transform:translateY(-50%)}.text-input{width:100%;min-width:auto;font-size:16px;padding:8px}.text-add-btn,.text-cancel-btn{width:100%;padding:8px;font-size:12px}}.gallery{--d: 15s;display:grid;width:min(40dvw,30rem);align-items:flex-start}.gallery>img{grid-area:1/1;width:100%;aspect-ratio:1;object-fit:cover;border:10px solid #f2f2f2;box-shadow:0 0 4px #0007;z-index:2;animation:slide var(--d) infinite,z-order var(--d) infinite steps(1)}.gallery img:last-child{animation-name:slide,z-order-last}.gallery>img:nth-child(1){animation-delay:calc(0 * var(--d));--r: 5deg}.gallery>img:nth-child(2){animation-delay:calc(-.25 * var(--d));--r: -10deg}.gallery>img:nth-child(3){animation-delay:calc(-.5 * var(--d));--r: 15deg}.gallery>img:nth-child(4){animation-delay:calc(-.75 * var(--d));--r: -5deg}@keyframes slide{12.5%{transform:translate(120%) rotate(var(--r))}0%,to,25%{transform:translate(0) rotate(var(--r))}}@keyframes z-order{12.5%,25%{z-index:1}75%{z-index:2}}@keyframes z-order-last{12.5%,25%{z-index:1}87.5%{z-index:2}}@media (max-width: 1200px){.gallery{font-size:1.2rem}}