:root{--text:#6b6375;--text-h:#08060d;--bg:#e4e4df;--border:#e5e4e7;--label:#f4f3f2;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--padding:20px;--sans:"Mozilla Text", sans-serif;--heading:"Syncopate", sans-serif;--label-font:"Roboto Mono", sans-serif;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}body{margin:0}#root{text-align:center;box-sizing:border-box;border:var(--text-h) 1px solid;border-top:none;border-bottom:none;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}header{border-bottom:var(--text-h) 1px solid;text-align:left;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#e4e4dfad;margin-bottom:15px;position:sticky;top:0;left:0}section{padding-right:var(--padding);padding-left:var(--padding);flex:1;margin-bottom:80px}footer{border-top:var(--text-h) 1px solid;padding-left:var(--padding);padding-right:var(--padding)}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-1.68px;margin:40px 0 32px;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;font-weight:500;line-height:118%}@media (width<=1024px){h2{font-size:20px}}h3{font-family:var(--label-font);margin-top:0;font-size:15px;font-weight:400}h4{font-size:13px;font-style:italic;font-weight:lighter}p{margin:0}button{font-family:var(--sans);color:var(--text-h);cursor:pointer;background:0 0;border:none;padding:8px 15px;font-size:16px}#instructions{margin-top:20px;margin-bottom:30px;font-size:17px;line-height:normal}#img-container{align-items:flex-end;display:flex;position:relative}#img-container #crop-img{border:var(--label) 10px solid;outline:var(--text-h) 1px solid;position:absolute;left:50%;transform:translate(-50%)}#crop-img img{-webkit-user-select:none;user-select:none;max-width:600px;display:block}#label{background-color:var(--label);border:var(--text-h) 1px solid;text-align:left;width:170px;height:fit-content;margin-bottom:0;padding:10px;font-size:8.5px;line-height:18px;transform:translate(61%)}#label b{font-size:10px}#save-btn{border:var(--text-h) 1px solid;justify-self:center;width:fit-content;margin-top:30px}#save-btn:hover{background-color:var(--label)}textarea{border:var(--text-h) 1px solid;background-color:var(--label);width:100%;max-width:600px;height:40px;color:var(--text-h);font-family:var(--sans);margin-top:45px;padding:10px;scroll-margin-bottom:35vh}.keyboard-spacer{display:none}.crop-grid{flex-flow:wrap;justify-content:center;gap:30px 20px;margin-top:10px;display:flex}.img-box{width:fit-content}.crop-grid img{width:100%;max-height:150px}#about{text-align:left;max-width:600px;padding:0 var(--padding);margin:30px auto 0}#about em{font-family:var(--label-font)}@media (width<=910px){#root{width:100%;max-width:100%}h1{margin-top:40px;margin-bottom:30px;font-size:32px}@media (width<=363px){h1{font-size:27px}}#img-container{display:inline-block}#img-container #crop-img{left:0;transform:none}#img-container #crop-img img{width:100%;max-width:550px}#label{margin-top:20px;transform:none}#instructions{margin-bottom:22px;font-size:14px}#text-area{max-width:550px;scroll-margin-bottom:35vh}@media (width<=600px){#text-area{max-width:94%}}.keyboard-spacer{height:45svh;display:block}}@media (width>=911px) and (width<=1024px){#img-container #crop-img img{max-width:550px}#label{width:130px;font-size:7.5px;transform:translate(65%)}#instructions{margin-bottom:25px;font-size:15px}#text-area{max-width:550px}}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;display:flex}