:root{--bg-color: #ffffff;--text-main: #000000;--accent: #888888;--border: #000000;--hover-bg: #f5f5f5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center}.glass-bg{display:none}.app-container{width:100%;max-width:700px;padding:2rem}header{text-align:left;margin-bottom:4rem;border-bottom:4px solid var(--text-main);padding-bottom:1rem}.logo-img{width:64px;height:64px;margin-bottom:1rem;filter:grayscale(100%)}h1{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;letter-spacing:-2px;margin-bottom:.5rem}header p{color:var(--accent);font-size:1rem;text-transform:uppercase;letter-spacing:1px}.upload-section{border:4px solid var(--text-main);padding:4rem 2rem;text-align:center;cursor:pointer;transition:background .2s;position:relative}.upload-section:hover,.upload-section.dragover{background:var(--hover-bg)}.upload-icon{color:var(--text-main);margin-bottom:1.5rem}.upload-content h2{font-family:Outfit,sans-serif;font-size:1.5rem;margin-bottom:.5rem}.upload-content p{color:var(--accent);font-size:.9rem}#file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.results-section{margin-top:2rem;border:1px solid var(--text-main);padding:1.5rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.results-header h3{font-family:Outfit,sans-serif;font-size:1.2rem;text-transform:uppercase}.btn{padding:.6rem 1.2rem;font-family:Inter,sans-serif;font-weight:700;cursor:pointer;border:2px solid var(--text-main);background:var(--text-main);color:var(--bg-color);font-size:.8rem;text-transform:uppercase}.btn:hover{background:var(--bg-color);color:var(--text-main)}.files-list{display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem;border:1px solid #eee}.file-info{display:flex;align-items:center;gap:1rem}.file-status{width:8px;height:8px;background:var(--accent)}.file-status.success{background:var(--text-main)}.file-name{font-weight:600;font-size:.9rem}.file-size{color:var(--accent);font-size:.75rem}.file-actions{display:flex;gap:.5rem}.btn-small{padding:.3rem .8rem;font-size:.7rem;border:1px solid var(--text-main);color:var(--text-main);text-decoration:none;font-weight:700;text-transform:uppercase}.btn-small:hover{background:var(--text-main);color:var(--bg-color)}
