body{margin:0;font-family:system-ui,sans-serif;background:linear-gradient(135deg,#f0f4ff,#dce6ff);display:flex;align-items:center;justify-content:center;min-height:100vh}.container{width:100%;max-width:420px;padding:16px}.card{background:#fff;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.1);padding:24px;text-align:center}.card h1{font-size:1.375rem;margin-bottom:8px;color:#333}.card p{font-size:.875rem;color:#666;margin-bottom:20px}.upload-box{position:relative;display:flex;align-items:center;justify-content:center;height:100px;border:2px dashed #ccc;border-radius:12px;background:#fafafa;cursor:pointer;margin-bottom:20px;transition:background .2s,border-color .2s}.upload-box:hover{background:#f1f1f1}.upload-box.drag-active{border-color:#4f46e5;background:#eef2ff}.hidden-input{display:none}.upload-box span{color:#444;font-size:.875rem}.drag-overlay{position:absolute;width:100%;height:100%;border-radius:12px}.btn{background:#4f46e5;color:#fff;border:none;border-radius:10px;padding:12px;font-size:.9375rem;cursor:pointer;width:100%;transition:background .2s}.btn:hover{background:#4338ca}.btn.disabled{background:#aaa;cursor:not-allowed}.file_lable{position:absolute;inset:0;width:100%;height:100%;opacity:1;cursor:pointer;z-index:0;display:flex;align-items:center;justify-content:center}