@keyframes trashBounce{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.2)rotate(-10deg)}}.converter-section h2{margin-top:2rem;font-size:2.2rem}.converter-section{background:#add8e6;flex-direction:column;align-items:center;padding:0 2rem;display:flex;position:relative;overflow:hidden}.home{flex-direction:column;align-items:center;min-height:100vh;display:flex}.converter{width:100%}.upload-zone{color:#00f;text-align:center;cursor:pointer;border:.3rem dashed gray;border-radius:.9375rem;margin-bottom:1.875rem;padding:2.5rem;transition:all .3s;position:relative}.upload-zone:hover,.upload-zone.drag-active{background:rgba(74,144,226,.12);border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,144,226,.15)}.upload-zone:active{transform:translateY(0)}.upload-icon{color:#1976d2;margin-bottom:.9375rem;font-size:3rem}.upload-text{color:#555;margin-bottom:.5rem;font-size:2rem;font-weight:500}.upload-subtext{color:#999;font-size:1.4rem}.cta-section{align-items:center;gap:.9375rem;display:flex}.cta-text{color:#666;font-size:.875rem}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7cb342 0%,#9ccc65 100%);border:none;border-radius:1.5625rem;padding:.75rem 1.75rem;font-size:1.7rem;font-weight:600;transition:all .3s;box-shadow:0 .25rem .9375rem rgba(122,179,66,.3)}.cta-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 .25rem .9375rem rgba(122,179,66,.15)}.cta-button:hover{transform:translateY(-.125rem);box-shadow:0 .375rem 1.25rem rgba(122,179,66,.4)}.cta-button:active{transform:translateY(0)}@media (max-width:48rem){.container{flex-direction:column;padding:2.5rem 1.25rem}.panda-section{flex:0 0 9.375rem;height:12.5rem}.panda{width:7.5rem;height:11.25rem;transform:scale(.7)}.logo{margin-bottom:1.25rem;position:static}.upload-zone{padding:1.875rem}}.grass-bottom{clip-path:polygon(0 100%,0 60%,2% 55%,4% 58%,6% 52%,8% 56%,10% 50%,12% 55%,14% 48%,16% 54%,18% 50%,20% 56%,22% 48%,24% 54%,26% 50%,28% 56%,30% 49%,32% 55%,34% 50%,36% 55%,38% 48%,40% 54%,42% 50%,44% 56%,46% 48%,48% 54%,50% 50%,52% 56%,54% 48%,56% 54%,58% 50%,60% 55%,62% 49%,64% 55%,66% 50%,68% 56%,70% 48%,72% 54%,74% 50%,76% 55%,78% 49%,80% 55%,82% 50%,84% 56%,86% 48%,88% 54%,90% 50%,92% 55%,94% 49%,96% 55%,98% 50%,100% 56%,100% 100%);background:linear-gradient(#9ccc65 0%,#7cb342 100%);height:2.5rem;position:absolute;bottom:0;left:0;right:0}.clouds{max-height:20rem}.copied{margin-top:4rem 0;font-size:1.5rem;font-weight:700}.convert-result{background-color:#ecf4f7;flex-flow:wrap;justify-content:center;column-gap:1rem;padding:2rem;font-size:1.6rem;display:flex}.convert-result .uploaded-img{width:10rem;height:10rem}.convert-result button{cursor:pointer;display:block}.convert-result__button-final{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:all .3s;box-shadow:0 2px 8px rgba(34,197,94,.3)}.convert-result__button-final:hover{background-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(34,197,94,.5)}.convert-result__button-final:active{transform:translateY(0)}.convert-result__button-final:disabled{cursor:not-allowed;background-color:#9ca3af;transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.convert-result__extract-image-delete-wrap{align-items:flex-start;display:flex}.convert-result__extract-image-delete-wrap button{margin-top:.5rem;margin-left:.3rem}.convert-result__extract-image-delete-wrap button:hover{animation:.6s ease-in-out trashBounce}.convert-result__image-wrap{flex-direction:column;align-items:center;display:flex}.convert-result__image-wrap img{border:.2rem solid gray;border-radius:2rem;margin-bottom:2rem}.convert-result__image-wrap .button:hover{transform:translateY(-.5rem);box-shadow:0 .375rem 1.25rem rgba(122,179,66,.4)}.convert-result__image-wrap .button:active{transform:translateY(0)}pre{white-space:pre-wrap;word-wrap:break-word;height:20rem;overflow-x:hidden}@media screen and (min-width:520px){pre{height:30rem}}@media screen and (min-width:768px){pre{height:40rem}}pre{background-color:#fff;overflow-x:hidden;overflow-y:scroll}.tip-box{background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.8rem;margin-bottom:1rem;padding:1.5rem}.tip-text{color:#374151;font-size:1.4rem}.error-convert-message{color:#fee2e2;background-color:#7f1d1d;border:.1rem solid #991b1b;border-radius:.375rem;margin-bottom:1rem;padding:.75rem;font-size:1.4rem;line-height:1.5;animation:.3s ease-out slideDown;display:flex}.filename__wrap{justify-content:center;display:flex}.filename{text-align:center;text-overflow:ellipsis;max-width:28rem;margin-bottom:2rem;overflow:hidden}.orangutan-komodo-wrap{align-items:flex-end;display:flex}.orangutan-komodo-wrap .komodo{width:30rem;height:15rem;position:relative}@media screen and (min-width:992px){.orangutan-komodo-wrap .komodo{width:60rem;height:20rem}}.orangutan-komodo-wrap .orangutan{width:20rem;height:15rem;position:relative;top:1.5rem}@media screen and (min-width:520px){.orangutan-komodo-wrap .orangutan{width:20rem;height:15rem}}@media screen and (min-width:992px){.orangutan-komodo-wrap .orangutan{width:25rem;height:25rem}}.direction{flex-wrap:wrap;justify-content:center;font-size:1.4rem;display:flex}.content-grid{grid-template-columns:1fr 1fr;width:32rem;display:grid}@media screen and (min-width:768px){.content-grid{width:60rem}}@media screen and (min-width:992px){.content-grid{width:100rem}}.content-grid{gap:3rem;margin-bottom:4rem}.content-card{border-radius:.5rem;padding:2rem;line-height:1.8}.content-card h2{color:#2c3e50;margin-bottom:1rem;font-weight:600}.content-card p{color:#555;line-height:1.7}.highlight-bold{color:#2c3e50;font-weight:700}.highlight-italic{color:#2c3e50;font-style:italic}.how-section{border-radius:.5rem;padding:2rem}.how-section h2{color:#2c3e50;margin-bottom:2rem;font-weight:600}.how-content{color:#555;font-size:.95rem;line-height:1.8}.speaker-name{color:#2c3e50;font-weight:700}.content-highlight{color:#2c3e50;border-radius:.25rem;padding:.2rem .4rem;font-weight:600}@media (max-width:48rem){.header-section p{font-size:1rem}.content-grid{grid-template-columns:1fr;gap:2rem}.container{padding:2rem 1rem}}header{background-color:#fff;padding:2rem 0;box-shadow:0 .1rem .3rem rgba(0,0,0,.1)}header h1{margin:0}header h2{font-size:1.9rem}nav{justify-content:center;gap:4rem;max-width:120rem;margin:0 auto;padding:0 2rem;display:flex}nav a{color:#333;letter-spacing:.05rem;text-transform:uppercase;font-size:1.4rem;font-weight:500;text-decoration:none;transition:all .3s}nav a:hover{font-weight:700}.banner{color:#fff;background-color:#3a3f45;width:100%;padding:12px 16px}.banner-container{justify-content:space-between;align-items:center;gap:16px;max-width:80rem;margin:0 auto;display:flex}.banner-text{text-align:center;flex:1;margin:0;font-size:14px}.banner-link{color:#7cb342;font-weight:500;text-decoration:underline;transition:color .2s}.banner-link:hover{color:#9ccc65;cursor:pointer}footer{color:#3d3d4e;background-color:#ecf4f7;flex-direction:column;width:100vw;padding:2rem;font-size:1.4rem;line-height:1.3;display:flex;bottom:0}@media screen and (min-width:768px){footer{flex-direction:row;padding:2rem 10rem}}footer h1{margin:0;font-size:1.5rem;font-weight:700}footer p{cursor:pointer;margin:1rem 0;line-height:2rem}footer h2{font-size:1.5rem;font-weight:700}.footer{justify-content:space-between;display:flex}.footer__logo{object-fit:cover;width:10rem;height:5rem;position:relative}.footer__moto{font-size:1.4rem;line-height:1.2}.footer__contact{width:30rem;margin:3rem 0}@media screen and (min-width:768px){.footer__contact{margin-top:0;margin-left:5rem;margin-right:5rem}}.footer__donate{margin-left:auto}.footer__donate-button{cursor:pointer;color:#fff;background-color:#49c5b6;border:none;border-radius:.5rem;height:2rem;padding:2rem 1rem;font-size:1.4rem;font-weight:500;line-height:2rem;transition:all .1s ease-in-out}.footer__donate-button:hover{background-color:#42ab9e;transition:all .1s ease-in-out}.footer__donate-button{justify-content:center;align-items:center;margin-left:auto;padding:4rem;display:flex}.borobodur{width:30rem;height:25rem;margin-top:auto}@media screen and (min-width:768px){.borobodur{width:40rem;height:35rem}}html{-webkit-text-size-adjust:100%;box-sizing:border-box;line-height:1.15}*,:before,:after{box-sizing:inherit}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}html{font-size:62.5%}body{font:1.1rem;flex-direction:column;min-height:100vh;overflow-x:hidden}