@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Young+Serif&display=swap");@import url("https://fonts.googleapis.com/css2?family=Young+Serif&display=swap");:root{--background:#fff;--foreground:#171717;--primary:#2a5c7d;--secondary:#5da399;--accent:#ff6b6b;--background:#f9f9f9;--text:#333;--light:#aaa;--lighter:#ebebeb;zoom:.8}.serif{font-family:"Young Serif",serif}*{font-family:inherit}body{margin:0;padding:0;font-family:Outfit,Lucida Grande,Helvetica,Lucida Sans Unicode,Lucida Sans,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Arial,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background)}body,html{margin:0;height:100%;scroll-behavior:smooth}body{display:grid;grid-template-columns:1fr;grid-template-areas:"main" "footer";grid-template-rows:1fr auto}main{grid-area:main;margin:0;padding:0}.home-title{margin:0;line-height:1.15;font-size:5rem;text-align:center;padding:5rem 0 2rem}.button{background:var(--background);color:var(--foreground);padding:1rem 1.5rem;cursor:pointer;font-size:1.2rem;transition:background .2s;border:1px solid var(--foreground);display:flex;align-items:center;font-family:inherit}.button:disabled{background:#ccc;cursor:not-allowed}.button:hover:not(:disabled){background-color:var(--foreground);color:var(--background)}.download-button{background:var(--foreground);color:var(--background);border:1px solid var(--foreground);padding:.75rem 1.5rem;text-decoration:none;font-size:1.5rem;transition:background .2s;display:flex;align-items:center;cursor:pointer;border-radius:20px}.download-button:hover{background:var(--background);color:var(--foreground)}.result-container{padding:5rem 2rem 2rem;max-width:80vw;margin:0 auto}.result-controls{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.markdown-preview{background:#fff;border:1px solid var(--foreground);border-radius:20px;zoom:1.5;padding:2rem;margin-top:1rem}.markdown-preview pre{background:#f6f8fa;padding:1rem;border-radius:4px;overflow-x:auto}.markdown-preview code{font-family:Menlo,Monaco,Consolas,monospace}.markdown-preview img{max-width:100%}.error-message{color:#dc3545;margin:0}.mode-toggle,.mode-toggle button{height:2.5rem}.input-container{width:50%;min-height:100%}.input-group{margin-top:1rem;height:100%}.input-group label{height:1.5rem}.main-container{max-width:80vw;margin:auto}.main-content{padding:2rem;max-width:100rem;margin:0 auto auto;width:100%}.drop-zones{display:flex;gap:2rem;align-items:start;margin-top:2rem;min-height:15rem}.drop-zone{border:2px dashed var(--foreground);border-radius:20px;padding:2rem;min-height:20rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.drop-zone:hover{border-color:var(--secondary);background:rgba(93,163,153,.1);border-style:solid}.drop-zone.drag-active{border-color:var(--accent);background:hsla(0,100%,71%,.1)}.drop-zone.has-file{border-style:solid;background:rgba(93,163,153,.15)}.drop-content{text-align:center;color:var(--text)}.upload-icon{font-size:3rem;margin-bottom:1rem;color:var(--light)}.drop-label{display:block;font-weight:500;margin-bottom:.5rem;font-size:1.5rem}.drop-hint{font-size:1.2rem;color:var(--light)}.file-name{font-weight:500;display:block;margin-bottom:.5rem}.file-size{font-size:.9rem;color:var(--light)}.convert-button{background:var(--foreground);color:var(--background);padding:1rem 2rem;font-size:2rem;font-weight:700;cursor:pointer;width:100%;max-width:25rem;display:block;margin:5rem auto 0;transition-duration:.2s;font-family:inherit;border-radius:20px;box-shadow:5px 5px 25px rgba(255,204,212,.356),-5px -5px 35px rgba(255,78,47,.48),10px -10px 30px rgba(0,183,255,.465)}.convert-button:hover:not(:disabled){background:var(--background);color:var(--foreground)}.convert-button:not(:disabled){border:none}.convert-button:disabled{background:var(--background);color:var(--foreground);border-style:dashed;cursor:not-allowed}.processing{display:flex;align-items:center;gap:.5rem}.spinner{width:20px;height:20px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:var(--accent);color:var(--background);padding:1rem;border-radius:20px;margin:1rem 0;text-align:center;font-size:1.5rem;font-weight:700}.navbar{overflow:hidden;background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--foreground);border-radius:20px;width:70vw;top:20px;margin:auto;position:sticky;z-index:90;height:70px;box-shadow:0 4px 19px rgba(0,0,0,.1);padding:0 2rem;justify-content:space-between}.navbar,.navbar-button{display:flex;align-items:center;font-size:1.2rem}.navbar-button{background:var(--foreground);color:var(--background);padding:.5rem 1rem;cursor:pointer;transition:background .2s;border:2px solid var(--foreground);font-family:inherit;border-radius:15px;transition-duration:.2s}.navbar-button:hover{background-color:var(--background);color:var(--foreground)}.beta{background-color:#ffd260;overflow:hidden;width:100%;text-align:center;opacity:70%;top:0;z-index:1000;position:absolute;font-weight:700}.sidebar-toggle{background-color:transparent;border-color:transparent;cursor:pointer}.sidebar-toggle,footer{color:var(--background)}footer{background-color:var(--foreground);padding-left:5rem;padding-right:5rem;display:flex;justify-content:space-between}.hero{font-size:30px;margin:0;padding:0;opacity:.3}.footer{text-align:right;font-weight:500}.prompt{border:2px solid var(--foreground);border-radius:20px;width:calc(100% - 20px);resize:vertical;font-size:1.5rem;padding:1rem;background-color:transparent;transition-duration:.2s;min-height:min(400px);font-family:inherit;margin-top:-1px}label{font-size:1.2rem;font-weight:500;padding-left:1rem}.adjust{height:100%}.prompt:focus{outline:none;border-style:solid}.prompt:hover{border-color:#5da399;background-color:rgba(93,163,153,.1)}.loading-container{max-width:50rem;margin:12px auto auto;display:flex;justify-content:center;align-items:center;text-align:center}.loading-message{color:var(--light);font-size:2.5rem}.text-inputs{display:flex;width:100%;gap:3rem}.sk-cube-grid{width:7rem;height:7rem;margin:2rem auto}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:var(--foreground);opacity:30%;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s ease-in-out infinite;animation:sk-cubeGridScaleDelay 1.3s ease-in-out infinite}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scaleX(1);transform:scaleX(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.toggle-btn{background:var(--background);color:var(--foreground);border:2px solid transparent;padding:.5rem 1rem;font-size:1.1rem;cursor:pointer;transition-duration:.2s;border-radius:20px;margin-top:-3px}.active{background:var(--foreground);color:var(--background)}.drop-header{font-size:2rem;margin-top:5rem}.drop-header,.drop-number{align-items:center;display:flex}.drop-number{font-size:3rem;margin-right:.5rem;background:var(--foreground);color:var(--background);height:5rem;position:absolute;width:5rem;text-align:center;justify-content:center;border-radius:50%;font-weight:700;margin-left:-8rem}.drop-head{font-size:2.5rem;justify-content:left}.drop-para{font-size:1.8rem;margin-top:.5rem;margin-left:0}.disclaimer{font-size:1.2rem;color:var(--light);font-style:italic;text-align:center;max-width:80%;margin:5rem auto}.heropage{min-height:calc(100vh - 5rem);top:0;display:flex;flex-direction:column;align-items:center;padding:10rem 2rem 2rem}.herotitle{margin-top:0}.herotitle h1{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:5rem;margin-bottom:0;margin-top:0}.herotitle p{margin-top:1rem;font-size:2rem;text-align:center;color:var(--light)}.tips{font-size:3rem;font-weight:700;max-width:50rem}.letsgo,.tips{text-align:center;margin-top:5rem}.letsgo{font-size:1.5rem;color:var(--foreground);background-color:var(--background);width:5rem;padding:1rem;border-radius:20px;text-decoration:none;transition-duration:.2s;box-shadow:5px 5px 25px rgba(255,204,212,.356),-5px -5px 35px rgba(255,78,47,.48),10px -10px 30px rgba(0,183,255,.465);animation:shiftingShadow 3s ease-in-out infinite alternate}.letsgo:hover{background-color:var(--foreground);color:var(--background)}a{text-decoration:none}.before{margin-top:5rem;margin-bottom:10rem}.twoby{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}#beforedialog{text-align:center;font-size:3rem;margin-bottom:0}.before-div{padding:2rem;border-radius:20px;background-color:var(--lighter);height:fit-content;border:2px solid transparent;transition-duration:.2s;cursor:pointer}.before-div:hover{box-shadow:5px 2px 20px 0 rgba(0,0,0,.1);border-color:var(--light)}.before-div h3{margin-bottom:0;font-size:2rem;margin-top:0;display:flex;align-items:center;justify-content:space-between}.before-div p{margin-top:1rem;font-size:1.5rem}.expand-btn{font-size:1.2rem;width:2rem;height:2rem;border-radius:50%;border:none;background:var(--foreground);color:var(--background);cursor:pointer;transition:transform .3s ease-out;user-select:none}@media (max-width:768px){.expand-btn{background:transparent;color:var(--foreground)}.navbar{width:90%}.main-container{max-width:100vw;padding:0}.main-container,.twoby{grid-template-columns:1fr}.twoby{gap:2rem}.sidebar{display:none}.main-content{margin-left:0;padding:1rem}.drop-zones{display:block}.drop-number{display:none}.disclaimer{max-width:100%}}.required-text{color:var(--accent);font-style:italic;font-weight:700}.youtube-link{display:inline-flex;align-items:center;text-decoration:none;transition:color .2s ease;color:#2563eb;font-size:2rem}.youtube-link:hover{color:#1a4b8d;font-weight:700}.youtube-link svg{margin-left:.5rem;width:2rem;height:2rem}.centered-link{width:100%;display:flex;justify-content:center}.errno-error{background-color:var(--accent);color:var(--background);padding:1rem;font-size:1.5rem;border-radius:20px}.errno-error a{display:inline-block;margin-top:1rem;padding:.5rem 1rem;background-color:var(--background);color:var(--accent);text-decoration:none;border-radius:10px;transition-duration:.2s}.errno-error a:hover{background-color:var(--foreground);color:var(--background)}