*,:after,:before{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}html{background-color:var(--light-color)}:root{scroll-behavior:smooth;--font: hsl(0, 0%, 15%);--main-color: hsl(240, 100%, 70%);--btn-color: hsl(200, 100%, 50%);--light-color: hsl(0, 0%, 85%);--lighter-color: hsl(0, 0%, 95%)}#root{min-height:100vh;display:flex;flex-direction:column;color:var(--font);font-family:Roboto Mono,system-ui,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{margin:0;padding:0}h1{text-align:center;font-weight:700;font-size:1.5rem}a{text-decoration:none;cursor:pointer;color:inherit}a:visited{color:inherit}a[href="#preview"]{display:none;padding-block:.5rem;color:var(--main-color);background-color:var(--lighter-color)}button{background-color:var(--btn-color);color:var(--lighter-color);padding:.5rem;border:none;border-radius:.25rem;cursor:pointer;margin-top:1rem;width:150px;align-self:center}button:disabled{opacity:.3;cursor:default}button:not(:disabled):active{background-color:#0099e6}.delete-btn{display:flex;align-items:center;justify-content:center;gap:1rem}.delete-btn>svg{height:20px;width:auto}main{background-color:var(--light-color);display:flex;flex:1}main>*{flex:1;min-width:0;padding:2rem 1rem}header,footer{background-color:var(--main-color);color:var(--lighter-color);text-align:center;padding-block:1rem}header{font-size:2rem}footer{font-size:.8rem}@media(hover:hover){button:not(:disabled):hover{background-color:#0099e6}}@media(max-width:1000px){main{flex-direction:column}main>*{flex:0 0 auto}a[href="#preview"]{display:inline}}@media print{:root,html,body{background:#fff!important}#root *{visibility:hidden}#preview,#preview *{visibility:visible}#preview{position:absolute;left:0;top:0;width:100%;padding:0!important;margin:0!important;background:#fff!important}header,footer,form,button,a[href="#preview"]{display:none!important}}form{border-right:2px dashed var(--lighter-color);display:flex;flex-direction:column;align-items:center;gap:2rem}fieldset{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1rem 2rem;border-radius:.5rem;border:1px solid var(--main-color);min-width:max(300px,50%)}fieldset>.form-item{display:flex;flex-direction:column;gap:.5rem}fieldset>.form-item>strong{color:var(--main-color);border:none}legend{margin-bottom:.5rem;margin-left:2rem;border-radius:.25rem;background-color:var(--main-color);color:var(--lighter-color);padding:.25rem}label{display:flex;flex-direction:column;gap:.25rem}input{border-radius:.25rem;border:1px solid transparent;background-color:var(--lighter-color);padding:.25rem}input:focus{outline:2px solid var(--main-color);background-color:var(--lighter-color)}@media(max-width:1000px){form{border-right:none;border-bottom:2px dashed var(--lighter-color)}}#preview{position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow:auto}section{display:flex;flex-direction:column;align-items:stretch;gap:2rem;word-break:break-word}strong{display:inline-block;width:100%;border-bottom:1px solid var(--main-color);padding-left:2rem;padding-bottom:.2rem}ul{margin-top:1rem}ul>li{margin-left:1rem;margin-bottom:.5rem}ul>li::marker{color:var(--main-color)}button.pdf-btn{min-width:fit-content;padding-inline:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}@media(max-width:1000px){#preview{position:static;align-self:stretch}}