:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.content{width:100%}:root{--primary-color: #4a90e2;--secondary-color: #f5f6fa;--text-color: #2c3e50;--border-color: #dcdde1;--success-color: #2ecc71;--warning-color: #e67e22;--danger-color: #e74c3c;width:100%}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2) format("woff2");font-weight:400;font-display:swap}body{display:flex;font-family:Pretendard,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f2f5;color:var(--text-color);margin:0;padding:0;width:100%;align-items:center;justify-content:center}.app-container{max-width:800px;width:800px;margin:0 auto;padding:20px;background-color:#fff;min-height:100vh;border-radius:12px;box-shadow:0 0 20px #0000000d}h1,h2,h3,h4{color:var(--text-color);text-align:center}.btn{display:inline-block;padding:5px 10px;border-radius:5px;cursor:pointer;text-decoration:none;font-weight:600;transition:background-color .2s;border:none}.btn-link{color:var(--primary-color);text-decoration:none;margin:0 10px;font-weight:600}.btn-link:hover{text-decoration:underline}.upload-btn{background-color:var(--primary-color);color:#fff;display:block;text-align:center;margin:20px auto;max-width:300px}.upload-btn:hover{background-color:#357abd}.submit-btn{background-color:var(--success-color);color:#fff;width:100%;font-size:1.1em;margin-top:20px}.submit-btn:hover{background-color:#27ae60}.submit-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.download-btn{background-color:var(--primary-color);color:#fff}.view-btn{background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color);margin-right:10px}.input-group{margin-bottom:15px}.text-input,.number-input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box}.settings-box{background-color:var(--secondary-color);padding:20px;border-radius:8px;margin-bottom:20px}.setting-row{margin-bottom:15px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.radio-label{margin-right:15px;cursor:pointer}.custom-settings{border-top:1px solid var(--border-color);padding-top:15px;margin-top:15px}.modifier-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:10px;align-items:center}.modifier-grid input{padding:5px;border:1px solid var(--border-color);border-radius:3px}.result-textarea{width:100%;height:300px;padding:10px;border:1px solid var(--border-color);border-radius:4px;font-family:monospace;margin-bottom:10px;resize:vertical;box-sizing:border-box}.full-height{height:800px}.file-list{list-style:none;padding:0}.file-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--border-color);cursor:pointer}.file-info{display:flex;flex-direction:column}.file-name{font-weight:600;font-size:1.1em}.file-date{font-size:.85em;color:#7f8c8d}.error-message{background-color:#fadbd8;color:var(--danger-color);padding:10px;border-radius:4px;margin-bottom:15px;text-align:center}.warning-message{background-color:#fdebd0;color:var(--warning-color);padding:10px;border-radius:4px;margin-bottom:15px;text-align:center}.top-links{text-align:right;margin-bottom:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid var(--secondary-color);padding-bottom:10px}.nav-links{display:flex}.filter-section{margin-bottom:20px;padding:15px;background-color:var(--secondary-color);border-radius:8px}.search-input{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px;font-size:1em;box-sizing:border-box}.layout-filters{display:flex;gap:10px}.filter-btn{flex:1;padding:8px 16px;border:2px solid var(--border-color);background-color:#fff;color:var(--text-color);border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s}.filter-btn:hover{background-color:var(--secondary-color)}.filter-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.85em;font-weight:600;margin-right:10px}.badge-mpp{background-color:#e3f2fd;color:#1976d2}.badge-sc{background-color:#fff3e0;color:#f57c00}.file-meta{display:flex;align-items:center;gap:10px;margin-top:5px}.file-title{font-weight:600;font-size:1.1em;display:block}.file-original-name{font-size:.85em;color:#95a5a6;margin-top:3px;display:block}.metadata-section{background-color:var(--secondary-color);padding:15px;border-radius:8px;margin-bottom:20px}.metadata-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.metadata-row:last-child{border-bottom:none}.metadata-label{font-weight:600;min-width:120px;color:var(--text-color)}.metadata-label.warning{color:var(--warning-color)}.metadata-value{color:#7f8c8d}.metadata-value.warning{color:var(--warning-color);font-weight:600}.input-mode-selector{display:flex;gap:10px;margin-bottom:20px}.mode-btn{flex:1;padding:12px 20px;border:2px solid var(--border-color);background-color:#fff;color:var(--text-color);border-radius:8px;cursor:pointer;font-weight:600;font-size:1em;transition:all .3s}.mode-btn:hover{background-color:var(--secondary-color);border-color:var(--primary-color)}.mode-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.image-preview{margin-top:15px;padding:10px;background-color:var(--secondary-color);border-radius:8px;max-height:200px;overflow-y:auto}.image-preview-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-radius:4px;margin-bottom:8px}.image-preview-item:last-child{margin-bottom:0}.image-preview-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.remove-btn{background-color:var(--danger-color);color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background-color .2s;margin-left:10px;flex-shrink:0}.remove-btn:hover{background-color:#c0392b}.Header{width:100%;display:flex;height:50px;align-items:center;gap:20px;padding:0 20px;box-sizing:border-box}.Header div,.Header a{color:var(--text-color);text-decoration:none;font-weight:700}