@font-face{font-family:KBO-Dia-Gothic_medium;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Regular.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:KBO-Dia-Gothic_Bold;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Giants-Bold.woff2) format("woff2");font-weight:500;font-style:normal}body{padding:0;margin:0}.input-group input{max-width:70px}.input-form{display:flex;flex-direction:row;gap:15px;flex-wrap:wrap;justify-content:center;padding:20px}#root{width:100%;height:100%;font-family:KBO-Dia-Gothic_medium,Arial,sans-serif;background-color:#f0f2f5;color:#333;justify-content:center;align-items:center;margin:0;text-align:center;line-height:180%;display:flex;flex-direction:column;min-height:100vh;word-break:keep-all}h3{margin-bottom:0}:root{--primary-color: #6799fa;--secondary-color: rgb(28, 36, 74)}ul{list-style-type:circle;list-style-position:inside;margin:0;padding:0}ol{list-style-position:inside;padding-inline-start:0px}hr{width:100%;border-top:1px dashed #ccc;margin:5px 0}ol li,ul li{margin:20px auto}a,a:visited{text-decoration:none;color:inherit}h1{font-size:20px}button{font-family:KBO-Dia-Gothic_medium,Arial,sans-serif;font-size:15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;padding:5px 10px;margin:5px}select{font-family:KBO-Dia-Gothic_medium,Arial,sans-serif;padding:6px 12px}details>div{padding-bottom:10px}summary h1{display:inline-block;font-size:20px}table{width:100%;margin:20px 0;table-layout:fixed;border-collapse:collapse}th,td{border:1px solid #ddd;padding:8px;overflow-x:auto}th{background-color:#f2f2f2}.text-left{text-align:left}.text-right{text-align:right}.container{text-align:center;position:relative;padding:10px 15px}.float-left{float:left}.float-right{float:right}#wrapper{padding:0;flex:1}main{min-height:100vh;max-width:750px;margin:auto;display:flex;flex-direction:column}#process-button{padding:12px 24px;margin:0;font-size:16px;cursor:pointer;transition:background-color .3s;width:100%}#process-button:disabled{background-color:var(--secondary-color);cursor:not-allowed}#process-button:hover:not(:disabled){background-color:var(--secondary-color)}#status-section{margin-top:20px}#status-message{font-weight:700}#progress-bar-container{background-color:var(--secondary-color);border-radius:5px;height:10px;margin:10px}#progress-bar{background-color:var(--primary-color);height:100%;width:0;border-radius:5px;transition:width .3s ease}#download-section{margin-top:20px}#download-link{background-color:var(--primary-color);color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;transition:background-color .3s}#download-link:hover{background-color:var(--primary-color)}.viewer-container{display:flex;flex-direction:column;align-items:center;margin-top:20px}.outputImage{width:100%;height:100%}#frameSlider{width:100%}#frameInfo{margin-top:10px;font-size:1.2em}.scrolled-content{padding:0 20px;overflow-y:scroll;overflow-x:hidden}.content{display:flex;flex-direction:column}