@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}input[type=color]{width:25px}body{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}:root{--primary-color: #6799fa;--secondary-color: #17121f}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,.label-for-btn{display:inline-block;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;line-height:normal;-webkit-user-select:none;user-select:none}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: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}#boxes>.container{padding:0}.container{max-width:min(750px,calc(200vh - 300px));width:calc(100% - 60px);text-align:center;position:relative;padding:10px 15px;margin:0 auto;overflow:hidden}.slider>.container{padding:10px 15px}canvas{display:block}.float-left{float:left}.float-right{float:right}#wrapper{width:100%;height:100%;font-family:KBO-Dia-Gothic_medium,Arial,sans-serif;background-color:#f0f2f5;color:#333;align-items:center;margin:0;text-align:center;line-height:180%;display:flex;flex-direction:column;min-height:100vh;word-break:keep-all}#boxes{display:flex;gap:20px;flex-direction:column;flex:1;width:100%;padding:20px 0}#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){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}.divide{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;align-items:center;justify-content:space-between}.flex-view{display:flex;flex-direction:column;gap:10px}.frameMakerSetting>*{white-space:nowrap}.frostedglassmorphism{background:#fff6;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.back{background:#11182766;box-shadow:0 4px 30px #0000001a}#video-files{display:block;margin-top:5px}#file-list-info{font-size:.9em;color:#666;margin-top:10px}.input-section{margin-bottom:20px;text-align:left;display:flex;flex-wrap:wrap;gap:15px}input{font-family:KBO-Dia-Gothic_medium,Arial,sans-serif;font-size:16px}input[type=file]{color:#333}input[type=file]::file-selector-button{background-color:var(--primary-color);color:#fff;font-family:KBO-Dia-Gothic_medium,Arial,sans-serif;border:none;padding:6px 12px;border-radius:5px}nav,.nav{position:sticky;top:0;width:100%;background-color:var(--secondary-color);font-size:15px;margin:0;z-index:20;transition:transform .5s ease;color:#aaa;display:flex;flex-wrap:wrap;justify-content:center}nav.hidden,.nav.hidden{transform:translateY(-100%)}nav>*,.nav>*{padding:10px;flex-grow:1}nav h1,.nav h1{font-weight:400;font-size:15px;margin:0}nav ul,.nav ul{margin:0}nav li,.nav li{display:inline-block;margin:0 5px;min-width:40px;padding:0}nav h1 a,.nav h1 a{display:inline-block}nav button,nav .label-for-btn{color:#aaa;padding:0;background-color:transparent;margin:0}nav a,.nav a,nav button,nav .label-for-btn{-webkit-transition:color .2s linear;-ms-transition:color .2s linear;transition:color .2s linear}nav a:hover,.nav a:hover,nav button:hover,nav .label-for-btn:hover{color:var(--primary-color)}nav select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0px center;background-size:12px;color:#aaa;border-width:0;padding:0 25px 0 0;font-size:15px}nav option{background-color:var(--secondary-color)}nav option:checked{color:var(--primary-color)}