.pdf-hidden[data-v-b2e0f599]{display:none}*{box-sizing:border-box;border:0;margin:0;padding:0;transition:all .2s ease-in-out}@font-face{font-family:IntegralCF;src:url(/assets/IntegralCF-Dw41_8tu.woff2)format("woff2"),url(/assets/IntegralCF-COKxPSmM.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-SemiBold-CnxO-nkM.woff2)format("woff2"),url(/assets/Lexend-SemiBold-DD5m_CzG.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-Regular-Drwqtm7C.woff2)format("woff2"),url(/assets/Lexend-Regular-wEaFNK8J.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--dark:#091732;--light:#fffcf8;--primary:#3f99d4;--primary-5:color-mix(in srgb, var(--primary) 5%, transparent);--primary-10:color-mix(in srgb, var(--primary) 10%, transparent);--primary-20:color-mix(in srgb, var(--primary) 20%, transparent);--primary-30:color-mix(in srgb, var(--primary) 30%, transparent);--primary-40:color-mix(in srgb, var(--primary) 40%, transparent);--primary-50:color-mix(in srgb, var(--primary) 50%, transparent);--primary-60:color-mix(in srgb, var(--primary) 60%, transparent);--primary-70:color-mix(in srgb, var(--primary) 70%, transparent);--primary-80:color-mix(in srgb, var(--primary) 80%, transparent);--primary-90:color-mix(in srgb, var(--primary) 90%, transparent);--primary-d-1:color-mix(in hsl, var(--primary) 75%, black);--primary-d-2:color-mix(in hsl, var(--primary) 55%, black);--primary-d-3:color-mix(in hsl, var(--primary) 35%, black);--primary-d-4:color-mix(in hsl, var(--primary) 18%, black);--primary-l-1:color-mix(in hsl, var(--primary) 80%, white);--primary-l-2:color-mix(in hsl, var(--primary) 60%, white);--primary-l-3:color-mix(in hsl, var(--primary) 40%, white);--primary-l-4:color-mix(in hsl, var(--primary) 20%, white);--secondary:#f15e3c;--secondary-5:color-mix(in srgb, var(--secondary) 5%, transparent);--secondary-10:color-mix(in srgb, var(--secondary) 10%, transparent);--secondary-20:color-mix(in srgb, var(--secondary) 20%, transparent);--secondary-30:color-mix(in srgb, var(--secondary) 30%, transparent);--secondary-40:color-mix(in srgb, var(--secondary) 40%, transparent);--secondary-50:color-mix(in srgb, var(--secondary) 50%, transparent);--secondary-60:color-mix(in srgb, var(--secondary) 60%, transparent);--secondary-70:color-mix(in srgb, var(--secondary) 70%, transparent);--secondary-80:color-mix(in srgb, var(--secondary) 80%, transparent);--secondary-90:color-mix(in srgb, var(--secondary) 90%, transparent);--secondary-d-1:color-mix(in hsl, var(--secondary) 75%, black);--secondary-d-2:color-mix(in hsl, var(--secondary) 55%, black);--secondary-d-3:color-mix(in hsl, var(--secondary) 35%, black);--secondary-d-4:color-mix(in hsl, var(--secondary) 18%, black);--secondary-l-1:color-mix(in hsl, var(--secondary) 80%, white);--secondary-l-2:color-mix(in hsl, var(--secondary) 60%, white);--secondary-l-3:color-mix(in hsl, var(--secondary) 40%, white);--secondary-l-4:color-mix(in hsl, var(--secondary) 20%, white);--orange:#f79042;--orange-5:color-mix(in srgb, var(--orange) 5%, transparent);--orange-10:color-mix(in srgb, var(--orange) 10%, transparent);--orange-20:color-mix(in srgb, var(--orange) 20%, transparent);--orange-30:color-mix(in srgb, var(--orange) 30%, transparent);--orange-40:color-mix(in srgb, var(--orange) 40%, transparent);--orange-50:color-mix(in srgb, var(--orange) 50%, transparent);--orange-60:color-mix(in srgb, var(--orange) 60%, transparent);--orange-70:color-mix(in srgb, var(--orange) 70%, transparent);--orange-80:color-mix(in srgb, var(--orange) 80%, transparent);--orange-90:color-mix(in srgb, var(--orange) 90%, transparent);--yellow:#fdbb2c;--yellow-5:color-mix(in srgb, var(--yellow) 5%, transparent);--yellow-10:color-mix(in srgb, var(--yellow) 10%, transparent);--yellow-20:color-mix(in srgb, var(--yellow) 20%, transparent);--yellow-30:color-mix(in srgb, var(--yellow) 30%, transparent);--yellow-40:color-mix(in srgb, var(--yellow) 40%, transparent);--yellow-50:color-mix(in srgb, var(--yellow) 50%, transparent);--yellow-60:color-mix(in srgb, var(--yellow) 60%, transparent);--yellow-70:color-mix(in srgb, var(--yellow) 70%, transparent);--yellow-80:color-mix(in srgb, var(--yellow) 80%, transparent);--yellow-90:color-mix(in srgb, var(--yellow) 90%, transparent);--teal:#57bfba;--teal-5:color-mix(in srgb, var(--teal) 5%, transparent);--teal-10:color-mix(in srgb, var(--teal) 10%, transparent);--teal-20:color-mix(in srgb, var(--teal) 20%, transparent);--teal-30:color-mix(in srgb, var(--teal) 30%, transparent);--teal-40:color-mix(in srgb, var(--teal) 40%, transparent);--teal-50:color-mix(in srgb, var(--teal) 50%, transparent);--teal-60:color-mix(in srgb, var(--teal) 60%, transparent);--teal-70:color-mix(in srgb, var(--teal) 70%, transparent);--teal-80:color-mix(in srgb, var(--teal) 80%, transparent);--teal-90:color-mix(in srgb, var(--teal) 90%, transparent);--white:#fff;--link:#3664dc;--grey:#8891b0;--grey-d-1:color-mix(in hsl, var(--grey) 75%, black);--grey-d-2:color-mix(in hsl, var(--grey) 55%, black);--grey-d-3:color-mix(in hsl, var(--grey) 35%, black);--grey-d-4:color-mix(in hsl, var(--grey) 18%, black);--space-4xs:clamp(.52rem, calc(-.03vw + .53rem), .49rem);--space-3xs:clamp(.66rem, calc(.04vw + .64rem), .7rem);--space-2xs:clamp(.82rem, calc(.16vw + .77rem), .99rem);--space-xs:clamp(1.02rem, calc(.35vw + .91rem), 1.4rem);--space-s:clamp(1.02rem, calc(-.02vw + 1.03rem), 1rem);--space-m:clamp(1.6rem, calc(.37vw + 1.48rem), 2rem);--space-l:clamp(2rem, calc(.77vw + 1.76rem), 2.83rem);--space-xl:clamp(2.5rem, calc(1.39vw + 2.06rem), 4rem);--space-2xl:clamp(4rem, calc(2.34vw + 2.38rem), 8rem);--space-3xl:clamp(3.91rem, calc(6.75vw + 1.75rem), 11.19rem);--space-4xl:clamp(4.88rem, calc(10.13vw + 1.64rem), 15.83rem);--text-xs:clamp(.9rem, .1vi + .85rem, 1.07rem);--text-s:clamp(1.12rem, .17vi + 1.04rem, 1.43rem);--text-m:clamp(1.75rem, .43vi + 1.54rem, 2.53rem);--text-l:clamp(2.19rem, .65vi + 1.88rem, 3.38rem);--text-xl:clamp(2.73rem, .97vi + 2.27rem, 4.5rem);--text-2xl:clamp(3.42rem, 1.42vi + 2.74rem, 6rem);--text-3xl:clamp(4.27rem, 2.04vi + 3.3rem, 8rem);--radius-xs:clamp(.4rem, calc(0vw + .4rem), .4rem);--radius-s:clamp(.6rem, calc(-.19vw + .86rem), .8rem);--radius-m:clamp(1rem, calc(-.19vw + 1.26rem), 1.2rem);--radius-l:clamp(1.6rem, calc(-.37vw + 2.12rem), 2rem);--radius-xl:clamp(2.6rem, calc(-.56vw + 3.38rem), 3.2rem);--radius-full:999rem;--box-shadow:0 0 10px 0 color-mix(in srgb, var(--grey) 50%, transparent);--border:4px solid var(--dark);background:var(--light)}#app{max-width:850px;min-height:100vh;font-family:Lexend,sans-serif;font-size:var(--text-s);color:var(--dark);margin:0 auto;font-weight:400}::selection{background:var(--primary-50);color:var(--text-title)}:focus,:focus-visible{outline:1px solid}h1{font-size:var(--text-4xl);line-height:1.1}h2{font-size:var(--text-3xl);line-height:1.2}h3{font-size:var(--text-2xl);line-height:1.3}h4{font-size:var(--text-xl);line-height:1.3}h5{font-size:var(--text-l);line-height:1.3}h6{font-size:var(--text-m);line-height:1.4}h1,h2,h3,h4,h5,h6{color:var(--text-title)}p{margin-bottom:var(--space-xs);line-height:1.4}hr{margin:var(--space-s) 0;border-style:solid;border-width:1px 0 0;border-color:var(--primary-30)}fieldset{border-color:#0000}button{cursor:pointer;padding:var(--space-xs);background-color:var(--secondary);border-radius:var(--radius-m);color:var(--light);align-items:center;gap:var(--space-4xs);font-family:inherit;font-weight:700;display:inline-flex}button .icon{width:2rem;height:2rem;stroke:var(--light)}button:hover,button:focus,button:focus-visible,button:active{background-color:var(--primary)}button:disabled{background-color:var(--grey);cursor:not-allowed}input[type=text],textarea{background:var(--light);border:1px solid var(--dark);border-radius:var(--radius-s);width:100%;color:var(--dark);padding:var(--space-4xs);font-family:Lexend,sans-serif}input[type=text]::placeholder,textarea::placeholder{color:var(--grey)}textarea{resize:none}textarea textarea{field-sizing:content}textarea{min-height:12rem;line-height:1.65}.tag{padding:var(--space-4xs);border-radius:var(--radius-xs);font-size:var(--text-xs);text-transform:uppercase;border:1px solid;font-weight:600;display:inline-block}.navbar{z-index:1;top:var(--space-s);margin:var(--space-xs);background:color-mix(in srgb, var(--light) 90%, transparent);border-radius:var(--radius-l);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--space-s);box-shadow:var(--box-shadow);justify-content:space-between;align-items:center;display:flex;position:sticky}.navbar .left{align-items:center;gap:var(--space-xs);display:flex}.navbar .left .logo{height:var(--text-l)}.navbar .left .label{font-size:var(--text-m);color:var(--primary);font-family:IntegralCF}.navbar .left .label:before,.navbar .left .label:after{content:"/";color:var(--dark)}.navbar .generate-button{white-space:nowrap;transition:background .2s,transform .15s;position:relative}.navbar .generate-button:hover{transform:translateY(-1px)}.navbar .generate-button .icon{flex-shrink:0;width:16px;height:16px}.page{z-index:0;padding:0 var(--space-m);margin:0 auto}.page .hero{margin-bottom:var(--space-xl)}.page .hero .tag{color:var(--primary);margin-bottom:var(--space-4xs)}.page .hero h1{margin-bottom:var(--space-xs);font-family:IntegralCF,sans-serif;font-size:var(--text-xl);text-transform:uppercase;color:var(--dark);line-height:1.05}.page .hero h1 span{color:var(--secondary)}section{margin-bottom:calc(var(--space-s) + 3px);border:var(--border);border-radius:var(--radius-l);border-color:var(--section-color);transition:border-color .2s;overflow:hidden}section:first-of-type,section:nth-of-type(5n+1){--section-color:var(--secondary)}section:nth-of-type(2),section:nth-of-type(5n+2){--section-color:var(--orange)}section:nth-of-type(3),section:nth-of-type(5n+3){--section-color:var(--yellow)}section:nth-of-type(4),section:nth-of-type(5n+4){--section-color:var(--teal)}section:nth-of-type(5),section:nth-of-type(5n+5){--section-color:var(--primary)}section:hover,section:focus-within{margin-bottom:var(--space-s);border-bottom-width:7px}section .section-head{align-items:center;gap:var(--space-4xs);padding:var(--space-xs);border-bottom:1px dashed #0000;border-bottom-color:var(--section-color);display:flex}section .section-head h2{font-size:var(--text-m);font-family:IntegralCF}section .section-head .icon{stroke:currentColor;width:var(--text-l);height:var(--text-l)}.section-body{padding:var(--space-m);border-color:var(--section-color)}.field{margin-bottom:var(--space-m);border-color:var(--section-color)}.field:last-child{margin-bottom:0}.field label{margin-bottom:var(--space-4xs);font-size:var(--text-s);font-weight:600;display:block}.pills{gap:var(--space-4xs);border-color:var(--section-color);flex-wrap:wrap;display:flex}.pills .pill{align-items:center;gap:var(--space-4xs);border:2px solid var(--dark);border-radius:var(--radius-full);padding:var(--space-4xs);font-size:var(--text-xs);color:var(--dark);cursor:pointer;margin:0;font-weight:400;transition:all .2s;display:flex}.pills .pill input{display:none}.pills .pill .pill-dot{border-radius:var(--radius-full);border:1px solid;flex-shrink:0;width:8px;height:8px;transition:all .2s}.pills .pill:hover{border-color:var(--section-color)}.pills .pill.on{border-width:2px;border-color:var(--section-color)}.pills .pill.on .pill-dot{background:var(--section-color);border-color:var(--section-color)}.upload-zone{border:1px dashed var(--dark);border-radius:var(--radius-s);padding:var(--space-s);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-4xs);text-align:center;font-size:var(--text-xs);flex-direction:column;min-height:88px;transition:border-color .2s,background .2s;display:flex;position:relative}.upload-zone:hover{border-color:var(--section-color);background:color-mix(in srgb, var(--section-color) 10%, transparent)}.upload-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-zone .icon{width:var(--text-l);height:var(--text-l);stroke:currentColor}.upload-zone .upload-label{color:var(--grey);margin:0}.upload-zone .upload-img{object-fit:contain;border-radius:3px;max-width:50rem;max-height:20rem}.upload-zone .upload-filename{color:var(--section-color)}.statusbar{z-index:2;background:var(--primary);color:var(--light);text-align:center;padding:15px;font-family:IntegralCF,sans-serif;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.statusbar.show{transform:translateY(0)}
