*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#2c3e50;color:#fff;padding:2rem;text-align:center;box-shadow:0 2px 4px #0000001a}.app-header h1{font-size:2rem;margin-bottom:.5rem}.app-header p{font-size:1.1rem;opacity:.9}.app-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.status{background:white;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.status p{margin-bottom:.5rem;font-size:1.1rem}.status p:last-child{margin-bottom:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-container{background:white;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px}.login-container h1{text-align:center;margin-bottom:2rem;color:#333}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.login-button{width:100%;padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.login-button:hover{background:#5a6fd8}.login-info{margin-top:1rem;text-align:center;color:#666;font-size:.9rem}.dashboard{min-height:100vh;background:#f5f5f5}.dashboard-header{background:#2c3e50;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.dashboard-header h1{font-size:1.5rem}.logout-button{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s}.logout-button:hover{background:#c0392b}.dashboard-main{padding:2rem;max-width:1200px;margin:0 auto}.master-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.master-data-card{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.master-data-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.master-data-card h3{margin-bottom:.5rem;color:#2c3e50}.master-data-card p{color:#666;margin-bottom:1rem;font-size:.9rem}.edit-button{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s;margin-right:.5rem}.edit-button:hover{background:#2980b9}.delete-button{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s}.delete-button:hover{background:#c0392b}.preview-button{background:#9b59b6;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s;margin-right:.5rem;font-size:.9rem}.preview-button:hover{background:#8e44ad}.status-info{background:white;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.status-info h3{margin-bottom:1rem;color:#2c3e50}.status-info ul{list-style:none}.status-info li{margin-bottom:.5rem;font-size:.9rem}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #fcc;font-size:.9rem}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-spinner p{color:#666;font-size:1rem}.user-info{font-size:.9rem;opacity:.8;margin:0}.login-button:disabled{background:#ccc;cursor:not-allowed}.login-button:disabled:hover{background:#ccc}.data-cell-preview{width:60px;text-align:center}.icon-preview{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin:0 auto}.icon-preview-image{max-width:32px;max-height:32px;object-fit:contain}.data-cell-key code{background:#f8f9fa;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;color:#495057}.data-cell-category{text-align:center}.category-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.category-badge-weapon{background:#fff3cd;color:#856404}.category-badge-armor{background:#d1ecf1;color:#0c5460}.category-badge-skill{background:#d4edda;color:#155724}.category-badge-resource{background:#f8d7da;color:#721c24}.category-badge-building_recipe{background:#e2e3e5;color:#383d41}.category-badge-runtime_effect{background:#fce4ec;color:#880e4f}.category-badge-placeholder{background:#f3e5f5;color:#4a148c}.system-placeholder-badge{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#ff6b6b;color:#fff}.disabled-action{display:inline-block;padding:.5rem 1rem;border-radius:4px;background:#95a5a6;color:#fff;font-size:.8rem;cursor:not-allowed;opacity:.7}.data-cell-size{text-align:center;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;color:#6c757d}.data-cell-date{text-align:center;font-size:.8rem;color:#6c757d}.empty-table-cell{text-align:center;padding:3rem 1rem}.empty-table-cell .empty-state{background:none;box-shadow:none;padding:0}.empty-table-cell .empty-icon{font-size:3rem;margin-bottom:.5rem}.empty-table-cell .empty-state h3{font-size:1rem;margin-bottom:.25rem}.empty-table-cell .empty-state p{font-size:.875rem;margin-bottom:1rem}.load-more-section{text-align:center;margin-top:2rem}.load-more-button{background:#6b7280;color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.load-more-button:hover:not(:disabled){background:#4b5563}.load-more-button:disabled{background:#d1d5db;cursor:not-allowed}.notification-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.notification{min-width:300px;max-width:500px;padding:1rem;border-radius:8px;box-shadow:0 4px 12px #00000026;transform:translate(100%);transition:transform .3s ease-in-out;position:relative}.notification-visible{transform:translate(0)}.notification-hidden{transform:translate(100%)}.notification-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.notification-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.notification-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.notification-content{display:flex;align-items:center;gap:.5rem}.notification-icon{font-size:1.2rem;flex-shrink:0}.notification-message{flex:1;font-size:.9rem;line-height:1.4}.notification-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.7;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-close:hover{opacity:1}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:2rem}.error-content{background:white;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:600px;text-align:center}.error-content h2{color:#e74c3c;margin-bottom:1rem}.error-content p{color:#666;margin-bottom:1.5rem;line-height:1.5}.error-details{text-align:left;margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:4px;border:1px solid #dee2e6}.error-details summary{cursor:pointer;font-weight:500;margin-bottom:.5rem}.error-details pre{font-size:.8rem;color:#666;white-space:pre-wrap;word-break:break-word;margin:.5rem 0}.retry-button{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.retry-button:hover{background:#2980b9}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.test-button{background:#f39c12;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background .2s;font-size:.9rem}.test-button:hover{background:#e67e22}.api-test-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.api-test-section h4{margin-bottom:1rem;color:#2c3e50}.test-connection-button{background:#27ae60;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;transition:background .2s;font-size:1rem;margin-bottom:.5rem}.test-connection-button:hover:not(:disabled){background:#229954}.test-connection-button:disabled{background:#ccc;cursor:not-allowed}.add-button{background:#27ae60;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;transition:background .2s;font-size:1rem;font-weight:500}.add-button:hover:not(:disabled){background:#229954}.add-button:disabled{background:#ccc;cursor:not-allowed}.api-info{color:#666;font-size:.9rem;margin:0}.layout{display:flex;min-height:100vh;background:#f8f9fa}.layout-navigation{width:250px;background:#2c3e50;color:#fff;flex-shrink:0}.layout-main{flex:1;overflow:auto}.layout-content{padding:2rem;width:100%}.navigation{height:100vh;display:flex;flex-direction:column}.navigation-header{padding:1.5rem;border-bottom:1px solid #34495e}.navigation-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.navigation-icon{font-size:1.5rem}.user-info{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.user-name{font-size:.9rem;color:#ecf0f1}.logout-button{background:none;border:none;color:#ecf0f1;cursor:pointer;padding:.25rem;border-radius:4px;font-size:1.2rem;transition:background .2s}.logout-button:hover{background:#34495e}.navigation-menu{list-style:none;padding:0;margin:0;flex:1}.navigation-item{margin:0}.navigation-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:none;border:none;color:#bdc3c7;text-align:left;cursor:pointer;transition:all .2s;font-size:.95rem}.navigation-link:hover{background:#34495e;color:#fff}.navigation-link.active{background:#3498db;color:#fff}.navigation-link-icon{font-size:1.2rem;width:20px;text-align:center}.navigation-link-label{font-weight:500}.navigation-group{margin:0}.navigation-group-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:none;border:none;color:#bdc3c7;text-align:left;cursor:pointer;transition:all .2s;font-size:.95rem;position:relative}.navigation-group-header:hover,.navigation-group-header.has-active{background:#34495e;color:#fff}.navigation-group-arrow{margin-left:auto;font-size:.8rem;transition:transform .2s;color:#95a5a6}.navigation-group-arrow.expanded{transform:rotate(180deg)}.navigation-group-items{list-style:none;padding:0;margin:0;background:#1a252f;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.navigation-item-nested{margin:0}.navigation-link-nested{padding-left:3rem;font-size:.9rem;background:#1a252f}.navigation-link-nested:hover{background:#2c3e50}.navigation-link-nested.active{background:#2980b9;color:#fff}.page{background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.page-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.page-title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;color:#2c3e50}.page-icon{font-size:1.8rem}.page-actions{display:flex;gap:.5rem}.page-content{padding:2rem}.welcome-section{margin-bottom:2rem;padding:1.5rem;background:#e8f4fd;border-radius:8px;border-left:4px solid #3498db}.welcome-section h2{margin:0 0 .5rem;color:#2c3e50}.welcome-section p{margin:0;color:#666}.data-summary{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.data-summary p{margin:0;color:#666}.data-table-container{overflow-x:auto;border:1px solid #e9ecef;border-radius:8px}.data-table{width:100%;border-collapse:collapse;background:white}.data-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef;white-space:nowrap}.data-table th.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable-th:hover{background:#e9ecef}.data-table th .sortable-th-icon{opacity:.7;font-size:.85em}.data-table td{padding:1rem;border-bottom:1px solid #e9ecef;vertical-align:top}.data-table tr:hover{background:#f8f9fa}.data-cell-id{font-family:Courier New,monospace;font-size:.9rem;color:#666;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell-name{font-weight:500;color:#2c3e50;min-width:150px}.data-cell-description{color:#666;max-width:300px;line-height:1.4}.data-cell-number{text-align:right;font-family:Courier New,monospace;color:#2c3e50}.data-cell-boolean{text-align:center;font-size:1.2rem}.data-cell-type{color:#666;font-size:.9rem}.data-cell-size{font-family:Courier New,monospace;color:#2c3e50}.data-cell-tags{vertical-align:top;max-width:200px}.data-cell-tags .tag-badge{display:inline-block;margin:1px 2px 1px 0}.tag{background:#e9ecef;color:#495057;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.tag-damage_over_time{background:#ffeaa7;color:#d63031;border:1px solid #fdcb6e}.tag-heal_over_time{background:#d1f2eb;color:#00b894;border:1px solid #00b894}.tag-buff{background:#e8f5e8;color:#00b894;border:1px solid #00b894}.tag-debuff{background:#ffebee;color:#d63031;border:1px solid #fab1a0}.data-cell-actions{text-align:center;white-space:nowrap}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-loading p{color:#666;margin:0}.page-error{text-align:center;padding:4rem 2rem}.page-error h2{color:#e74c3c;margin-bottom:1rem}.page-error p{color:#666;margin-bottom:2rem}.refresh-button{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s}.refresh-button:hover{background:#2980b9}.init-button{background:#9b59b6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .2s;margin-left:.5rem}.init-button:hover{background:#8e44ad}.search-and-filters{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.search-bar{width:100%}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:#666;font-size:1.1rem;z-index:1}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-clear{position:absolute;right:.75rem;background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;padding:.25rem;border-radius:4px;transition:background .2s}.search-clear:hover{background:#f8f9fa;color:#333}.filter-panel{background:white;border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.filter-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#2c3e50;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem;border-radius:4px;transition:background .2s}.filter-toggle:hover{background:#e9ecef}.filter-icon{font-size:1.1rem}.filter-badge{color:#e74c3c;font-size:.8rem;margin-left:.25rem}.filter-clear-all{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.filter-clear-all:hover{background:#c0392b}.filter-content{padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.filter-item{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-weight:500;color:#2c3e50;font-size:.9rem}.filter-select{padding:.5rem;border:1px solid #e9ecef;border-radius:4px;font-size:.9rem;background:white;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#3498db}.filter-checkboxes{display:flex;flex-direction:column;gap:.5rem}.filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.filter-checkbox input[type=checkbox]{margin:0}.checkbox-label{color:#666}.filter-range{display:flex;align-items:center;gap:.5rem}.filter-range-input{flex:1;padding:.5rem;border:1px solid #e9ecef;border-radius:4px;font-size:.9rem;text-align:center}.filter-range-input:focus{outline:none;border-color:#3498db}.filter-range-separator{color:#666;font-weight:500}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:white;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:800px}.modal-fullscreen{width:95vw;height:95vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;background:#f8f9fa}.modal-title{margin:0;font-size:1.25rem;color:#2c3e50}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.25rem;border-radius:4px;transition:background .2s}.modal-close:hover{background:#e9ecef;color:#333}.modal-content{padding:2rem;overflow-y:auto;flex:1}.edit-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group-full{grid-column:1 / -1}.form-label{font-weight:500;color:#2c3e50;font-size:.9rem}.required{color:#e74c3c}.form-hint{color:#6b7280;font-size:.85rem;margin-top:.25rem}.form-input,.form-textarea{padding:.75rem;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;transition:border-color .2s;font-family:inherit}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-input.error,.form-textarea.error{border-color:#e74c3c}.form-input:disabled{background:#f8f9fa;color:#666;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.form-checkbox-group{display:flex;flex-direction:column;gap:.5rem}.form-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-checkbox input[type=checkbox]{margin:0;width:16px;height:16px}.checkbox-label{color:#666;font-size:.9rem}.form-error{color:#e74c3c;font-size:.8rem;margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.form-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:120px}.form-button-primary{background:#3498db;color:#fff}.form-button-primary:hover:not(:disabled){background:#2980b9}.form-button-primary:disabled{background:#bdc3c7;cursor:not-allowed}.form-button-secondary{background:#95a5a6;color:#fff}.form-button-secondary:hover:not(:disabled){background:#7f8c8d}.form-button-secondary:disabled{background:#bdc3c7;cursor:not-allowed}.weapon-type{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.weapon-type-sword{background:#e8f4fd;color:#2c3e50;border:1px solid #3498db}.weapon-type-bow{background:#f0f8e8;color:#27ae60;border:1px solid #27ae60}.weapon-type-unknown{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.skill-type{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.skill-type-physical_damage{background:#ffeaa7;color:#d63031;border:1px solid #fdcb6e}.skill-type-heal{background:#d1f2eb;color:#00b894;border:1px solid #00b894}.skill-type-travel{background:#e3f2fd;color:#0984e3;border:1px solid #74b9ff}.skill-type-building{background:#f3e5f5;color:#6c5ce7;border:1px solid #a29bfe}.skill-type-buff{background:#e8f5e8;color:#00b894;border:1px solid #00b894}.skill-type-debuff{background:#ffebee;color:#d63031;border:1px solid #fab1a0}.skill-type-aura{background:#fff3e0;color:#e17055;border:1px solid #fdcb6e}.skill-type-unknown{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.file-upload-area{border:2px dashed #d0d5dd;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#ffffff;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center}.file-upload-area:hover{border-color:#3498db;background:#f8f9fa}.file-upload-area-active{border-color:#3498db;background:#e8f4fd}.file-upload-area-selected{border-color:#27ae60;background:#e8f5e8}.file-upload-text{color:#6b7280;font-size:.9rem;margin-bottom:.5rem}.file-upload-link{color:#3498db;font-weight:500;text-decoration:underline;cursor:pointer}.file-upload-link:hover{color:#2980b9}.file-upload-success{color:#27ae60;font-weight:500;margin-bottom:.5rem;font-size:.95rem}.file-upload-name{color:#2c3e50;font-size:.9rem;margin-bottom:.25rem;word-break:break-all}.file-upload-size{color:#6b7280;font-size:.8rem}.file-upload-actions{display:flex;gap:.5rem;margin-top:.75rem;justify-content:flex-start}
